.brand-logo img {
	display: block;
	height: auto;
	max-height: 34px;
	max-width: 148px;
	object-fit: contain;
	width: auto;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
	max-height: 34px;
	max-width: 148px;
	width: auto;
}

.main-menu .navbar-header .navbar-brand {
	align-items: center;
	display: flex;
	overflow: hidden;
	width: 100%;
}

.main-menu .navbar-header .navbar-brand .brand-logo {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-start;
	line-height: 1;
	min-width: 0;
}

.main-menu .brand-logo-text {
	align-items: center;
	background: rgba(115, 103, 240, .16);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	color: #fff;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 700;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.main-menu .navbar-header .navbar-brand .brand-text {
	flex: 1 1 auto;
	font-size: 1.15rem;
	letter-spacing: 0;
	line-height: 1.2;
	margin-left: 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main-menu.menu-dark .shadow-bottom {
	background: linear-gradient(180deg, #10163a 0%, rgba(16, 22, 58, .86) 45%, rgba(16, 22, 58, 0) 100%);
	box-shadow: none;
	height: 56px;
	pointer-events: none;
}

.dashboard-stat-card .avatar {
	align-items: center;
	display: flex;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.dashboard-stat-card .card-title {
	line-height: 1.25;
}

.dashboard-stat-card .avatar .avatar-content {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.dashboard-stat-card .avatar .avatar-icon,
.dashboard-stat-card .avatar svg {
	height: 24px !important;
	stroke-width: 2;
	width: 24px !important;
}

.timeline-dashboard {
	list-style: none;
	margin: 0;
	padding: 0;
}

.timeline-dashboard li {
	border-left: 1px solid #ebe9f1;
	margin-left: .5rem;
	padding: 0 0 1.25rem 1rem;
	position: relative;
}

.timeline-dashboard li:last-child {
	padding-bottom: 0;
}

.timeline-dashboard li::before {
	background: #7367f0;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #7367f0;
	content: "";
	height: .65rem;
	left: -.36rem;
	position: absolute;
	top: .25rem;
	width: .65rem;
}

.timeline-dashboard .item-title {
	color: #5e5873;
	font-size: .95rem;
	font-weight: 600;
	margin-bottom: .15rem;
}

.timeline-dashboard .item-subtitle {
	color: #6e6b7b;
	margin-bottom: .35rem;
}

body.vertical-layout.vertical-menu-modern .app-content .content-wrapper {
	max-width: none;
	width: 100%;
}

html body.navbar-floating .content.app-content {
	padding-left: 1.3rem;
	padding-right: 1.3rem;
}

body.navbar-floating .header-navbar.floating-nav {
	background: #fff;
	color: #5e5873;
	max-width: none;
}

.header-navbar .navbar-text,
.header-navbar .dropdown-user-link,
.header-navbar .nav-link {
	color: #5e5873;
}

.header-navbar .nav-link:hover,
.header-navbar .dropdown-user-link:hover {
	color: #7367f0;
}

.app-pagination nav {
	display: flex;
	justify-content: flex-start;
	padding-right: 4.5rem;
}

.app-pagination .pagination {
	gap: .25rem;
	justify-content: flex-start;
	margin-bottom: 0;
}

.app-pagination .page-item .page-link,
.app-pagination .page-item > a {
	align-items: center;
	background-color: #fff;
	border: 1px solid #d8d6de;
	border-radius: .357rem;
	color: #5e5873;
	display: flex;
	height: 2.25rem;
	justify-content: center;
	min-width: 2.25rem;
	padding: .5rem .75rem;
}

.app-pagination .page-item.active .page-link,
.app-pagination .page-item.active a {
	background-color: #10163a;
	border-color: #10163a;
	color: #fff;
}

.app-pagination .page-item > a:hover {
	background-color: #f3f2f7;
	color: #7367f0;
}

.app-user-company-badge {
	background-color: rgba(115, 103, 240, .12);
	color: #5e50ee;
	font-weight: 600;
	white-space: normal;
}

.app-user-admin-badge {
	background-color: rgba(234, 84, 85, .12);
	color: #ea5455;
	font-weight: 600;
	white-space: normal;
}

.app-empresas-form .card-header,
.app-usuarios-form .card-header,
.app-conectores-form .card-header {
	align-items: flex-start;
	padding-bottom: .9rem;
}

.app-empresas-form .card-body,
.app-usuarios-form .card-body,
.app-conectores-form .card-body {
	padding-top: 0;
}

.app-empresas-form .form-section-divider,
.app-usuarios-form .form-section-divider,
.app-conectores-form .form-section-divider {
	border-top: 1px solid #ebe9f1;
	margin: 0 0 1.75rem;
	width: 100%;
}

.app-empresas-form .form-label,
.app-usuarios-form .form-label,
.app-conectores-form .form-label {
	margin-bottom: .5rem;
}

.app-empresas-form .server-validation-alert,
.app-usuarios-form .server-validation-alert,
.app-conectores-form .server-validation-alert {
	margin-bottom: 1.5rem;
	margin-top: 0;
}

.app-empresas-form .server-validation-alert .alert-body > div,
.app-usuarios-form .server-validation-alert .alert-body > div,
.app-conectores-form .server-validation-alert .alert-body > div {
	margin-top: .35rem;
}

.app-usuarios-form .user-access-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 1.5rem;
}

.app-usuarios-form .access-checklist {
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	background-color: #fff;
	overflow: hidden;
}

.app-usuarios-form .access-checklist-header {
	align-items: center;
	border-bottom: 1px solid #ebe9f1;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: 1rem;
}

.app-usuarios-form .access-checklist-counter {
	color: #a6a4b0;
	font-size: .8rem;
}

.app-usuarios-form .access-checklist-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	justify-content: flex-end;
}

.app-usuarios-form .access-checklist-search {
	align-items: center;
	border-bottom: 1px solid #ebe9f1;
	display: flex;
	gap: .65rem;
	padding: .85rem 1rem;
}

.app-usuarios-form .access-checklist-search svg {
	color: #6e6b7b;
	height: 1rem;
	width: 1rem;
}

.app-usuarios-form .access-checklist-search .form-control {
	border: 0;
	box-shadow: none;
	padding: 0;
}

.app-usuarios-form .access-checklist-list {
	display: grid;
	gap: .5rem;
	max-height: 18rem;
	overflow-y: auto;
	padding: 1rem;
}

.app-usuarios-form .access-checklist-list-lg {
	max-height: 24rem;
}

.app-usuarios-form .access-checklist-item {
	align-items: flex-start;
	background-color: #f8f8f8;
	border: 1px solid transparent;
	border-radius: .357rem;
	color: #5e5873;
	cursor: pointer;
	display: flex;
	gap: .75rem;
	margin: 0;
	padding: .75rem;
	transition: background-color .15s ease, border-color .15s ease;
}

.app-usuarios-form .access-checklist-item:hover {
	background-color: #f3f2f7;
	border-color: #d8d6de;
}

.app-usuarios-form .access-checklist-item.is-checked {
	background-color: rgba(115, 103, 240, .1);
	border-color: rgba(115, 103, 240, .35);
}

.app-usuarios-form .access-checklist-item .form-check-input {
	margin-top: .15rem;
}

.app-usuarios-form .access-checklist-item span {
	display: grid;
	gap: .15rem;
	line-height: 1.25;
}

.app-usuarios-form .access-checklist-item strong {
	color: #5e5873;
	font-size: .88rem;
	font-weight: 600;
}

.app-usuarios-form .access-checklist-item small {
	color: #a6a4b0;
	font-size: .78rem;
}

@media (max-width: 991.98px) {
	.app-usuarios-form .user-access-grid {
		grid-template-columns: 1fr;
	}
}

.app-conectores-form .note-editor {
	border-color: #d8d6de;
	margin-bottom: 0;
}

.app-conectores-form .note-toolbar {
	background-color: #f8f8f8;
	border-bottom: 1px solid #ebe9f1;
}

.app-conectores-form .note-toolbar .btn {
	border-color: #d8d6de;
	color: #5e5873;
	font-size: .82rem;
	padding: .35rem .55rem;
}

.app-conectores-form .note-editable {
	color: #5e5873;
	font-family: Montserrat, Helvetica, Arial, serif;
	min-height: 16rem;
}

.app-conectores-form .note-statusbar {
	background-color: #fff;
}

.app-conector-connection .connection-heading {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: .75rem;
	padding: 0 .1rem;
}

.app-conector-connection .connector-nav {
	margin-bottom: 1.25rem;
	padding: 0;
}

.app-conector-connection .connector-config-card .card-header,
.app-conector-subpage .connector-config-card .card-header {
	align-items: flex-start;
	gap: 1rem;
}

.app-conector-connection .connector-config-card .card-header img,
.app-conector-subpage .connector-config-card .card-header img {
	height: auto !important;
	max-height: 3rem !important;
	max-width: 7rem !important;
	object-fit: contain;
	width: auto !important;
}

.app-conector-connection .connector-system-heading,
.app-conector-subpage .connector-system-heading {
	align-items: center;
	display: flex;
	gap: 1rem;
	min-width: 0;
}

.app-conector-connection .connector-system-logo,
.app-conector-subpage .connector-system-logo {
	align-items: center;
	background: #f8f8f8;
	border-radius: .357rem;
	display: flex;
	flex: 0 0 5.5rem;
	height: 4rem;
	justify-content: center;
	overflow: hidden;
	padding: .35rem;
	width: 5.5rem;
}

.app-conector-connection .connector-system-logo img,
.app-conector-subpage .connector-system-logo img {
	display: block;
	height: auto;
	max-height: 3rem;
	max-width: 4.8rem;
	object-fit: contain;
	width: auto;
}

.app-conector-connection .connector-config-card > img,
.app-conector-connection .connector-config-card .card-body > img,
.app-conector-subpage .connector-config-card > img,
.app-conector-subpage .connector-config-card .card-body > img {
	height: auto !important;
	max-height: 3rem !important;
	max-width: 8rem !important;
	object-fit: contain;
	width: auto !important;
}

.app-conector-connection .connector-config-card,
.app-conector-subpage .connector-config-card {
	overflow: hidden;
}

.app-conectores-list .integration-logo {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 2rem;
	min-width: 5rem;
}

.app-conectores-list .table {
	font-size: .86rem;
}

.app-conectores-list .table .badge {
	font-size: .72rem;
}

.app-conectores-list .integration-logo img {
	display: block;
	height: auto;
	max-height: 1.75rem;
	max-width: 6rem;
	object-fit: contain;
	width: auto;
}

.app-conectores-list .integration-logo span {
	display: none;
	font-weight: 600;
}

.app-conectores-list .card-header {
	padding-bottom: .9rem;
}

.app-conectores-list .connector-filter-body {
	padding-top: 0;
}

.app-acoes-list .card-header,
.app-acoes-logs .card-header {
	align-items: flex-start;
	padding-bottom: .9rem;
}

.app-acoes-list .app-filter-body,
.app-acoes-logs .app-filter-body {
	padding-top: 0;
}

.app-acoes-list .form-section-divider,
.app-acoes-logs .form-section-divider {
	border-top: 1px solid #ebe9f1;
	margin: 0 0 1.25rem;
	width: 100%;
}

.app-acoes-list .form-label,
.app-acoes-logs .form-label {
	margin-bottom: .45rem;
}

.app-acoes-list #respTarefas select {
	background-color: #fff;
	border: 1px solid #d8d6de;
	border-radius: .357rem;
	color: #6e6b7b;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
	padding: .571rem 2.25rem .571rem 1rem;
	width: 100%;
}

.app-acoes-list .app-list-table {
	font-size: .86rem;
	margin-bottom: 0;
}

.app-acoes-list .app-list-table thead th {
	background-color: #f8f8f8;
	color: #5e5873;
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.app-acoes-list .app-list-table td {
	color: #6e6b7b;
	vertical-align: middle;
}

.app-acoes-list .app-list-table .badge {
	font-size: .72rem;
}

.app-acoes-list .table-responsive {
	overflow: visible;
}

.app-acoes-list .dropdown-menu {
	z-index: 1080;
}

.app-fila-pedidos .table-responsive {
	overflow-x: auto;
	overflow-y: visible;
}

.app-fila-pedidos .app-list-table {
	font-size: .82rem;
	min-width: 920px;
}

.app-fila-pedidos .app-list-table thead th {
	font-size: .72rem;
}

.app-fila-pedidos .app-list-table tbody th,
.app-fila-pedidos .app-list-table tbody td {
	font-size: .82rem;
	line-height: 1.35;
}

.app-fila-pedidos .app-list-table .badge {
	font-size: .7rem;
}

.app-fila-list .fila-url-cell {
	max-width: 18rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.app-fila-pedidos .dropdown-menu {
	z-index: 1080;
}

.app-acoes-detail .connection-heading {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding: 0 .1rem;
}

.app-acoes-detail .connection-heading > div {
	flex: 1 1 auto;
	min-width: 0;
}

.app-acoes-detail .connection-heading > .btn {
	flex: 0 0 auto;
	margin-left: 1rem;
}

.app-acoes-detail .header-actions {
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end;
	margin-left: 1rem;
}

.app-acoes-detail .card {
	margin-bottom: 1.5rem;
}

.app-acoes-detail .job-summary-card .card-header {
	align-items: center;
}

.app-acoes-detail .form-control:disabled {
	background-color: #f8f8f8;
	color: #5e5873;
	opacity: 1;
}

.app-acoes-detail .btn.btn-icon {
	height: 2.25rem;
	width: 2.25rem;
}

.app-acoes-detail .app-log-action,
.app-acoes-logs .app-log-action {
	align-items: center;
	display: inline-flex;
	font-size: .78rem;
	gap: .35rem;
	justify-content: center;
	min-width: 5.25rem;
	padding: .45rem .7rem;
}

.app-acoes-detail .app-log-action svg,
.app-acoes-logs .app-log-action svg {
	height: .95rem;
	width: .95rem;
}

.app-acoes-detail .table-responsive,
.app-acoes-logs .table-responsive {
	overflow-x: auto;
	overflow-y: visible;
}

.app-acoes-logs .app-list-table {
	font-size: .78rem;
	min-width: 980px;
}

.app-acoes-logs .app-list-table thead th {
	font-size: .68rem;
}

.app-acoes-logs .app-list-table tbody th,
.app-acoes-logs .app-list-table tbody td {
	font-size: .78rem;
	line-height: 1.3;
	vertical-align: top;
}

.app-acoes-logs .app-list-table .badge {
	font-size: .66rem;
}

.app-acoes-logs .app-log-action {
	font-size: .72rem;
	padding: .35rem .55rem;
}

.app-log-modal .payload-section-title {
	align-items: center;
	color: #5e5873;
	display: flex;
	font-size: .78rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0;
	margin-bottom: .65rem;
	text-transform: uppercase;
}

.app-log-modal .payload-section-title-action {
	gap: 1rem;
}

.app-log-modal .payload-section-title-action span {
	flex: 1 1 auto;
}

.app-log-modal .payload-section-title-action .btn {
	flex: 0 0 auto;
	font-size: .72rem;
	font-weight: 600;
	margin-left: auto;
	padding: .35rem .65rem;
	text-transform: none;
}

.app-log-modal .payload-section-title-action svg {
	height: .85rem;
	width: .85rem;
}

.app-log-modal .payload-friendly-table {
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	max-height: 42vh;
	overflow: auto;
}

.app-log-modal .payload-friendly-table .payload-friendly-table {
	border: 0;
	max-height: none;
	overflow: visible;
}

.app-log-modal .payload-friendly-table th,
.app-log-modal .payload-friendly-table td {
	border-color: #ebe9f1;
	color: #5e5873;
	font-size: .78rem;
	vertical-align: top;
}

.app-log-modal .payload-friendly-table th {
	background-color: #f8f8f8;
	font-weight: 700;
	white-space: nowrap;
	width: 14rem;
}

.app-log-modal .payload-value {
	background-color: #f8f8f8;
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	color: #5e5873;
	padding: .85rem 1rem;
}

.app-log-modal pre {
	background: #f8f8f8;
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	color: #5e5873;
	font-size: .76rem;
	margin: 0;
	max-height: 68vh;
	overflow: auto;
	padding: 1rem;
	white-space: pre-wrap;
	word-break: break-word;
}

@media (max-width: 767.98px) {
	.app-acoes-detail .connection-heading {
		display: block;
	}

	.app-acoes-detail .connection-heading > .btn {
		margin: .75rem 0 0;
	}

	.app-acoes-detail .header-actions {
		margin: .75rem 0 0;
	}
}

.app-conectores-list .form-section-divider {
	border-top: 1px solid #ebe9f1;
	margin: 0 0 1.25rem;
	width: 100%;
}

.app-conector-subpage .connection-heading {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: .75rem;
	padding: 0 .1rem;
}

.app-conector-subpage .connection-heading > div,
.app-conector-connection .connection-heading > div {
	flex: 1 1 auto;
	min-width: 0;
}

.app-conector-subpage .connection-heading > .btn,
.app-conector-connection .connection-heading > .btn {
	flex: 0 0 auto;
	margin-left: 1rem;
}

.app-conector-subpage .connector-nav {
	margin-bottom: 1.25rem;
	padding: 0;
}

.connector-nav {
	flex-wrap: nowrap !important;
	gap: .5rem !important;
	overflow-x: auto;
	padding-bottom: .15rem !important;
}

.connector-nav .btn {
	font-size: .82rem;
	line-height: 1.1;
	padding: .55rem .72rem;
	white-space: nowrap;
}

.connector-nav .btn svg {
	height: 13px;
	width: 13px;
}

.app-conector-subpage .connector-task-item {
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	margin-bottom: 1rem;
	padding: 1rem;
}

.app-conector-subpage .connector-task-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.app-conector-subpage .connector-query-card {
	border: 1px solid #ebe9f1;
}

.app-conector-microvix .connector-query-head {
	align-items: center;
	display: flex;
	gap: 1rem;
	margin-bottom: 1.25rem;
}

.app-conector-microvix .connector-query-icon {
	align-items: center;
	background-color: #f8f8f8;
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	color: #5e5873;
	display: flex;
	flex: 0 0 3rem;
	height: 3rem;
	justify-content: center;
	width: 3rem;
}

.app-conector-microvix .connector-query-icon svg {
	height: 18px;
	width: 18px;
}

.app-conector-microvix .connector-query-submit {
	min-height: 2.714rem;
}

.app-conector-microvix-result .connector-datagrid-card {
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.app-conector-microvix-result .connector-datagrid-card .card-body {
	padding: 1rem 1.25rem 1.25rem;
}

.app-conector-microvix-result table.dataTable {
	font-size: .82rem;
	margin-top: 0 !important;
	width: 100% !important;
}

.app-conector-microvix-result table.dataTable thead th {
	background-color: #f8f8f8;
	border-bottom: 1px solid #ebe9f1 !important;
	color: #5e5873;
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.app-conector-microvix-result table.dataTable tbody td {
	color: #6e6b7b;
	vertical-align: middle;
	white-space: nowrap;
}

.app-conector-microvix-result .app-datatable-toolbar,
.app-conector-microvix-result .app-datatable-footer {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.app-conector-microvix-result .app-datatable-footer {
	margin-bottom: 0;
	margin-top: 1rem;
}

.app-conector-microvix-result .dt-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
}

.app-conector-microvix-result .dt-buttons .btn,
.app-conector-microvix-result .dataTables_filter .form-control,
.app-conector-microvix-result .dataTables_length .form-select {
	font-size: .82rem;
}

.app-conector-microvix-result .dt-buttons .btn {
	padding: .5rem .75rem;
}

.app-conector-microvix-result .dataTables_filter {
	margin-left: auto;
}

.app-conector-microvix-result .dataTables_filter label {
	align-items: center;
	display: flex;
	gap: .5rem;
	margin-bottom: 0;
}

.app-conector-webhooks .connector-webhook-card {
	overflow: hidden;
}

.app-conector-webhooks .connector-webhook-card .card-header {
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
	padding: 1.1rem 1.25rem;
}

.app-conector-webhooks .connector-webhook-title {
	align-items: center;
	display: flex;
	gap: 1rem;
	min-width: 0;
}

.app-conector-webhooks .connector-webhook-icon {
	align-items: center;
	background-color: #f8f8f8;
	border: 1px solid #ebe9f1;
	border-radius: .357rem;
	color: #5e5873;
	display: flex;
	flex: 0 0 3rem;
	height: 3rem;
	justify-content: center;
	width: 3rem;
}

.app-conector-webhooks .connector-webhook-icon svg {
	height: 18px;
	width: 18px;
}

.app-conector-webhooks .form-switch {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: .5rem;
	margin-bottom: 0;
	min-height: 2rem;
	padding-left: 0;
}

.app-conector-webhooks .form-switch .form-check-input {
	margin-left: 0;
	margin-top: 0;
}

.app-conector-webhooks .connector-webhook-url .form-control {
	background-color: #f8f8f8;
	font-size: .84rem;
}

.app-conector-webhooks .connector-webhook-extra {
	border-top: 1px solid #ebe9f1;
	margin-top: 1.25rem;
	padding-top: 1.25rem;
}

.app-conector-webhooks .connector-webhook-extra > .row {
	align-items: stretch;
	margin-bottom: 0 !important;
	row-gap: 1rem;
}

.app-conector-webhooks .connector-webhook-extra .card {
	border: 1px solid #ebe9f1;
	box-shadow: none;
	margin-bottom: 0;
}

.app-conector-webhooks .connector-webhook-extra .card-body {
	padding: 1rem;
}

.app-conector-webhooks .connector-webhook-extra .form-group {
	margin-bottom: .75rem;
}

.app-conector-webhooks .connector-webhook-extra .form-group:last-child {
	margin-bottom: 0;
}

.app-conector-webhooks .connector-webhook-extra .form-control {
	font-size: .84rem;
	min-height: 2.45rem;
}

.app-conector-webhooks .connector-webhook-extra input:disabled {
	background-color: #f8f8f8;
	color: #5e5873;
}

.app-conector-webhooks .sendForm {
	margin-top: .25rem;
}

.app-conector-task-config .card-body form > .form-group.row:last-child,
.app-conector-task-config .card-body form > .row:last-child {
	justify-content: flex-end;
	margin-bottom: 0;
	margin-top: 1rem !important;
}

.app-conector-task-config .card-body form > .form-group.row:last-child > [class*="col-"],
.app-conector-task-config .card-body form > .row:last-child > [class*="col-"] {
	flex: 0 0 auto;
	max-width: 100%;
	text-align: right;
	width: auto;
}

.app-conector-task-config .card-body .btn-lg.col-lg-12,
.app-conector-task-config .card-body .btn.col-lg-12 {
	font-size: .9rem;
	padding: .65rem 1rem;
	width: auto;
}

.app-conector-task-config .card-body .btn-lg {
	font-size: .9rem;
	padding: .65rem 1rem;
}

.app-conector-infos .connector-map-board .card-header {
	padding: 1.15rem 1.25rem;
}

.app-conector-infos .connector-map-board .card-body {
	padding: 0;
}

.app-conector-infos .connector-map-systems {
	align-items: center;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(210px, 1.15fr) 2.5rem minmax(220px, 1fr) minmax(170px, .75fr);
	width: 100%;
}

.app-conector-infos .connector-map-systems .connector-system-heading {
	max-width: 100%;
}

.app-conector-infos .connector-map-systems .connector-system-origin {
	grid-column: 1;
}

.app-conector-infos .connector-map-systems .connector-system-destination {
	grid-column: 3 / 5;
	justify-content: center;
}

.app-conector-infos .connector-map-systems .connector-system-heading > div:last-child {
	min-width: 12rem;
}

.app-conector-infos .connector-map-systems .connector-system-logo {
	flex-basis: 4.9rem;
	height: 3.55rem;
	width: 4.9rem;
}

.app-conector-infos .connector-map-systems .connector-system-logo img {
	max-height: 2.55rem !important;
	max-width: 4.2rem !important;
}

.app-conector-infos .connector-map-systems .card-title {
	font-size: 1.05rem;
	line-height: 1.2;
}

.app-conector-infos .connector-map-systems .card-text {
	font-size: .86rem;
	line-height: 1.35;
}

.app-conector-infos .connector-map-arrow {
	align-items: center;
	background-color: #f8f8f8;
	border: 1px solid #ebe9f1;
	border-radius: 999px;
	color: #6e6b7b;
	display: flex;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

.app-conector-infos .connector-map-arrow svg {
	height: 14px;
	width: 14px;
}

.app-conector-infos .connector-map-header,
.app-conector-infos .connector-map-row {
	align-items: center;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(210px, 1.15fr) 2.5rem minmax(220px, 1fr) minmax(170px, .75fr);
}

.app-conector-infos .connector-map-header {
	border-bottom: 1px solid #ebe9f1;
	color: #6e6b7b;
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: 0;
	padding: .85rem 1.25rem;
	text-transform: uppercase;
}

.app-conector-infos .connector-map-row {
	border-bottom: 1px solid #f3f2f7;
	padding: .72rem 1.25rem;
}

.app-conector-infos .connector-map-row:last-child {
	border-bottom: 0;
}

.app-conector-infos .connector-readonly-field {
	background-color: #f8f8f8;
	color: #5e5873;
	font-weight: 500;
}

.app-conector-infos .connector-extra-card {
	font-size: .86rem;
	margin-top: 1.25rem;
}

.app-conector-infos .connector-extra-card form > h1,
.app-conector-infos .connector-extra-card form > h3 {
	color: #5e5873;
	line-height: 1.25;
	margin: 0 0 1rem !important;
}

.app-conector-infos .connector-extra-card form > h1 {
	font-size: 1.1rem;
}

.app-conector-infos .connector-extra-card form > h3 {
	font-size: .92rem;
	font-weight: 500;
}

.app-conector-infos .connector-extra-heading {
	border-bottom: 1px solid #ebe9f1;
	margin-bottom: 1.25rem;
	padding-bottom: 1rem;
}

.app-conector-infos .connector-extra-heading h4 {
	color: #5e5873;
	font-size: 1.08rem;
	margin-bottom: .35rem;
}

.app-conector-infos .connector-extra-heading p {
	color: #6e6b7b;
	font-size: .88rem;
	margin-bottom: 0;
}

.app-conector-infos .connector-extra-section {
	border-bottom: 1px solid #f3f2f7;
	margin-bottom: 1.15rem;
	padding-bottom: 1.15rem;
}

.app-conector-infos .connector-extra-section:last-of-type {
	border-bottom: 0;
	margin-bottom: .25rem;
	padding-bottom: 0;
}

.app-conector-infos .connector-extra-section-last {
	border-bottom: 0;
	margin-bottom: .25rem;
	padding-bottom: 0;
}

.app-conector-infos .connector-extra-section-title {
	color: #5e5873;
	font-size: .88rem;
	font-weight: 600;
	margin-bottom: .85rem;
}

.app-conector-infos .connector-extra-section .row {
	row-gap: 1rem;
}

.app-conector-infos .connector-extra-card .form-control,
.app-conector-infos .connector-extra-card .form-select {
	font-size: .86rem;
	min-height: 2.45rem;
	padding-bottom: .48rem;
	padding-top: .48rem;
}

.app-conector-infos .connector-extra-card .alert {
	font-size: .86rem;
	margin-bottom: 0;
	padding: .65rem .85rem;
}

.app-conector-infos .connector-extra-card form > .row {
	margin-top: 0 !important;
	row-gap: .9rem;
}

.app-conector-infos .connector-extra-card .form-group {
	margin-bottom: .85rem;
	row-gap: .75rem;
}

.app-conector-infos .connector-extra-card label {
	font-size: .84rem;
	line-height: 1.25;
	margin-bottom: .35rem;
}

.app-conector-infos .connector-extra-card .btn-lg.col-lg-12,
.app-conector-infos .connector-extra-card .btn.col-lg-12 {
	font-size: .86rem;
	padding: .65rem .95rem;
	width: auto;
}

.app-conector-infos .connector-extra-card .btn-lg {
	font-size: .86rem;
	padding: .65rem .95rem;
}

.app-conector-compare-loading .connector-loading-line {
	align-items: center;
	display: flex;
	gap: 1rem;
	min-height: 5rem;
}

.app-conector-subpage .card-body > form h1,
.app-conector-subpage .card-body > h1 {
	font-size: 1.25rem;
	margin: 0 0 1.5rem !important;
}

.app-conector-subpage .card-body > form > .row {
	margin-top: 0 !important;
	margin-bottom: .75rem;
}

.app-conector-subpage .card-body > form .form-group {
	margin-bottom: .85rem;
}

.app-conector-subpage .card-body > form label {
	margin-bottom: .45rem;
}

@media (max-width: 575.98px) {
	.app-conector-connection .connection-heading {
		gap: 1rem;
		flex-direction: column;
	}

	.app-conector-subpage .connection-heading {
		gap: 1rem;
		flex-direction: column;
	}

	.app-conector-connection .connection-heading .btn {
		align-self: flex-start;
	}

	.app-conector-subpage .connection-heading .btn {
		align-self: flex-start;
	}

	html body.navbar-floating .content.app-content {
		padding-left: .8rem;
		padding-right: .8rem;
	}

	.app-conector-infos .connector-map-systems,
	.app-conector-infos .connector-map-header,
	.app-conector-infos .connector-map-row {
		grid-template-columns: 1fr;
	}

	.app-conector-infos .connector-map-systems {
		align-items: flex-start;
		flex-direction: column;
	}

	.app-conector-infos .connector-map-systems .connector-system-heading,
	.app-conector-infos .connector-map-systems .connector-system-destination {
		grid-column: auto;
		justify-content: flex-start;
		max-width: 100%;
		width: 100%;
	}

	.app-conector-infos .connector-map-header {
		display: none;
	}

	.app-conector-infos .connector-map-arrow {
		justify-self: flex-start;
		transform: rotate(90deg);
	}
}