/* Base */

@font-face {
	font-family: 'Avenir';
	src: url('/assets/fonts/AvenirLTStd-Black-b72483c4a5fabac581329ee03fe3e45b.woff2') format('woff2'),
		url('/assets/fonts/AvenirLTStd-Black-6a408c1650d45c9cbbe4d872f14cd2d1.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir';
	src: url('/assets/fonts/AvenirLTStd-Book-fca95fc1b1ce2b6ca9545b8733b507a8.woff2') format('woff2'),
		url('/assets/fonts/AvenirLTStd-Book-ab171917a949ef16ef9d7833455781c3.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir';
	src: url('/assets/fonts/AvenirLTStd-Roman-998981b2c59fbf37659929c5ec86ebc5.woff2') format('woff2'),
		url('/assets/fonts/AvenirLTStd-Roman-ff5eb5cae39eb5284501180ab3fbe1ff.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Colors */
	--color-white: #FFF;
	--color-gray: #ddd;
	--color-lightgray: #E7F1EC;
	--color-midgray: #C8DED4;
	--color-darkgray: #1A1A1A;
	--color-green: #2DEA82;
	--color-status_green: #47DB13;
	--color-status_yellow: #FFCA4A;
	--color-status_red: #EA2D44;

	/* Fonts */
	--font-main: 'Avenir', sans-serif;
	--font-weight-book: 300;
	--font-weight-roman: normal;
	--font-weight-black: 900;

	--border-radius: 5px;
	--shadow-box: 0 8px 16px rgba(0, 0, 0, 0.05);

	--sidebar-w: 280px;
	--sidebar-collapsed: 62px;
	--sidebar-transition: 0.28s ease;
}

body {
	background-attachment: fixed;
	background-color: var(--color-lightgray);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: var(--font-main);
	font-size: 14px;
	min-height: 100vh;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
	color: var(--color-darkgray);
}

h2,
h3,
h4,
h5 {
	font-weight: var(--font-weight-roman);
}

h1 {
	font-weight: var(--font-weight-black);
	font-size: 2.14em;
	line-height: 1em;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

a {
	color: var(--color-darkgray);
	text-decoration: none;
}

.tab-nav-config>a {
	color: var(--color-white);
	text-decoration: none;
}

a:hover {
	color: var(--color-darkgray);
	text-decoration: none;
}

strong {
	font-weight: var(--font-weight-black);
}

label {
	color: var(--color-darkgray);
	font-weight: var(--font-weight-roman);
	margin-right: 0.5rem;
}

img {
	height: auto;
	max-width: 100%;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
select {
	background-color: var(--color-white);
	border: 1px solid var(--color-darkgray);
	border-radius: 5px;
	font-size: 1em;
	font-weight: 300;
	height: 40px;
	margin-bottom: 14px;
	width: 100%;
}

input:focus,
select:focus {
	outline: none;
}

input:not([type="checkbox"]):not([type="radio"]) {
	padding: 9px 10px;
}

input:disabled {
	color: var(--color-gray)
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/assets/images/icon-arrow_down-0284e41e0a167be366628e591880fba9.svg) #ffff right 20px center no-repeat;
	background-size: 12px 15px;
	border: 1px solid var(--color-darkgray);
	border-radius: 5px;
	padding: 10px 40px 10px 20px;
}

textarea {
	background: var(--color-white);
	border: 1px solid var(--color-darkgray);
	border-radius: 5px;
	font-size: 1em;
	font-weight: 300;
	min-height: 60px;
	margin-bottom: 20px;
	padding: 9px 10px;
	resize: none;
	width: 100%;
}

legend {
	font-size: 1em;
	float: none;
	font-weight: normal;
	margin-bottom: 1.4285rem;
	padding-left: 2.1428rem;
	position: relative;
}

legend i {
	left: 0;
	position: absolute;
}

.cf:before,
.cf:after {
	clear: both;
	content: " ";
	display: block;
}

.text-left {
	text-align: left;
}

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

.text-right {
	text-align: right;
}

.field {
	position: relative;
}

.field input.error,
.field select.error {
	background-color: #FFF1F1 !important;
	border-color: #EA2D2D !important;
}

.field .field-description {
	display: block;
	font-size: 12px;
	font-weight: var(--font-weight-book);
	margin-bottom: 1em;
}

.field-password .password-toggle {
	background-color: transparent;
	cursor: pointer;
	border: none;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.field-paragraph p {
	margin: 0.6em 0;
}

.field-checkbox,
.field-radio {
	margin-bottom: 0.8em;
}

.field-checkbox input[type=checkbox],
.field-radio input[type=radio] {
	display: none;
}

.field-checkbox label,
.field-radio label {
	line-height: 1.3em;
	padding-left: 22px;
	position: relative;
}

.field-checkbox label:before,
.field-radio label:before {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-darkgray);
	content: " ";
	height: 16px;
	left: 0;
	position: absolute;
	width: 16px;
}

.field-checkbox label:before {
	border-radius: 3px;
}

.field-radio label:before {
	border-radius: 12px;
}

.field-checkbox input[type=checkbox]:checked+label:before {
	background-image: url(/assets/images/icon-checkbox-4460c7cd8636b0a64147081088061099.svg);
	background-color: var(--color-darkgray);
}

.field-radio input[type=radio]:checked+label:before {
	background-image: url(/assets/images/icon-radiobox-e248fedd4a65f981ea1a359d6993d1a5.svg);
	background-color: var(--color-green);
}

.field-toogle label {
	display: inline-block;
	vertical-align: middle;
}

.field-toogle label:first-child {
	margin-right: 0.3em;
}

.field-icon input {
	background-position: right 20px center !important;
	background-repeat: no-repeat !important;
	background-size: 15px !important;
	padding-right: 40px !important;
}

.field-file {
	background: var(--color-white);
	border-radius: var(--border-radius);
	color: var(--color-darkgray);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	margin-bottom: 14px;
}

.field-file input[type="file"] {
	display: none;
}

.field-file span.file-name {
	max-width: calc(100% - 150px);
	padding: 9px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.field-file label {
	background: var(--color-lightgray);
	border-radius: var(--border-radius);
	color: var(--color-darkgray) !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin: 0;
	padding: 0 1.4em;
}

.field-file label i {
	margin-left: 1.4285rem;
}

label+.field-file {
	margin-top: 10px;
}

.toggle__switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}

.toggle__switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle__switch .switch__slider {
	border-radius: 10px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-gray);
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle__switch .switch__slider:before {
	border-radius: 8px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	position: absolute;
	content: " ";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle__switch input:checked+.switch__slider {
	background-color: var(--color-green);
}

.toggle__switch input:checked+.switch__slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.field-autocomplete {
	border: 1px solid var(--color-darkgray);
	border-radius: var(--border-radius);
	min-height: 140px;
	padding: 1em;
}

.field-autocomplete .item {
	background: var(--color-lightgray);
	border-radius: var(--border-radius);
	display: inline-flex;
	line-height: 1em;
	margin: 0.2rem;
	padding: 0.5rem 0.6rem;
}

.field-autocomplete .item a {
	display: inline-block;
	margin-left: 0.6rem;
}

/* Buttons */
.btn {
	align-items: center;
	border: none;
	border-radius: var(--border-radius);
	display: inline-flex;
	font-size: 1em;
	font-weight: var(--font-weight-black);
	height: 40px;
	justify-content: space-between;
	padding: 0 1.4em;
}

.btn.btn-main {
	background-color: var(--color-darkgray);
	color: var(--color-white);
}

.btn.btn-confirm {
	background-color: var(--color-green);
	color: var(--color-darkgray);
}

.btn.btn-secondary {
	background-color: var(--color-lightgray);
	color: var(--color-darkgray);
}

.btn.btn-additional {
	background-color: transparent;
	border: 1px solid var(--color-darkgray);
	color: var(--color-darkgray);
}

.btn.btn-additional i {
	margin-left: -0.5em;
	margin-right: 1em;
}

.btn.btn-border {
	background-color: transparent;
	border: 1px solid var(--color-white);
	color: var(--color-white);
}

.btn.btn-full {
	width: 100%;
}

.btn:hover,
.btn-small:hover,
.btn-medium:hover {
	opacity: 0.8;
}

.btn-icon {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	padding: 0;
	width: 2.81em;
}

.btn-icon_left i {
	margin-right: 1.4285rem;
}

.btn-icon_right i {
	margin-left: 1.4285rem;
}

.btn-small {
	align-items: center;
	border: none;
	border-radius: var(--border-radius);
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 25px;
	width: 25px;
}

.btn-small.btn-extended {
	width: 55px;
}

.btn-small i {
	vertical-align: middle;
}

.btn-small.btn-main {
	background-color: var(--color-green);
	min-width: 25px;
}

.btn-small.btn-secondary {
	background-color: var(--color-darkgray);
	min-width: 25px;
}

i[class^='icon-'] {
	background-size: cover;
}

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

	.btn.btn-main,
	.btn.btn-confirm,
	.btn.btn-secondary {
		min-width: 150px;
	}
}

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

	.btn.btn-main,
	.btn.btn-confirm,
	.btn.btn-secondary {
		min-width: 140px;
	}
}

.icon-users {
	color: white;
	background-image: url("/assets/images/icon-users_white-f7c0e7cf702e4cb579f69f1ec530d2aa.svg");
}

.active .icon-users {
	color: var(--color-green);
	background-image: url("/assets/images/icon-users_green-8c45c979de1ce5c63959a2af22e0c9b9.svg");
}

.icon-airplay {
	color: white;
	background-image: url("/assets/images/icon-airplay_white-36890ab28c5a6d49c1ea80c74b29a78f.svg");
}

.active .icon-airplay {
	color: var(--color-green);
	background-image: url("/assets/images/icon-airplay_green-4622f79d0f689f719d97b784b20bcf62.svg");
}

.icon-code {
	color: white;
	background-image: url("/assets/images/icon-code_white-91329a2246f78c37436d4b8bfcb18a99.svg");
}

.active .icon-code {
	color: var(--color-green);
	background-image: url("/assets/images/icon-code_green-413d6fa49c1e115dbb6261bbdaf65e3a.svg");
}

.icon-command {
	color: white;
	background-image: url("/assets/images/icon-command_white-678e7e4767c7bb64be3664563fa8cc1e.svg");
}

.active .icon-command {
	color: var(--color-green);
	background-image: url("/assets/images/icon-command_green-52aa0152b75651ec9f057e3f7425ab52.svg");
}

.icon-database {
	color: white;
	background-image: url("/assets/images/icon-database_white-8ba1838d764fc1569d15eb2cae205fd5.svg");
}

.active .icon-database {
	color: var(--color-green);
	background-image: url("/assets/images/icon-database_green-efba0ef8bf336768f8cabaf44c0ad4bc.svg");
}

.icon-flag {
	color: white;
	background-image: url("/assets/images/icon-flag_white-ba8c81fa2704cb4d595a5ac4c344f6f7.svg");
}

.active .icon-flag {
	color: var(--color-green);
	background-image: url("/assets/images/icon-flag_green-8640c6e3f1aad0682df9f230c90920c3.svg");
}

.icon-alert-triangle {
	color: white;
	background-image: url("/assets/images/icon-alert-triangle_white-e4020e0f3be993d4256fc6cead8c7330.svg");
}

.active .icon-alert-triangle {
	color: var(--color-green);
	background-image: url("/assets/images/icon-alert-triangle_green-b140398aba09154305b7f1ab59b45b97.svg");
}

.icon-monitor {
	color: white;
	background-image: url("/assets/images/icon-monitor_white-a1706fc04c7067ae29e69778560f0e6d.svg");
}

.active .icon-monitor {
	color: var(--color-green);
	background-image: url("/assets/images/icon-monitor_green-72999f8001f776d980fe35b95a9313a0.svg");
}

.icon-shield {
	color: white;
	background-image: url("/assets/images/icon-shield_white-566ab9919be0cef6d037a05c0ac2bce6.svg");
}

.active .icon-shield {
	color: var(--color-green);
	background-image: url("/assets/images/icon-shield_green-a209b8cd79cc928f96980f10439882db.svg");
}

.icon-file-plus {
	color: white;
	background-image: url("/assets/images/icon-file-plus_white-c68845e8e2e23f47b0a9a07fe5c7549e.svg");
}

.active .icon-file-plus {
	color: var(--color-green);
	background-image: url("/assets/images/icon-file-plus_green-2d2aa6807fb484377fe74856754d33e8.svg");
}

.icon-columns {
	color: white;
	background-image: url("/assets/images/icon-columns_white-3a4df24bd8ad5ab613c421f1b7420797.svg");
}

.active .icon-columns {
	color: var(--color-green);
	background-image: url("/assets/images/icon-columns_green-3c46cf9d0a5a1b225bf901e28d0d1acd.svg");
}

.icon-check-circle {
	color: white;
	background-image: url("/assets/images/icon-check-circle_white-3c4e925bccfe6ebce4e13a73520dccd3.svg");
}

.active .icon-check-circle {
	color: var(--color-green);
	background-image: url("/assets/images/icon-check-circle_green-bbcdc8076c0a72b42b0c4e1505910ad8.svg");
}

.icon-dashboard {
	background-image: url(/assets/images/icon-dashboard-06ffd500ca184dd3116fe8f9b27e2b78.svg);
}

.active .icon-dashboard {
	background-image: url(/assets/images/icon-dashboard_green-80965f44694eb25d4357f38373c106db.svg);
}

.icon-config {
	background-image: url(/assets/images/icon-config-3939b7191b4ad6e9a3ce4e4d78708fb1.svg);
}

.active .icon-config {
	background-image: url(/assets/images/icon-config_green-b860a7bde5f1aea3bc75bda459ee03d0.svg);
}

.icon-organizaciones {
	background-image: url(/assets/images/icon-organizaciones-adf19f70eac40f0ef41f9ef1d891e182.svg);
}

.active .icon-organizaciones {
	background-image: url(/assets/images/icon-organizaciones_green-1eb061b27dcccf9057b3b720a3884afc.svg);
}

.icon-comercios {
	background-image: url(/assets/images/icon-comercios-4bf25919c2d8c48b639559fd252b1eec.svg);
}

.active .icon-comercios {
	background-image: url(/assets/images/icon-comercios_green-41e1baddc9c0bbd392f184beb5c21936.svg);
}

.icon-productos {
	background-image: url(/assets/images/icon-productos-61bba41b469c1c19b538335fd7c92a75.svg);
}

.active .icon-productos {
	background-image: url(/assets/images/icon-productos_green-3f2c897a71edca9357e27e8f2a335f47.svg);
}

.icon-comisiones {
	background-image: url(/assets/images/icon-comisiones-da86f72bbe91e87a77a5717abed82af5.svg);
}

.active .icon-comisiones {
	background-image: url(/assets/images/icon-comisiones_green-b9a24299e5b204ee6d308a1b8a744d4e.svg);
}

.icon-usuarios {
	background-image: url(/assets/images/icon-usuarios-313aef32f79c43454cbda68b92ce8126.svg);
}

.active .icon-usuarios {
	background-image: url(/assets/images/icon-usuarios_green-2be461a1dcdbe68f2c18abcfc9f23a55.svg);
}

.icon-zero-interest {
	background-image: url(/assets/images/icon-zero-interest-73eb2dea6907c22965c3b4a725f22c15.svg);
}

.active .icon-zero-interest {
	background-image: url(/assets/images/icon-zero-interest_green-59b5a9b2de690a5c27e996d99e0afb4f.svg);
}

.icon-link {
	background-image: url(/assets/images/icon-link-2d49c449e6ea12a8785df2fc382773bd.svg);
}

.active .icon-link {
	background-image: url(/assets/images/icon-link_green-b6a43df1a2e018dd3c7b20ca01aa87dd.svg);
}

.icon-money {
	background-image: url(/assets/images/icon-money_2-f9387a8f3b949edb5a1d86b52a2a4388.svg);
}

.active .icon-money {
	background-image: url(/assets/images/icon-money_green-8c22af85dbad3a1b53f77fe2c9b30d70.svg);
}

.icon-money_green {
	background-image: url(/assets/images/icon-money_green-8c22af85dbad3a1b53f77fe2c9b30d70.svg);
}

.icon-limits {
	background-image: url(/assets/images/icon-limits-4f7137625f1a51f0cd0329d7e4f74dc5.svg);
}

.active .icon-limits {
	background-image: url(/assets/images/icon-limits_green-af78e4721bc2d66a42e09786f2fcb8a9.svg);
}

.icon-user {
	background-image: url(/assets/images/icon-user-3c9594eb597769901e7fbf7943a0b4f7.svg);
}

.icon-lock {
	background-image: url(/assets/images/icon-lock-c3781cb2a07fe7b30b2d56cbec8c70a2.svg);
}

.icon-show {
	background-image: url(/assets/images/icon-show-31eb6caf73e062b4145b6cf54abd21ce.svg);
}

.icon-show_green {
	background-image: url(/assets/images/icon-show_green-26201617337a17c6f22fcd85d3b4d7ea.svg);
}

.icon-search_green {
	background-image: url(/assets/images/icon-search_green-b5cc12f6dc1c91a77d66dfa35045989e.svg);
}

.icon-hide {
	background-image: url(/assets/images/icon-hide-10e1759e4c0c7a80e69710d4e215357e.svg);
}

.icon-arrow_left {
	background-image: url(/assets/images/icon-arrow_left-aab7adaf44ffe47687bb3f7ae891932b.svg);
}

.icon-arrow_left_green {
	background-image: url(/assets/images/icon-arrow_left_green-6654074da09b8d9729a1f557905e8af5.svg);
}

.icon-arrow_right {
	background-image: url(/assets/images/icon-arrow_right-29a632025ec5ab9b2cb89f78529e874c.svg);
}

.icon-logout {
	background-image: url(/assets/images/icon-logout-68a5f2ca442265be7ddcc9571f3ac4c5.svg);
}

.icon-logout_white {
	background-image: url(/assets/images/icon-logout_white-03327893cada6e754de5063ab8320420.svg);
}

.icon-save {
	background-image: url(/assets/images/icon-save-8c5be5e194a0f9d1a09ec242eb4fb0d4.svg);
}

.icon-save_green {
	background-image: url(/assets/images/icon-save_green-18d3666d7996f79dc337887f85cc4462.svg);
}

.icon-close {
	background-image: url(/assets/images/icon-close-e0460f9ef4b3cf9510988066364ef127.svg);
}

.icon-close_white {
	background-image: url(/assets/images/icon-close_white-3470af1078120be0a45c7aed57f4d21b.svg);
}

.icon-close_green {
	background-image: url(/assets/images/icon-close_green-5d8cef68342348876d4986230a22299d.svg);
}

.icon-download {
	background-image: url(/assets/images/icon-download-04cbd357a79a8e7931e43380fa91cbc2.svg);
}

.icon-download_green {
	background-image: url(/assets/images/icon-download_green-4a345b360d2c000526cd456909afd608.svg);
}

.icon-user_add {
	background-image: url(/assets/images/icon-user_add-917bb8abb04cf7a4a713a7917426c2c3.svg);
}

.icon-user_edit {
	background-image: url(/assets/images/icon-user_edit-d43e6d13c5daea3720cebbabc8305576.svg);
}

.icon-plus_green {
	background-image: url(/assets/images/icon-plus_green-83556ae77dbccd5e46449c17c222879b.svg);
}

.icon-plus_black {
	background-image: url(/assets/images/icon-plus_black-69179d0f166a630f4ed979ce9fc19544.svg);
}

.icon-pencil {
	background-image: url(/assets/images/icon-pencil-e6119fe78710f15d4489a13eff50176f.svg);
}

.icon-key_green {
	background-image: url(/assets/images/icon-key_green-39096b2896b0ae882830a7e3495de391.svg);
}

.icon-email {
	background-image: url(/assets/images/icon-email-b8bcd2dca781eea75bf0830b5ec2396b.svg);
}

.icon-email_green {
	background-image: url(/assets/images/icon-email_green-814eedc44d13a4b1b7037d08416dcaa5.svg);
}

.icon-check {
	background-image: url(/assets/images/icon-check-bff5b08fe5d5ccd902723a4630d1f181.svg);
}

.icon-spinner {
	background-image: url(/assets/images/icon-spinner-5e2c716dd1991d7fce05a01a87511ba2.svg);
}

.icon-warning {
	background-image: url(/assets/images/icon-warning-0eb3cb98f65edded3655bbc177d6c929.svg);
}

.icon-key {
	background-image: url(/assets/images/icon-key-13d4e71eb7eb4d2a8c56d81225a34a7c.svg);
}

.active .icon-key {
	background-image: url(/assets/images/icon-key_green-39096b2896b0ae882830a7e3495de391.svg);
}

.icon-trash {
	background-image: url(/assets/images/icon-trash-b8995191a07f363bde606b474fb7e694.svg);
}

.icon-copy {
	background-image: url(/assets/images/icon-copy-1da0554fa4a2a9c3ee58f72287d6251b.svg);
}

.icon-whatsapp {
	background-image: url(/assets/images/icon-whatsapp-c83937244191454a6318b6f179132c78.svg);
}

.icon-duplicate {
	background-image: url(/assets/images/icon-duplicate-1eeb9d5aa027fe1fb56e64040134a0f2.svg);
}

.icon-send {
	background-image: url(/assets/images/icon-send-499bd842938578faf74eaaa62adebac9.svg);
}

.icon-send_green {
	background-image: url(/assets/images/icon-send_green-64621daad681d7c74df8f8906a229d3e.svg);
}

.icon-reload {
	background-image: url(/assets/images/icon-reload-0988ffc41b3264cfe7494467fb2362cd.svg);
}

.icon-reload_black {
	background-image: url(/assets/images/icon-reload_black-0716d65dce7c6f6f322333c37d071976.svg);
}

.icon-date {
	background-image: url(/assets/images/icon-date-a7df194a518a353f5d7eed511d6869f4.svg);
}

.icon-time {
	background-image: url(/assets/images/icon-time-582d98e85d112e0fbc11d463aef4dccf.svg);
}

.icon-spei {
	background-image: url(/assets/images/icon-spei-7ec424cb33ce96a831b267edf50e2394.svg);
}

.icon-spei_black {
	background-image: url(/assets/images/icon-spei_black-c234aacd46b2028ecc71f4bc31c6d90e.svg);
}

.icon-spei_green {
	background-image: url(/assets/images/icon-spei_green-a61a518c8d3b8213a03f2508ccbbc54b.svg);
}

.icon-charge_black {
	background-image: url(/assets/images/icon-charge_black-052fa27452cedc69ff0f75cfadb5d837.svg);
}

.icon-dispersal_black {
	background-image: url(/assets/images/icon-dispersal_black-0bce29ec373ea0185cbb43303c084b41.svg);
}

.icon-dispersal_green {
	background-image: url(/assets/images/icon-dispersal_green-5e2eab59e8c953a72700912994761e2c.svg);
}

.icon-notification_black {
	background-image: url(/assets/images/icon-notification_black-ef63fe4df2c39fea019e4d059b8fb5b9.svg);
}

.icon-bank-account {
	background-image: url(/assets/images/icon-bank-account-2922a64c7e547bb1358da0b6d68efcc6.svg);
}

.icon-bank-account_green {
	background-image: url(/assets/images/icon-bank-account_green-c15d7e85ccc07e49865e6ae4889dc775.svg);
}

.icon-bank-account_black {
	background-image: url(/assets/images/icon-bank-account_black-5e22618c061ea5f7c15e80378af32a88.svg);
}

.icon-deposit {
	background-image: url(/assets/images/icon-deposit-5b7b8093fb83ba3fcce58b1d5223d662.svg);
}

.icon-deposit_green {
	background-image: url(/assets/images/icon-deposit_green-b5b24f94dc4ba43a13c497aed0caa9fd.svg);
}

.icon-deposit_black {
	background-image: url(/assets/images/icon-deposit_black-d092efc38b44144345f7f636abd56cb3.svg);
}

.icon-payment {
	background-image: url(/assets/images/icon-payment-27efdc203a1ad442e7e946716e14bec2.svg);
}

.icon-payment_green {
	background-image: url(/assets/images/icon-payment_green-0979369d432c7ae679c583f231472892.svg);
}

.icon-payment_black {
	background-image: url(/assets/images/icon-payment_black-83443aaea4e30e4f17475350e9fa9eec.svg);
}

.icon-transfer {
	background-image: url(/assets/images/icon-transfer-f9218e5da8774dea285ec9cd544ce237.svg);
}

.icon-transfer_green {
	background-image: url(/assets/images/icon-transfer_green-3e4c0cbf9448ac8e8944754dfaadf818.svg);
}

.icon-transfer_black {
	background-image: url(/assets/images/icon-transfer_black-88ad9338b9986a6dd909629a1ef514f5.svg);
}

.icon-endpoint_black {
	background-image: url(/assets/images/icon-endpoint-8e90fca5139a056533b50850c1501082.svg);
}

.icon-endpoint_green {
	background-image: url(/assets/images/icon-endpoint_green-5f8af6d5cbabf66fb82eb088a0a8f59e.svg);
}

.icon-info_white {
	background-image: url(/assets/images/icon-info_white-335b20fc5170463ecd2fbc0bd95c603c.svg);
}

.icon-upload {
	background-image: url(/assets/images/icon-upload-ba72ce84f37710af4cb1607360dfc75f.svg);
}

.icon-atm {
	background-image: url(/assets/images/icon-atm_white-52da9f88bc2fd7847b1ef458964d2cc5.svg);
}

.active .icon-atm {
	background-image: url(/assets/images/icon-atm_green-a681628d8f7664ff0d6e9a4d81cc725e.svg);
}

.icon-atm-commission {
	background-image: url(/assets/images/icon-atm-commission_white-864fcef4584eb7e6af4739029e044c82.svg);
}

.active .icon-atm-commission {
	background-image: url(/assets/images/icon-atm-commission_green-2c7136d2c6c73ec22bad689c134eb9cb.svg);
}

.icon-atm-delivery {
	background-image: url(/assets/images/icon-atm-delivery_white-76f4b5bb8cef12e3ed92df8cbe6bd248.svg);
}

.active .icon-atm-delivery {
	background-image: url(/assets/images/icon-atm-delivery_green-ebe7fec794f8451cffcfc0604cbbe5b1.svg);
}

.icon-atm-customer {
	background-image: url(/assets/images/icon-atm-customer_white-677dcf58ecc0424d3677492d6797dd69.svg);
}

.active .icon-atm-customer {
	background-image: url(/assets/images/icon-atm-customer_green-10f5e6cac4a864b04a9e45c56b84c4c3.svg);
}

.icon-atm-reports {
	background-image: url(/assets/images/icon-atm-reports_white-cd051b2d42fe725a84b1a80128870414.svg);
}

.active .icon-atm-reports {
	background-image: url(/assets/images/icon-atm-reports_green-28819330656355102ffe3f2b773c47cf.svg);
}

.icon-atm-tickets {
	background-image: url(/assets/images/icon-atm-ticket_white-13d55edd0617cc1ad0b9464eedd67784.svg);
}

.active .icon-atm-tickets {
	background-image: url(/assets/images/icon-atm-ticket_green-bcb28dd7d00a7dccff1ffe707bb11d82.svg);
}

.icon-atm-issuer {
	background-image: url(/assets/images/icon-atm-card_white-ad179e8b8ea64251cf0c5f7ec2d167f9.svg);
}

.active .icon-atm-issuer {
	background-image: url(/assets/images/icon-atm-card_green-468ca5cd67af1e6c94ec1c65c761e795.svg);
}

.button-group {
	display: inline-flex;
	flex-wrap: wrap;
}

.button-group .btn-small:not(:last-child) {
	margin-right: 0.5em;
}

.profile-list {
	display: inline-block;
	list-style: none;
	margin: 0 0.3rem 0 0;
	padding: 0;
}

.profile-list li {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 28px;
	font-weight: var(--font-weight-roman);
	line-height: 1.8em;
	margin-left: -1em;
	text-align: center;
	width: 28px;
}

.profile-list li:nth-child(1) {
	background: #42D6D9;
}

.profile-list li:nth-child(2) {
	background: #8080C7;
}

.profile-list li:nth-child(3) {
	background: #FFCA4A;
}

/* Transitions */
a,
:before,
:after,
.btn,
.btn-small,
#main-menu {
	transition: all 0.2s;
}

/* Login */
.login__container {
	color: #fff;
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.login__logo {
	padding: 30px;
	text-align: center;
}

.login__logo img {
	max-width: 190px;
}

.login__fields h3 {
	color: var(--color-white);
	margin-bottom: 2rem;
}

.login__fields label,
.login__fields a {
	color: var(--color-white);
}

.login__fields .field {
	position: relative;
}

.login__fields .password-recover {
	color: var(--color-white);
	line-height: 40px;
}

.login__fields .field-actions {
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
}

.login__fields .field-actions .btn {
	max-width: 200px;
}

.login__fields .field-actions .btn-confirm {
	margin-left: auto;
}

.login__fields h3,
.page-register h3,
.page-register h4 {
	color: var(--color-white);
	margin-bottom: 2rem;
}

@media screen and (min-width:769px) {
	body.page-login {
		background-image: url(/assets/images/bg-login-14b7e781e30a51d1ec86b7614a0e9414.jpg);
	}

	.login__container {
		width: 360px;
	}
}

@media screen and (max-width:768px) {
	body.page-login {
		background-image: url(/assets/images/bg-login_mobile-aca2eff187504ed2670fab0dace648f9.jpg);
	}

	body.page-register {
		background-color: var(--color-darkgray);
	}

	.login__container {
		width: 320px;
	}
}

/* Registro */
.register__container {
	color: var(--color-white);
	margin: 4.2857em auto;
	max-width: 40em;
}

.register__container label,
.register__container a {
	color: var(--color-white);
}

@media screen and (min-width:769px) {
	body.page-register {
		background-image: url(/assets/images/bg-login-14b7e781e30a51d1ec86b7614a0e9414.jpg);
	}
}

@media screen and (max-width:768px) {
	body.page-register {
		background-color: var(--color-darkgray);
	}
}

/* Modal */
.modal-editing,
.modal-mini {
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.2s;
	visibility: hidden;
	width: 100%;
	z-index: 101;
}

.modal-editing.active,
.modal-mini.active {
	opacity: 1;
	visibility: visible;
}

.modal-editing .modal__window,
.modal-mini .modal__window {
	background: var(--color-white);
	border-radius: var(--border-radius);
	left: 50%;
	max-height: 80vh;
	overflow: hidden;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
}

.modal-editing .modal__window {
	min-height: 340px;
}

.modal-mini .modal__window {
	min-height: 260px;
}

.modal-editing .modal__window h3,
.modal-mini .modal__window h3 {
	margin-bottom: 1em;
}

.modal-editing .modal__container,
.modal-mini .modal__container {
	height: calc(100% - 80px);
	max-height: 60vh;
	overflow-y: scroll;
}

.modal-editing .modal__container {
	min-height: 260px;
}

.modal-mini .modal__container {
	min-height: 180px;
}

.modal-editing .modal__actions,
.modal-mini .modal__actions {
	background: var(--color-darkgray);
	display: flex;
	flex-wrap: wrap;
	left: 0;
	width: 100%;
}

.modal-editing .modal__actions .btn:first-child,
.modal-mini .modal__actions .btn:first-child {
	justify-self: start;
	margin-right: auto;
}

@media screen and (min-width:769px) {
	.modal-editing .modal__window {
		width: 800px;
	}

	.modal-mini .modal__window {
		width: 600px;
	}

	.modal-editing .modal__container,
	.modal-mini .modal__container {
		padding: 20px 2.14em;
	}

	.modal-editing .modal__actions,
	.modal-mini .modal__actions {
		padding: 20px 2.14em;
	}

	.modal-editing .modal__actions .btn:not(:first-child):not(:last-child),
	.modal-mini .modal__actions .btn:not(:first-child):not(:last-child) {
		margin-right: 1em;
	}
}

@media screen and (max-width:768px) {
	.modal-editing .modal__window {
		width: 90%;
	}

	.modal-mini .modal__window {
		width: 80%;
	}

	.modal-editing .modal__container,
	.modal-mini .modal__container {
		padding: 20px;
	}

	.modal-editing .modal__actions,
	.modal-mini .modal__actions {
		padding: 20px;
	}

	.modal-editing .modal__actions .btn:nth-child(2) {
		margin-bottom: 0.6rem;
	}

	.modal-editing .modal__actions .btn:last-child {
		margin-left: auto;
	}

	.modal-mini .modal__actions .btn {
		min-width: 130px;
	}
}

.page-main .column-left {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 0;
	overflow: visible !important;
	transition: width var(--sidebar-transition);
}

.page-main .column-left .wrapper {
	background: var(--color-darkgray);
	border-radius: var(--border-radius);
	display: flex !important;
	flex-direction: column !important;
	height: 100vh;
	height: 100dvh !important;
	max-height: 100vh;
	max-height: 100dvh !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	padding: 1.42em;
	padding-bottom: 10px !important;
}

.page-main .column-left .flex-item {
	width: 100%;
}

@media screen and (min-width:769px) {
	.page-main {
		width: 100%;
	}

	.page-main .column-right {
		margin-left: var(--sidebar-w);
		padding: 2.85rem;
		transition: margin-left var(--sidebar-transition);
	}

	.page-main .column-right .menu__close {
		display: none;
	}

	.page-main .page__header .menu__toggle {
		display: none;
	}
}

@media screen and (max-width:768px) {
	.page-main .column-left {
		left: -100%;
		transition: all 0.2s;
	}

	.page-main.menu-open .column-left {
		left: 0;
	}

	.page-main .column-left .menu__close {
		display: flex;
		align-items: center;
		height: 40px;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		background-color: var(--color-green);
		border-radius: 50%;
	}

	.page-main .column-right {
		padding: 20px;
	}
}

@media screen and (min-width:569px) {
	.page-main .column-left {
		width: 280px;
	}
}

@media screen and (max-width:568px) {
	.page-main .column-left {
		width: 260px;
	}

	.page-main.menu-open .column-right {
		user-select: none;
		opacity: 0.4;
	}
}

/* Header */
#brand {
	flex-shrink: 0;
	margin: 2vh 0;
	text-align: center;
}

#brand img {
	max-width: 80px;
}

.user-profile {
	flex-shrink: 0 !important;
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	background: var(--color-darkgray);
	position: relative !important;
	width: 100% !important;
	z-index: 5;
}

.user-profile .user__info {
	border-bottom: 1px solid #333;
	display: flex;
	align-items: center;
	padding-bottom: 1.4em;
}

.user-profile .user__avatar {
	background: var(--color-green);
	border-radius: 5px;
	flex: 0 1 auto;
	font: var(--font-weight-black) 1.4em var(--font-main);
	height: 50px;
	line-height: 50px;
	margin-right: 0.8em;
	text-align: center;
	width: 50px;
}

.user-profile .user__name {
	color: var(--color-white);
	font-size: 1em;
	font-weight: var(--font-weight-roman);
}

.user__logout {
	flex-shrink: 0 !important;
	margin-top: 0 !important;
	padding-bottom: 5px !important;
	background: var(--color-darkgray);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
	position: relative !important;
	width: 100% !important;
}

.user-profile .user__logout a {
	color: var(--color-white);
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
}

.user-profile,
.user__logout {
	flex-shrink: 0 !important;
	width: 100% !important;
}

#main-menu {
	--scrollbar-color-thumb: var(--color-darkgray);
	--scrollbar-color-track: var(--color-white);
	flex: 1 1 0% !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	display: block !important;
	margin-bottom: 10px !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(45, 234, 130, 0.3) transparent;
}

#main-menu:hover {
	--scrollbar-color-thumb: var(--color-lightgray);
}

@supports (scrollbar-width: auto) {
	#main-menu {
		scrollbar-color: var(--color-darkgray) var(--color-white);
	}

	#main-menu:hover {
		scrollbar-color: var(--color-lightgray) var(--color-white);
	}
}

@supports selector(::-webkit-scrollbar) {
	#main-menu::-webkit-scrollbar-thumb {
		background: var(--color-darkgray);
	}

	#main-menu:hover::-webkit-scrollbar-thumb {
		background: var(--color-lightgray);
	}

	#main-menu::-webkit-scrollbar-track {
		background: var(--color-white);
	}
}

#main-menu::-webkit-scrollbar {
	width: 6px;
}

#main-menu::-webkit-scrollbar-thumb {
	background: rgba(45, 234, 130, 0.3);
	border-radius: 10px;
}

#main-menu>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-menu>ul>li {
	border-radius: 10px;
	font-weight: var(--font-weight-roman);
	margin-bottom: 4vh;
}

#main-menu>ul>li>a {
	align-items: center;
	display: flex;
	width: 100%;
}

#main-menu>ul>li>a i {
	margin-right: 1em;
}

.submenu-item .icon-money_black {
	background-image: url(/assets/images/icon-money_black-4763fa8eb8bad905ca3d4a82b562d006.svg) !important;
}

.menu__toggle {
	background: var(--color-darkgray);
	border-radius: var(--border-radius);
	display: inline-block;
	height: 40px;
	position: relative;
	width: 40px;
}

.menu__toggle span {
	background-color: var(--color-white);
	height: 1px;
	left: 10px;
	position: absolute;
}

.menu__toggle span.hb-one {
	top: 14px;
	width: 20px;
}

.menu__toggle span.hb-two {
	top: 20px;
	width: 14px;
}

.menu__toggle span.hb-three {
	top: 26px;
	width: 18px;
}

/* Content */
.main-content {
	max-height: 100%;
	position: relative;
}

.main-content .page__header h1 {
	display: inline-block;
	margin: 0 0 2rem;
	vertical-align: middle;
}

.main-content .page__filters {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2em;
	position: Relative;
}

.main-content .page__filters .search-one_column {
	width: 280px;
}

.main-content .page__filters .search-columns>div {
	display: inline-block;
	vertical-align: top;
}

.main-content .page__filters .search-columns div:not(:last-child) {
	margin-right: 1em;
}

.main-content .page__filters .search-columns #search-box {
	position: relative;
}

.main-content .page__filters .search-columns #search-box input[type="text"] {
	padding-right: 44px;
}

.main-content .page__filters .search-columns #search-box input[type="button"] {
	background: url(/assets/images/icon-search-b284cfd258c55a3eaaf7db491fb6da00.svg) center no-repeat;
	background-size: 16px;
	border: none;
	font-size: 0;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.main-content .page__filters .toggle-buttons {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 4px;
}

.main-content .page__filters .toggle-buttons .toggle-btn {
	cursor: pointer;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	text-align: center;
	width: 150px;
}

.main-content .page__filters .toggle-buttons .toggle-btn.active {
	background-image: linear-gradient(to right, #6d2fb9, #7739c4, #8242d0, #8c4cdb, #9755e7);
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}

.main-content .page__filters .toggle-buttons .toggle-btn:before {
	background-position: center;
	background-repeat: no-repeat;
	content: " ";
	display: inline-block;
	height: 18px;
	margin-right: 10px;
	vertical-align: middle;
	width: 18px;
}

.main-content .page__filters .toggle-buttons .filter-active:before {
	background-image: url(../images/icon-active.svg);
}

.main-content .page__filters .toggle-buttons .filter-active.active:before {
	background-image: url(../images/icon-active_white.svg);
}

.main-content .page__filters .toggle-buttons .filter-blocked:before {
	background-image: url(../images/icon-cancel.svg);
}

.main-content .page__filters .toggle-buttons .filter-blocked.active:before {
	background-image: url(../images/icon-cancelwhite.svg);
}

.main-content .page__filters .toggle-buttons .filter-locked:before {
	background-image: url(/assets/images/icon-lock-c3781cb2a07fe7b30b2d56cbec8c70a2.svg);
}

.main-content .page__filters .toggle-buttons .filter-locked.active:before {
	background-image: url(../images/icon-lock_white.svg);
}

.main-content .page__filters .filter__add a i {
	display: inline-block;
	height: 15px;
	width: 15px;
}

@media screen and (min-width:769px) {
	.main-content .page__filters .search-two_column {
		width: 480px;
	}

	.main-content .page__filters>div:not(:last-child) {
		padding-right: 1em;
	}

	.main-content .page__header .menu__toggle {
		display: none;
	}

	.main-content .page__filters .filter__add {
		position: absolute;
		right: 0;
	}

	.main-content .page__filters .search-one_column #search-box {
		width: 100%;
	}

	.main-content .page__filters .search-two_column #search-box {
		width: 60%;
	}
}

@media screen and (max-width:768px) {
	.main-content .page__header {
		display: flex;
		flex-wrap: wrap;
		gap: 20px
	}

	.main-content .page__header a {
		flex: 0 0 40px;
	}

	.main-content .page__header h1 {
		flex: 1 0 80%;
		line-height: 40px;
	}
}

/* Wizard */
.wizard {
	margin-bottom: 1.4285rem;
}

.wizard.wizard-vertical {
	counter-reset: CustomSteps;
}

.wizard.wizard-vertical .step {
	counter-increment: CustomSteps;
	padding-bottom: 1.4285rem;
	padding-left: 3.5714rem;
	position: relative;
}

.wizard.wizard-vertical .step:before {
	border: 1px solid var(--color-white);
	border-radius: 50%;
	content: counter(CustomSteps);
	display: flex;
	justify-content: center;
	height: 1.875rem;
	left: 0;
	line-height: 1.875rem;
	position: absolute;
	width: 1.875rem;
}

.wizard.wizard-vertical .step.step-current:before,
.wizard.wizard-vertical .step.step-filled:before {
	background: var(--color-white);
	color: var(--color-darkgray);
}

.wizard.wizard-vertical .step:not(:last-child):after {
	background: var(--color-white);
	bottom: 0;
	content: " ";
	left: calc(1.875rem / 2);
	position: absolute;
	top: 1.875rem;
	transform: translateX(-50%);
	width: 1px;
}

.wizard.wizard-vertical .step .step__title {
	margin-bottom: 0;
	padding-top: 0.5em;
	transition: margin 0.3s ease-in-out
}

.wizard.wizard-vertical .step.step-current .step__title {
	margin-bottom: 1.4285rem;
}

.wizard.wizard-vertical .step .step__title h4 {
	font-family: var(--font-main);
	font-weight: var(--font-weight-black);
	margin: 0;
}

.wizard.wizard-vertical .step:not(.step-current) .step__options {
	height: 0 !important;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.wizard.wizard-vertical .step.step-current .step__options {
	opacity: 1;
}

.wizard.wizard-horizontal .nav {
	display: flex;
	justify-content: center;
	margin-bottom: 2.8571rem;
}

.wizard.wizard-horizontal .nav li:not(:last-child) {
	padding-right: 2.1428rem;
	position: relative;
}

.wizard.wizard-horizontal .nav li:not(:last-child):before {
	background: var(--color-white);
	content: " ";
	height: 1px;
	left: 2.1428rem;
	position: absolute;
	right: 0;
	top: 50%;
}

.wizard.wizard-horizontal .nav li a.nav-link {
	border: 1px solid var(--color-white);
	border-radius: 50%;
	height: 2.1428rem;
	padding: 0;
	line-height: 2.1428rem;
	text-align: center;
	width: 2.1428rem;
}

.wizard.wizard-horizontal .nav li a.nav-link.done,
.wizard.wizard-horizontal .nav li a.nav-link.active {
	background: var(--color-white);
	color: var(--color-darkgray);
}

.wizard.wizard-horizontal .tab-content {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.wizard.wizard-horizontal .tab-content .tab-pane {
	width: 100%;
}

.wizard.wizard-horizontal .toolbar {
	display: flex;
	padding: 0 0.8571rem;
}

.wizard.wizard-horizontal .toolbar .btn {
	border: none;
	border-radius: var(--border-radius);
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1em;
	height: 40px;
	min-width: 150px;
	padding: 0 1.4em;
}

.wizard.wizard-horizontal .toolbar .btn {
	color: var(--color-darkgray);
}

.wizard.wizard-horizontal .toolbar .btn.sw-btn-next {
	background: var(--color-green);
	margin-left: auto;
}

.wizard.wizard-horizontal .toolbar .btn.sw-btn-next:after {
	content: url(/assets/images/icon-arrow_right-29a632025ec5ab9b2cb89f78529e874c.svg);
}

.wizard.wizard-horizontal .toolbar .btn.sw-btn-prev {
	background: var(--color-lightgray);
}

.wizard.wizard-horizontal .toolbar .btn.sw-btn-prev:before {
	content: url(/assets/images/icon-arrow_left-aab7adaf44ffe47687bb3f7ae891932b.svg);
}

.wizard.wizard-horizontal .toolbar .btn.disabled {
	display: none;
}

.wizard.wizard-horizontal .toolbar .btn-confirm {
	display: none;
	margin-left: auto;
}

.wizard.wizard-horizontal .toolbar .btn.sw-btn-next.disabled+.btn-confirm {
	display: inline-flex;
}

.accordion .accordion__item {
	border-radius: 5px;
	margin-bottom: 0.7142rem;
	transition: padding 0.4s;
}

.accordion .accordion__item.added {
	background: #333;
	padding: 0.7142rem 1.0714rem;
}

.accordion .accordion__item .accordion__title {
	padding: 0.7142rem 0;
	position: relative;
}

.accordion .accordion__item .accordion__title h4 {
	margin: 0;
}

.accordion .accordion__item .accordion__title .btn-edit {
	background: var(--color-green);
	border: none;
	border-radius: 5px;
	height: 1.7857rem;
	position: absolute;
	right: 2rem;
	top: 0.3571rem;
	width: 1.7857rem;
}

.accordion .accordion__item .accordion__title .btn-delete {
	background: var(--color-green);
	border: none;
	border-radius: 5px;
	height: 1.7857rem;
	position: absolute;
	right: 0;
	top: 0.3571rem;
	width: 1.7857rem;
}

.accordion .accordion__item:not(.added) .accordion__title .btn-edit {
	display: none;
}

.accordion .accordion__item:not(.added) .accordion__title .btn-delete {
	display: none;
}

.accordion .accordion__item .accordion__content {
	max-height: 100vh;
	overflow: hidden;
	transition: max-height 0.6s cubic-bezier(.75, 0, .175, 1);
}

.accordion .accordion__item.closed .accordion__content {
	max-height: 0;
}

.accordion .accordion__item .field-action .btn-save {
	margin-bottom: 0.7142rem;
}

.accordion .accordion__item:not(.added) .field-action {
	display: none;
}

/* Panels */
.panel {
	border-radius: var(--border-radius);
	overflow: hidden;
	margin-bottom: 1em;
}

.panel .panel__header {
	background: var(--color-white);
	padding: 1.4em 2.14em;
}

.panel .panel__header div[class*="col-"] {
	padding: 0;
}

.panel .panel__header .page__filters {
	margin: 0;
}

.panel .panel__header .page__filters input,
.panel .panel__header .page__filters select {
	margin: 0;
}

.panel .panel__header .field input,
.panel .panel__header .field select {
	margin-bottom: 0;
}

.panel .panel__content {
	background: var(--color-white);
	border-radius: 0 0 5px 5px;
	padding: 1.4em 2.14em;
}

.panel .panel__content:not(:last-child) {
	margin-bottom: 1em;
}

.panel.panel-table .panel__header {
	margin-bottom: 10px;
}

.panel .panel__footer .panel__show .field {
	display: inline-block;
}

.panel.panel-table .panel__header .panel__title h3 {
	color: #000;
	font-size: 18px;
}

.panel.panel-table .panel__header .panel__actions .btn {
	background-image: none;
	height: 45px;
}

.panel.panel-table .panel__header .panel__actions .btn:before {
	background-size: 16px;
	height: 30px;
	width: 30px;
}

.panel-table table {
	font-size: 14px;
	min-width: 600px;
	width: 100%;
}

.panel-table table thead th,
.panel.panel-table table tbody td {
	padding-bottom: 10px;
	padding-top: 10px;
}

.panel-table table thead th {
	border-bottom: 1px solid var(--color-darkgray);
}

.panel-table table tbody tr td {
	padding: 5px 0;
}

.panel-table table tbody tr:not(:first-child) td {
	border-top: 1px solid #ddd;
}

.panel-table table tbody tr td:last-child {
	text-align: right;
}

.panel-table table tfoot td {
	border: none !important;
	padding: 0 !important;
}

.panel-table table tfoot td div {
	background: rgba(0, 0, 0, 0.1);
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 8px;
	padding-top: 8px;
}

.panel-table table tfoot td div.total-first {
	border-radius: 5px 0 0 5px;
	padding-left: 5px;
	padding-right: 10%;
	text-align: right;
}

.panel-table table tfoot td div.total-last {
	border-radius: 0 5px 5px 0;
	padding-left: 5px;
	padding-right: 5px;
}

.small_panel {
	width: 70%;
	margin: 0 auto;
}

.small-panel-table table {
	font-size: 14px;
	width: 100%;
	min-width: unset;
}

.panel .row {
	margin-left: 0;
	margin-right: 0;
}

@media screen and (min-width: 769px) {
	.panel.panel-table .panel__header {
		display: flex;
		justify-content: space-between;
	}

	.panel.panel-table .panel__header .panel__title h3 {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.panel {
		margin-left: -10px;
		margin-right: -10px;
	}

	.panel .panel__content {
		padding: 1em;
	}

	.panel-table {
		overflow-x: scroll;
	}

	.panel-table table {
		min-width: 700px;
	}

	.panel.panel-table .panel__header .panel__title h3 {
		margin-bottom: 10px;
	}

	.panel .panel__show span:last-child {
		display: none;
	}
}

/* Elements */
.element-link {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.element-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	width: 15px;
}

.element-icon.icon-large {
	height: 20px;
	width: 20px;
}

.element-icon.icon-right {
	margin-left: 1em;
}

.element-icon.icon-left {
	margin-right: 1em;
}

.element-border {
	border: 1px solid var(--color-lightgray);
	border-radius: 10px;
}

.field__group .field {
	display: inline-block;
}

.field__group .field:not(:last-child) {
	margin-right: 1em;
}

.btn-small .element-icon {
	height: 16px;
	width: 16px;
}

.status {
	align-items: center;
	display: inline-flex;
}

.status:before {
	content: " ";
	border-radius: 50%;
	margin-right: 0.5em;
}

.status.status__big:before {
	height: 15px;
	width: 15px;
}

.status.status__mini:before {
	height: 8px;
	width: 8px;
}

.status.status__green:before {
	background-color: var(--color-status_green);
}

.status.status__yellow:before {
	background-color: var(--color-status_yellow);
}

.status.status__red:before {
	background-color: var(--color-status_red);
}

#modal-tabs .tab-navigation {
	display: flex;
	margin-bottom: 1em;
	white-space: nowrap;
	position: relative;
}

#modal-tabs .tab-navigation:after {
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
	content: " ";
	height: 100%;
	right: 0;
	position: absolute;
	width: 100px;
	z-index: 1;
}

#modal-tabs .tab-navigation .slick-arrow {
	background-color: var(--color-white);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-darkgray);
	border-radius: 50%;
	font-size: 0;
	height: 25px;
	position: absolute;
	top: 7px;
	width: 25px;
	z-index: 2;
}

#modal-tabs .tab-navigation .slick-prev {
	background-image: url(/assets/images/icon-arrow_left-aab7adaf44ffe47687bb3f7ae891932b.svg);
	right: 30px;
}

#modal-tabs .tab-navigation .slick-next {
	background-image: url(/assets/images/icon-arrow_right-29a632025ec5ab9b2cb89f78529e874c.svg);
	right: 0;
}

#modal-tabs .tab-navigation .tab-nav {
	background: var(--color-lightgray);
	border-radius: var(--border-radius);
	line-height: 40px;
	padding: 0 1em;
}

#modal-tabs .tab-navigation .tab-nav:not(:last-child) {
	margin-right: 0.8rem;
}

#modal-tabs .tab-navigation .tab-nav.active {
	background: var(--color-darkgray);
	color: var(--color-white);
}

#modal-tabs .tab-config-navigation {
	display: flex;
	margin-bottom: 1em;
	white-space: nowrap;
	position: relative;
}

#modal-tabs .tab-config-navigation .slick-arrow {
	background-color: var(--color-white);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-darkgray);
	border-radius: 50%;
	font-size: 0;
	height: 25px;
	position: absolute;
	top: 7px;
	width: 25px;
	z-index: 2;
}

#modal-tabs .tab-config-navigation .slick-prev {
	background-image: url(/assets/images/icon-arrow_left-aab7adaf44ffe47687bb3f7ae891932b.svg);
	right: 30px;
}

#modal-tabs .tab-config-navigation .slick-next {
	background-image: url(/assets/images/icon-arrow_right-29a632025ec5ab9b2cb89f78529e874c.svg);
	right: 0;
}

#modal-tabs .tab-config-navigation .tab-nav-config {
	background: var(--color-darkgray);
	border-radius: var(--border-radius);
	line-height: 40px;
	padding: 0 1em;
	color: var(--color-white);
}

#modal-tabs .tab-config-navigation .tab-nav-config:not(:last-child) {
	margin-right: 0.8rem;
}

#modal-tabs .tab-config-navigation .tab-nav-config.active {
	background: var(--color-darkgray);
	color: var(--color-status_green);
}

#modal-tabs .tab-content>div:not(:first-child) {
	display: none;
}

#messages {
	border-radius: var(--border-radius);
	bottom: 1rem;
	opacity: 0;
	padding: 1.4em;
	position: fixed;
	right: 1rem;
	transition: 0.3s all;
	visibility: hidden;
	width: 280px;
	z-index: 9999;
}

#messages.active {
	opacity: 1;
	visibility: visible;
}

#messages .messages__close {
	position: absolute;
	right: 0.6em;
	top: 0.6em;
}

#messages .messages__close:before {
	content: url(/assets/images/icon-close-e0460f9ef4b3cf9510988066364ef127.svg);
}

#messages.message-error .messages__close:before {
	content: url(/assets/images/icon-close_white-3470af1078120be0a45c7aed57f4d21b.svg);
}

#messages.message-success {
	background: var(--color-green);
	color: var(--color-darkgray);
}

#messages.message-alert {
	background: var(--color-status_yellow);
	color: var(--color-darkgray);
}

#messages.message-error {
	background: var(--color-status_red);
	color: var(--color-white);
}

#messages .messages__container {
	display: flex;
}

#messages .messages__icon {
	flex: 0 1 30px;
	margin-right: 1em;
}

#messages .messages__icon:before {
	content: " ";
	display: block;
	height: 30px;
	width: 30px;
}

#messages.message-success .messages__icon:before {
	background-image: url(/assets/images/icon-message_success-8c13dc7270175ca5eabbb87ebea2de14.svg);
}

#messages.message-alert .messages__icon:before {
	background-image: url(/assets/images/icon-message_alert-152070f3aafdb00485878f951eb68cce.svg);
}

#messages.message-error .messages__icon:before {
	background-image: url(/assets/images/icon-message_error-1a1a2436cc9f9089cb3adbbe7b3574ac.svg);
}

/* Pager */
.pager ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pager li {
	display: inline-block;
	vertical-align: top;
}

.pager li a,
.pager li span {
	border-radius: var(--border-radius);
	display: block;
	font-weight: var(--font-weight-roman);
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
}

.pager li a {
	position: relative;
}

.pager li.item-nav a {
	border: 1px solid var(--color-lightgray);
}

.pager li a:before {
	background-position: center;
	background-repeat: no-repeat;
	content: " ";
	height: 14px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
}

.pager li.item-first a:before {
	background-image: url(/assets/images/icon-arrow_first-dbf06d37ceb475e02a03223e021a96fb.svg);
}

.pager li.item-prev a:before {
	background-image: url(/assets/images/icon-arrow_left-aab7adaf44ffe47687bb3f7ae891932b.svg);
}

.pager li.item-next a:before {
	background-image: url(/assets/images/icon-arrow_right-29a632025ec5ab9b2cb89f78529e874c.svg);
}

.pager li.item-last a:before {
	background-image: url(/assets/images/icon-arrow_last-e1784a594bbaf5af8380e5621c8677b8.svg);
}

.pager li.item-active span {
	background: var(--color-darkgray);
	color: var(--color-green);
}

.pager span a.current {
	background: var(--color-darkgray);
	color: var(--color-green);
}

.pager span {
	display: inline-block;
	vertical-align: top;
}

.pager span a {
	border-radius: var(--border-radius);
	display: inline-block;
	font-weight: var(--font-weight-roman);
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	position: relative;
}

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

	.pager li.item-first,
	.pager li.item-last {
		display: none;
	}
}

/* Pages */
.panel-menu .panel__header {
	border-bottom: 1px solid var(--color-darkgray);
}

.panel-menu .item__title h4 {
	padding: 0.4em 0 0.4em 2em;
	position: relative;
}

.panel-menu .item__title h4 img {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.panel-menu .submenu {
	list-style: none;
}

.panel-menu .submenu li {
	padding-left: 1em;
	position: relative;
}

.panel-menu .submenu li:before {
	content: " ";
	background: var(--color-green);
	left: 0;
	position: absolute;
	transform: translateX(-50%);
	width: 1px;
}

.panel-menu .submenu li:not(:last-child):before {
	height: 100%;
}

.panel-menu .submenu li:last-child:before {
	height: 50%;
}

.panel-menu .submenu li:after {
	content: " ";
	background: var(--color-green);
	border-radius: 5px;
	height: 5px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 5px
}


/* Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;

	height: auto;

	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-active.active>a {
	color: white !important;
}

.tab-nav-config.slick-active.active>a {
	color: var(--color-status_green) !important;
}

/*
	CUSTOM STYLES
*/
th.sorting {
	padding-left: 0 !important;
	padding-right: 26px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.channel-active,
.operation-active {
	background: var(--color-darkgray) !important;
	color: var(--color-white) !important;
}

.help {
	display: none;
}

.item:hover .help {
	display: block;
}

.paginate_button {
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
}

.card-brand-logo {
	width: 50px;
	margin-right: 10px;
}

.hidden-elem {
	display: none;
}

.commission-disable-window {
	min-height: 200px !important;
}

.commission-disable-window-content {
	min-height: 120px !important;
	overflow-y: hidden !important;
}

.user-creation-center {
	transform: translate(-50%, 0%);
	top: 0px;
}

.black-text {
	color: black;
}

#key {
	color: black;
	padding: 5px 0px;
}

#btn-purchase {
	border: 3px solid black;
}

#login-email {
	background-position: right 12px center !important;
}

.cancel-invite-window {
	min-height: 180px !important;
}

.cancel-invite-window-content {
	min-height: 100px !important;
}

.merchant-payment-link-window {
	min-height: 210px !important;
}

.merchant-payment-link-window-content {
	min-height: 150px !important;
	overflow-y: hidden !important;
}

.panel-chart-small {
	position: relative;
	height: 300px;
	width: 100%;
}

.panel-chart-big {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 280px;
}

#months-chart {
	margin: 0 auto;
	max-height: 200px;
}

.months-legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
	padding: 2px 6px;
	border-radius: 4px;
	transition: opacity .2s;
}

.months-legend-item.is-hidden {
	opacity: 0.4;
}

.legend-color-box {
	display: inline-block;
	width: 14px;
	min-width: 14px;
	height: 14px;
	min-height: 14px;
	border-radius: 3px;
	flex-shrink: 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.legend-label {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}

#months-legend {
	display: flex;
	flex-wrap: wrap;
}

#main-panel-chart {
	padding: 0 !important;
}

.centered_container {
	left: 50%;
	max-width: 100%;
	position: absolute;
	transform: translate(-50%, 0%);
}

@media screen and (min-width:769px) {
	.centered_container {
		width: 360px;
	}
}

.outer-centered {
	width: 100%;
	display: flex;
	justify-content: center;
}

.inner-centered {
	width: 25%;
}

@media screen and (min-width: 768px) {
	.balance-panel {
		border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
	}
}

.balance-pill {
	border-radius: 25px !important;
	background-color: var(--color-midgray);
}

.tooltip-sign {
	width: 25px;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}

.datatables-left-alignment {
	text-align: left !important;
}

.datatables-center-alignment {
	text-align: center !important;
}

.datatables-right-alignment {
	text-align: right !important;
}

.acct-statement-small-table table {
	min-width: 0 !important;
}

.spei-link:hover>ul {
	display: block;
	position: relative;
}

.collection-module-link:hover>ul {
	display: block;
	position: relative;
}

.dispersal-module-link:hover>ul {
	display: block;
	position: relative;
}

.notification-module-link:hover>ul {
	display: block;
	position: relative;
}

.statement-of-account-module-link:hover>ul {
	display: block;
	position: relative;
}

.submenu {
	display: none;
	background-color: #EAEAEA;
	padding-left: 10px;
	list-style: none;
}

.subsubmenu {
	display: none;
	background-color: #EAEAEA;
	padding-left: 10px;
	list-style: none;
}

.submenu-item>a {
	color: #333;
}

.subsubmenu-item>a {
	color: #333;
}

.subsubmenu-item.active {
	background-color: var(--color-darkgray);
	padding-left: 5px;
}

.subsubmenu-item.active>a {
	color: var(--color-white);
}

@media screen and (min-width:569px) {
	.spei-link:hover>ul {
		width: 200px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 80px;
		margin-top: -20px;
	}

	.collection-module-link:hover>ul {
		width: 200px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 190px;
		margin-top: -23px;
	}

	.dispersal-module-link:hover>ul {
		width: 200px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 190px;
		margin-top: -23px;
	}

	.notification-module-link:hover>ul {
		width: 200px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 190px;
		margin-top: -23px;
	}

	.statement-of-account-module-link ul {
		width: 200px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 190px;
		margin-top: -23px;
	}
}

@media screen and (max-width:568px) {
	.spei-link:hover>ul {
		width: 240px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 80px;
		margin-top: -20px;
	}

	.collection-module-link:hover>ul {
		width: 240px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 0px;
		margin-top: 0px;
	}

	.dispersal-module-link:hover>ul {
		width: 240px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 0px;
		margin-top: 0px;
	}

	.notification-module-link:hover>ul {
		width: 240px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 0px;
		margin-top: 0px;
	}

	.statement-of-account-module-link:hover>ul {
		width: 240px;
		z-index: 1;
		position: absolute;
		top: auto;
		left: auto;
		margin-left: 0px;
		margin-top: 0px;
	}
}

.spei-link,
.collection-module-link,
.dispersal-module-link,
.notification-module-link,
.statement-of-account-module-link {
	width: 100%;
}

.submenu>li>a i,
.subsubmenu>li>a i {
	margin-right: 0.5em;
}

#lnk-hire-spei,
#lnk-demo-reset {
	position: absolute;
	top: 0;
	right: 0;
}

.highlight-row {
	background-color: var(--color-darkgray) !important;
	color: var(--color-white) !important;
}

#supplies {
	width: auto !important;
}

#onboarding-form {
	--scrollbar-color-thumb: var(--color-darkgray);
	--scrollbar-color-track: var(--color-white);
	max-height: 500px !important;
}

#onboarding-form:hover {
	--scrollbar-color-thumb: var(--color-lightgray);
}

@supports (scrollbar-width: auto) {
	#onboarding-form {
		scrollbar-color: var(--color-darkgray) var(--color-white);
	}

	#onboarding-form:hover {
		scrollbar-color: var(--color-lightgray) var(--color-white);
	}
}

@supports selector(::-webkit-scrollbar) {
	#onboarding-form::-webkit-scrollbar-thumb {
		background: var(--color-darkgray);
	}

	#onboarding-form:hover::-webkit-scrollbar-thumb {
		background: var(--color-lightgray);
	}

	#onboarding-form::-webkit-scrollbar-track {
		background: var(--color-white);
	}
}

#update-spei-api-client-pk {
	padding-right: 30px;
}

.subscreen {
	border: 3px solid var(--color-darkgray);
}

.messages__text {
	overflow-wrap: break-word;
	inline-size: 80%;
}

a.disabled {
	pointer-events: none;
	opacity: 0.5;
}

#data-summary-end {
	min-height: 300px;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	display: none;
	z-index: 9997;
}

#loading-message {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 20px;
}

#modal-update-spei-affiliation {
	z-index: 9998;
}

#logout-lnk-1 {
	position: absolute;
	right: 20px;
	top: 20px;
}

#new-rule-modal {
	z-index: 999;
}

.anchor1 {
	font-size: 22px !important;
	font-weight: bold !important;
	color: var(--color-green) !important;
}

.anchor2 {
	font-size: 20px !important;
	font-weight: bold !important;
}

.anchor3 {
	font-size: 18px !important;
	font-weight: normal !important;
}

.anchor4 {
	font-size: 16px !important;
	font-weight: normal !important;
}

.anchor5 {
	font-size: 14px !important;
	font-weight: normal !important;
}

.bin-fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}

.accordion-button {
	background-color: var(--color-darkgray) !important;
	color: var(--color-white) !important;
}

.width10 {
	min-width: 10%;
	max-width: 10%;
	width: 10%;
}

.width20 {
	min-width: 20%;
	max-width: 20%;
	width: 20%;
}

.width30 {
	min-width: 30%;
	max-width: 30%;
	width: 30%;
}

.width40 {
	min-width: 40%;
	max-width: 40%;
	width: 40%;
}

#look-and-feel-1-preview {
	max-width: 50%;
	max-height: 200px;
}

.jira-comment-container {
	max-width: 600px;
	margin: 20px auto;
}

.jira-comment-card {
	background: var(--color-white);
	border-radius: 8px;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 2px solid var(--color-green);
}

.jira-comment-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	font-size: 0.9em;
	color: var(--color-lightgray);
}

.jira-author-name {
	font-weight: bold;
	color: var(--color-darkgray);
}

.jira-comment-body {
	max-height: 400px;
	overflow-y: auto;
	padding: 10px;
	background: var(--color-white);
	border: 1px solid var(--color-lightgray);
}

.jira-comment-body h3 {
	margin-top: 15px;
	font-size: 1.2rem;
}

.jira-comment-body pre {
	background: var(--color-midgray);
	padding: 10px;
	border-radius: 5px;
	overflow-x: auto;
	border: 1px solid var(--color-darkgray);
}

.jira-comment-body code {
	font-family: 'Courier New', Courier, monospace;
	color: var(--color-darkgray);
	font-size: 0.9rem;
}

.jira-comment-body p {
	margin-bottom: 8px;
	line-height: 1.4;
}

.jira-timestamp {
	font-style: italic;
	color: var(--color-darkgray);
}

.jira-last-comment {
	border-left: 20px solid var(--color-status_yellow);
	border-top: 2px solid var(--color-status_yellow);
	border-right: 2px solid var(--color-status_yellow);
	border-bottom: 2px solid var(--color-status_yellow);
}

#main-menu .mod-submenu>li {
	margin-bottom: 0 !important;
}

@media screen and (min-width: 769px) {
	.page-main.sidebar-collapsed .column-left {
		width: var(--sidebar-collapsed);
	}

	.page-main.sidebar-collapsed .column-right {
		margin-left: var(--sidebar-collapsed);
	}
}

.page-main.sidebar-collapsed .column-left {
	padding: 4px !important;
}

.page-main.sidebar-collapsed .column-left .wrapper {
	background: var(--color-darkgray);
	border-radius: var(--border-radius);
	display: flex !important;
	flex-direction: column !important;
	height: 100vh;
	height: 100dvh !important;
	max-height: 100vh;
	max-height: 100dvh !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
    padding-right: 0 !important;
	padding-bottom: 10px !important;
}

.sidebar-toggle-btn {
	position: absolute;
	top: 22px;
	right: -13px;
	width: 26px;
	height: 26px;
	background: var(--color-green);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 200;
	box-shadow: 0 0 0 2px var(--color-darkgray);
	transition: background 0.2s;
}

.sidebar-toggle-btn:hover {
	background: #22c46a;
}

.sidebar-toggle-btn svg {
	stroke: #000;
	flex-shrink: 0;
	transition: transform var(--sidebar-transition);
}

.page-main.sidebar-collapsed .sidebar-toggle-btn svg {
	transform: rotate(180deg);
}

.page-main.sidebar-collapsed #brand {
	text-align: center;
	margin: 0.5vh 0;
}

.page-main.sidebar-collapsed #brand img {
	max-width: 34px !important;
	border-radius: 5px;
}

.mod-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 8px;
	margin: 1px 0;
	border-radius: 7px;
	cursor: pointer;
	user-select: none;
	color: #aaa;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background 0.15s, color 0.15s;
}

.mod-header:hover {
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
}

.mod-header.active-module {
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}

.mod-left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mod-icon {
	flex-shrink: 0;
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	opacity: 0.65;
	transition: opacity 0.15s;
	vertical-align: middle;
}

.mod-header:hover .mod-icon,
.mod-header.active-module .mod-icon {
	opacity: 1;
}

.mod-label {
	overflow: hidden;
}

.mod-chevron {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
	opacity: 0.45;
	transition: transform 0.25s ease, opacity 0.15s;
}

.mod-header.open .mod-chevron {
	transform: rotate(180deg);
	opacity: 0.9;
}

.mod-submenu {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.mod-submenu.open {
	max-height: 600px;
}

.mod-submenu a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px 6px 22px;
	border-radius: 6px;
	color: #888;
	text-decoration: none;
	font-size: 13px;
	white-space: nowrap;
	transition: background 0.12s, color 0.12s;
}

.mod-submenu a:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #ddd;
}

.mod-submenu a.active {
	background: rgba(45, 234, 130, 0.1);
	color: var(--color-green);
}

.sub-icon {
	flex-shrink: 0;
	display: inline-block;
	width: 18px !important;
	height: 18px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	opacity: 0.55;
	transition: opacity 0.12s;
	vertical-align: middle;
}

.mod-submenu a:hover .sub-icon {
	opacity: 0.85;
}

.mod-submenu a.active .sub-icon {
	opacity: 1;
}

.mod-submenu a.active .icon-dashboard {
	background-image: url(/assets/images/icon-dashboard_green-80965f44694eb25d4357f38373c106db.svg);
}

.mod-submenu a.active .icon-atm-reports {
	background-image: url(/assets/images/icon-atm-reports_green-28819330656355102ffe3f2b773c47cf.svg);
}

.mod-submenu a.active .icon-atm-customer {
	background-image: url(/assets/images/icon-atm-customer_green-10f5e6cac4a864b04a9e45c56b84c4c3.svg);
}

.mod-submenu a.active .icon-atm-issuer {
	background-image: url(/assets/images/icon-atm-card_green-468ca5cd67af1e6c94ec1c65c761e795.svg);
}

.mod-submenu a.active .icon-atm {
	background-image: url(/assets/images/icon-atm_green-a681628d8f7664ff0d6e9a4d81cc725e.svg);
}

.mod-submenu a.active .icon-atm-commission {
	background-image: url(/assets/images/icon-atm-commission_green-2c7136d2c6c73ec22bad689c134eb9cb.svg);
}

.mod-submenu a.active .icon-atm-tickets {
	background-image: url(/assets/images/icon-atm-ticket_green-bcb28dd7d00a7dccff1ffe707bb11d82.svg);
}

.mod-submenu a.active .icon-usuarios {
	background-image: url(/assets/images/icon-usuarios_green-2be461a1dcdbe68f2c18abcfc9f23a55.svg);
}

.mod-divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.08);
	margin: 4px 0;
}

.sidebar-logout {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 8px;
	color: #555;
	font-size: 13px;
	border-radius: 6px;
	white-space: nowrap;
	transition: color 0.15s, background 0.15s;
	text-decoration: none;
}

.sidebar-logout:hover {
	color: #aaa;
	background: rgba(255, 255, 255, 0.05);
}

.sidebar-logout .element-icon {
	flex-shrink: 0;
	display: inline-block;
	width: 18px !important;
	height: 18px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	opacity: 0.5;
	transition: opacity 0.15s;
}

.sidebar-logout:hover .element-icon {
	opacity: 0.9;
}

.page-main.sidebar-collapsed .mod-label,
.page-main.sidebar-collapsed .mod-chevron,
.page-main.sidebar-collapsed .sub-label,
.page-main.sidebar-collapsed .logout-label,
.page-main.sidebar-collapsed .user__name,
.page-main.sidebar-collapsed .mod-divider {
	display: none;
}

.page-main.sidebar-collapsed .mod-header {
	justify-content: flex-start;
	padding: 9px 6px;
}

.page-main.sidebar-collapsed .mod-header:not(.active-module) {
	display: none;
}

.page-main.sidebar-collapsed .mod-icon {
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	opacity: 1;
}

.page-main.sidebar-collapsed .mod-header.active-module+.mod-submenu {
	display: block !important;
	max-height: none !important;
	overflow: visible !important;
}

.page-main.sidebar-collapsed .mod-submenu a {
	justify-content: flex-start;
	padding: 10px 0 !important;
}

.page-main.sidebar-collapsed .sub-icon {
	width: 20px !important;
	height: 20px !important;
	opacity: 0.65;
	margin: 0 !important;
}

.page-main.sidebar-collapsed .mod-submenu a:hover .sub-icon,
.page-main.sidebar-collapsed .mod-submenu a.active .sub-icon {
	opacity: 1;
}

.page-main.sidebar-collapsed .user__avatar {
	width: 36px !important;
	height: 36px !important;
	font-size: 11px !important;
	line-height: 36px !important;
	margin-right: 0;
}

.page-main.sidebar-collapsed .user-profile .user__info {
	justify-content: flex-start;
	border-bottom: none;
	padding-bottom: 0.4em;
}

.page-main.sidebar-collapsed .sidebar-logout {
	justify-content: flex-start;
	padding: 8px 6px;
}

.page-main.sidebar-collapsed .sidebar-logout .element-icon {
	margin: 0;
	opacity: 0.7;
	width: 20px !important;
	height: 20px !important;
}

.page-main.sidebar-collapsed #brand,
.page-main.sidebar-collapsed .mod-header,
.page-main.sidebar-collapsed .mod-left,
.page-main.sidebar-collapsed .mod-submenu a,
.page-main.sidebar-collapsed .user-profile,
.page-main.sidebar-collapsed .user__logout,
.page-main.sidebar-collapsed .user__info {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.page-main.sidebar-collapsed .mod-icon,
.page-main.sidebar-collapsed .sub-icon,
.page-main.sidebar-collapsed .user__avatar {
	margin-right: 0 !important;
}

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

	#brand {
		margin: 1vh 0;
	}

	.user-profile .user__avatar {
		height: 36px;
		line-height: 36px;
		width: 36px;
		font-size: 1.1em;
	}

	.user-profile .user__info {
		padding-bottom: 0.7em;
	}

	.page-main .column-left,
	.page-main.sidebar-collapsed .column-left {
		width: 260px !important;
		padding: 1.42em !important;
	}

	.page-main .column-right,
	.page-main.sidebar-collapsed .column-right {
		margin-left: 0 !important;
	}

	.sidebar-toggle-btn {
		display: none !important;
	}

	.page-main.sidebar-collapsed .mod-label,
	.page-main.sidebar-collapsed .mod-chevron,
	.page-main.sidebar-collapsed .sub-label,
	.page-main.sidebar-collapsed .logout-label,
	.page-main.sidebar-collapsed .user__name,
	.page-main.sidebar-collapsed .mod-divider {
		display: revert;
	}

	.page-main.sidebar-collapsed .mod-header {
		justify-content: space-between;
		padding: 7px 8px;
	}

	.page-main.sidebar-collapsed .mod-header:not(.active-module) {
		display: flex;
	}

	.page-main.sidebar-collapsed .mod-submenu a {
		justify-content: flex-start;
		padding: 6px 8px 6px 22px;
	}

	.page-main.sidebar-collapsed .sidebar-logout {
		justify-content: flex-start;
		padding: 7px 8px;
	}

	.page-main.sidebar-collapsed .user__avatar {
		width: 50px !important;
		height: 50px !important;
		font-size: 1.4em !important;
		line-height: 50px !important;
		margin-right: 0.8em;
	}

	.page-main.sidebar-collapsed .user-profile .user__info {
		justify-content: flex-start;
		border-bottom: 1px solid #333;
		padding-bottom: 1.4em;
	}

	.page-main.sidebar-collapsed #brand img {
		max-width: 80px !important;
		border-radius: 0;
	}
}

.sidebar-divider {
	height: 1px;
	background: #222;
	margin: 8px 16px;
}


.ui-float-label {
	position: relative;
	display: block;
}

.ui-float-label.with-space {
	margin-top: 15px;
}

.ui-float-label input{
	width: 100%;
	height: 40px;
	padding: 10px;
	border: 1px solid #757575;
	border-radius: 5px;
	font-size: 14px;
}

/* TEXTAREA */
.ui-float-label textarea{
    width: 100%;
    padding: 12px;
    border: 1px solid #757575;
    border-radius: 6px;
    font-size: 14px;
    resize: vertical; /* mantiene comportamiento normal */
}

.ui-float-label label {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #757575;
	font-size: 14px;
	transition: all .2s ease;
	pointer-events: none;
}

.ui-float-label input:focus~label,
.ui-float-label input:not(:placeholder-shown)~label,
.ui-float-label textarea:focus ~ label,
.ui-float-label textarea:not(:placeholder-shown) ~ label {
	top: -8px;
	font-size: 14px;
	color: #757575;
}

.space-top {
    margin-top: 15px;
}