/*
 * aZuite ToolKit 0.0.5 by @azuite - https://azuite.com
 * Copyright 2023 We Think Solutions SRL.
 */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
}
strong {
	font-weight: bold;
}
:focus {
	outline:0;
}
body{
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
del {
	text-decoration: none;
}
html {
	height: 100%;
	font-size: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

/*
Verde agua principal: 00c4ab
Verde hover y secundario: 018676
*/

:root {
	--f-head: 'Poppins', sans-serif;
	--f-text: 'Poppins', sans-serif;

	--c-dar: #000000;
	--c-dar-op25: #00000033;
	--c-dar-op50: #00000066;
	--c-lig: #f8f9fa;
	--c-lig-op25: #f8f9fa33;
	--c-lig-op50: #f8f9fa66;
	--c-sep: #dee2e6;
	--c-sep-op50: #dee2e666;
	--c-pri: #2B3343;
	--c-pri-hov: #2B334371;
	--c-pri-op25: #2B334338;
	--c-sec: #272f40;
	--c-acc: #1C5FC4;
	--c-acc-op25: #1C5FC433;
	--c-acc-op50: #1C5FC466;
	--c-red: #f44336;
	--c-orange: #ffc107;
	--c-green: #8bc34a;
	--c-blue: #2196f3;

	--scale1: .5rem;
	--scale2: .625rem;
	--scale3: .75rem;
	--scale4: .875rem;
	--scale5: 1rem;
	--scale6: 1.125rem;
	--scale7: 1.5rem;
	--scale8: 2rem;
	--scale9: 3rem;

	--scale1-neg: calc(var(--scale1)*-1);
	--scale2-neg: calc(var(--scale2)*-1);
	--scale3-neg: calc(var(--scale3)*-1);
	--scale4-neg: calc(var(--scale4)*-1);
	--scale5-neg: calc(var(--scale5)*-1);
	--scale6-neg: calc(var(--scale6)*-1);
	--scale7-neg: calc(var(--scale7)*-1);
	--scale8-neg: calc(var(--scale8)*-1);
	--scale9-neg: calc(var(--scale9)*-1);

	--rad-s: .5rem;
	--rad-m: 1rem;
	--rad-l: 2rem;

	--shad-s: 0 .125rem .25rem 0 var(--c-dar-op25);
	--shad-m: 0 .25rem .75rem 0 var(--c-dar-op25);
	--shad-l: 0 .5rem 2rem .125rem var(--c-dar-op25);
	--shad-i: inset 0 .125rem .25rem 0 var(--c-dar-op25);

	--an-f: all 250ms cubic-bezier(.7,0,.3,1);

}

body {
	font-family: var(--f-text);
	font-weight: 400;
	font-size:100%;
	line-height:1;
	color: var(--c-dar);
	background: var(--c-lig);
	min-height:100%;
}
@media (min-width: 960px) {
	::-webkit-scrollbar {
		width: .875rem;
	}
	::-webkit-scrollbar-track {
		background: var(--c-lig);
		border-radius: 0;
	}
	::-webkit-scrollbar-thumb {
		background: var(--c-sep);
		border-radius: 0;
	}
	::-webkit-scrollbar-thumb:hover {
		background: var(--c-pri);
	}
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap; /* 1 */
}

@media (max-width: 960px) {
	.mobWrapper {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
}

.color-dar { color: var(--c-dar);}
.color-dar { color: var(--c-lig);}
.color-dar { color: var(--c-sep);}
.color-dar { color: var(--c-pri);}
.color-dar { color: var(--c-sec);}
.color-dar { color: var(--c-acc);}
.bg-color-dar { background-color: var(--c-dar);}
.bg-color-dar { background-color: var(--c-lig);}
.bg-color-dar { background-color: var(--c-sep);}
.bg-color-dar { background-color: var(--c-pri);}
.bg-color-dar { background-color: var(--c-sec);}
.bg-color-dar { background-color: var(--c-acc);}


/* LOGIN */

.main-login {
	padding-left: 0;
	height: 100vh;
	box-sizing: border-box;
	background: var(--c-sep);
}
.main-login .card {
	max-width: 25rem;
	margin: 10vh auto 0;
	text-align: center;
	padding-bottom: calc(var(--scale7)*1.125);
}
.main-login .field {
	margin-bottom: var(--scale3);
}
.main-login .branding {
	margin-bottom: var(--scale6);
}
.main-login .branding img {
	width: auto;
	height: 3.5rem;
	margin-bottom: var(--scale3);
}
.main-login .card .bt {
	display: block;
	width: 100%;
}

/* HEADER */

.header {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5rem;
	padding: var(--scale7);
	box-sizing: border-box;
	background: var(--c-sec);
	transition: var(--an-f);
	border-right: solid 1px rgba(0,0,0,.05);
}
@media (min-width:960px) {
	.header:hover {
		width: 14rem;
	}
}

.branding {
	display: block;
	text-align: center;
	margin: 0 var(--scale7-neg);
}
.branding img {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	object-fit: contain;
}

.user {
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	width: 2.5rem;
	height: 2.5rem;
	transition: var(--an-f);
	overflow: hidden;
	border-radius: .25rem;
	box-shadow: 0 0 0 0 #91a6ba11;
}
.header:hover .user {
	width: 11rem;
}
.header .user:hover {
	height: 10rem;
	padding: .25rem;
	border-radius: 1rem 1rem .25rem .25rem;
	background: #fff;
	box-shadow: 0 0.125rem .5rem 0 rgba(0,0,0,.1);
}
.user > a {
	display: block;
	line-height: 2.5rem;
	white-space: nowrap;
	color: #fff;
	border-radius: .75rem .75rem .25rem .25rem;
	font-size: .875rem;
}
.header .user:hover > a {
	background: var(--c-pri);
}
.user > a i {
	font-size: 1.25rem;
	width: 2.5rem;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
.user ul {
	padding: .25rem 0 0;
}
.user ul li + li {
	margin-top: .25rem;
}
.user ul li a {
	display: block;
	font-size: .75rem;
	padding: 0 1rem;
	line-height: 2.25rem;
	color: var(--c-acc);
	border-radius: .25rem;
	transition: var(--an-f);
}
.user ul li a:hover {
	background: var(--c-acc);
	color: #fff;
}

.menu-bt {
	display: none;
}
.menu {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.menu li a {
	padding: 0 0 0 1.25rem;
	line-height: 3.5rem;
	display: block;
	color: #fff;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 300;
	position: relative;
	transition: var(--an-f);
	font-size: 0;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}
.header:hover .menu li a,
.header .menu:hover li a {
	font-size: .875rem!important;
}
.menu li a i {
	position: relative;
	top: -1px;
	font-size: 1.25rem;
	display: inline-block;
	vertical-align: top;
	width: 2.5rem;
	line-height: 3.5rem;
	margin-right: .5rem;
	text-align: center;
	transition: var(--an-f);
}
.menu li a:hover i {
	font-size: 2rem;
}
.menu li {
	position: relative;
}
.menu li ul {
	position: absolute;
	left: 100%;
	margin-left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	background: var(--c-sec);
	padding: var(--scale5);
	border-radius: var(--rad-m);
	box-shadow: var(--shad-s);
	border-left: solid .25rem var(--c-pri);
	opacity: 0;
	visibility: hidden;
	transition: var(--an-f);
}
.menu li:hover ul {
	opacity: 1;
	visibility: visible;
}
.menu li ul:before {
	content: '';
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	border: solid var(--scale2) transparent;
	border-right-color: var(--c-pri);
	z-index: 99;
}
.menu li ul li a {
	text-transform: none;
	line-height: 2rem;
	padding: 0 var(--scale2);
	border-radius: var(--rad-s);
}
.menu li ul li a:hover {
	background: var(--c-pri);
}

.account {
	padding-top: .75rem;
	border-top: solid 1px #ffffff66;
	margin-top: .75rem;
}
.account h2 {
	font-size: 1.125rem;
	position: relative;
	padding-left: 3.25rem;
	line-height: 2.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	color: #fff;
}
.account h2 span,
.account h2 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 10rem;
	background: #fff;
	color: #000;
	font-size: 0;
	text-align: center;
}
.account h2 span:first-letter {
	font-size: 1.25rem;
}
.account h2 a {
	color: #000;
	font-size: 1rem;
	opacity: 0;
	visibility: hidden;
	transition: var(--an-f);
}
.account:hover h2 a {
	opacity: 1;
	visibility: visible;
}


/* MAIN */

.main {
	padding: var(--scale9) 0;
	min-height: 100vh;
	box-sizing: border-box;
	position: relative;
	z-index: 99;
}
.header + .main {
	margin-left: calc(5rem);
}
.main-header {
	margin-top: var(--scale9-neg);
	padding: var(--scale7) 0;
	margin-bottom: var(--scale7);
	border-bottom: solid 1px var(--c-sep);
	position: sticky;
	top: 0;
	background: #ffffffee;
	backdrop-filter: blur(.5rem);
	z-index: 9999;
}
.main .main-header h1 {
	font-size: var(--scale8);
	line-height: var(--scale9);
	margin: 0;
	display: inline-block;
	position: relative;
}
.main .main-header h1 a {
	font-size: var(--scale5);
	display: inline-block;
	vertical-align: top;
	width: var(--scale8);
	line-height: var(--scale9);
	border-radius: var(--scale9);
	transition: var(--an-f);
	text-align: center;
}
.main .main-header h1 a:hover {
	background: var(--c-acc);
	color: #fff;
}
.main-header .actions {
	float: right;
}
.main-header .actions > * {
	line-height: calc(var(--scale9) - 2px);
	height: var(--scale9);
	box-sizing: border-box;
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
	vertical-align: top;
}
.search {
	position: relative;
	border: solid 1px var(--c-sep);
	padding: 0 var(--scale5);
	padding-right: var(--scale9);
	border-radius: var(--rad-s);
	margin-right: var(--scale4);
}
.search input {
	width: 15vw;
	line-height: inherit;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}
.search select {
	width: 10vw;
	display: inline-block;
	vertical-align: top;
	line-height: var(--scale9);
	height: var(--scale9);
}
.search button {
	position: absolute;
	right: 0;
	line-height: var(--scale9);
	width: var(--scale9);
	text-align: center;
	cursor: pointer;
	color: var(--c-acc);
}

.section {
	padding: var(--scale7) 0;
}
.section:first-child {
	padding-top: 0;
}
.section.bg {
	color: var(--c-lig);
	background: var(--c-dar);
}
.section:not(.bg) + .section:not(.bg) {
	border-top: solid 1px var(--c-sep);
}

.page {
	font-size: var(--scale5);
	padding: 0 var(--scale7);
	max-width: 80rem;
	margin: 0 auto;
	clear:both;
}
.row {
	margin: 0 var(--scale5-neg);
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
.row + * {
	margin-top: calc(var(--scale5)*2);
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col,
.gap {
	font-size: var(--scale5);
	padding: 0 var(--scale5);
	box-sizing: border-box;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
@media (min-width: 960px) {
	.col,
	.gap {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 8.333%;}
	.col2 {width: 16.666%;}
	.col3 {width: 25%;}
	.col4 {width: 33.333%;}
	.col5 {width: 41.666%;}
	.col6 {width: 50%;}
	.col7 {width: 58.333%;}
	.col8 {width: 66.666%;}
	.col9 {width: 75%;}
	.col10 {width: 83.333%;}
	.col11 {width: 91.666%;}
	.col12 {width: 100%;}
}
@media (max-width: 959px) {
	.col + .col {
		margin-top: calc(var(--scale5)*2);
	}
}

.main > *:last-child,
.section > *:last-child,
.page > *:last-child,
.col > *:last-child,
.card > *:last-child {
	margin-bottom: 0!important;
}

a i {
	line-height: inherit!important;
}
svg {
	width: auto;
	height: auto;
}
picture {
	display: block;
}
svg,
img {
	max-width: 100%;
}

.bt {
	font-size: var(--scale5);
	line-height: 2.75em;
	padding: 0 1.375em;
	font-weight: bold;
	border: solid 1px transparent;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: var(--c-acc);
	color: var(--c-lig);
	border-radius: var(--rad-s);
	cursor: pointer;
	transition: var(--an-f);
}
.bt i {
	margin: 0 .625em 0 -.125em;
}
.bt-g {
	color: var(--c-pri);
	border-color: currentColor;
	background: var(--c-lig);
}
.bt-i {
	padding: 0;
	width: 2.75em;
}
.bt-i i {
	margin: 0;
}
.bt-text {
	font-size: var(--scale5);
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
	color: var(--c-acc);
	border-radius: .25rem;
	transition: var(--an-f);
}
.bt + .bt,
.bt + .bt-text,
.bt-text + .bt,
.bt-text + .bt-text {
	margin-left: 1em;
}
.bt:hover {
	color: var(--c-lig);
	border-color: currentColor;
	background: var(--c-acc-op25);
	box-shadow: 0 0 0 .25rem var(--c-acc-op25);
}
.bt-text:hover {
	background: var(--c-acc-op25);
	box-shadow: 0 0 0 .5rem var(--c-pri-op25);
}
.bg .bt {
	color: var(--c-acc);
	background: var(--c-lig);
}
.bg .bt-g {
	color: var(--c-lig);
	background: var(--c-dar);
}
.bg .bt-text {
	color: var(--c-lig);
}
.bg .bt:hover {
	color: var(--c-pri);
	border-color: var(--c-dar);
	background: var(--c-lig);
	box-shadow: 0 0 0 .25rem var(--c-pri-op25);
}
.bg .bt-text:hover {
	background: var(--c-lig-op25);
	box-shadow: 0 0 0 .5rem var(--c-lig-op25);
}


a {
	position: relative;
}
a i + span.tooltip,
a.hint i + span {
	display: block;
	text-indent: 0;
}
a.hint {
	font-size: .75em!important;
	display: inline-block;
	margin: 0 .125rem -1em;
	line-height: 1;
	top: -1px;
}
a.hint i {
	color: #aaa;
}
body span.tooltip,
body a.hint span {
	font-family: "Noto Sans JP", Helvetica, Arial, sans-serif!important;
	text-transform: none!important;
	font-weight: normal!important;
	line-height: 1!important;
	height: auto!important;
	font-size: .75rem!important;
	position: absolute!important;
	left: 50%!important;
	color: #333!important;
	bottom: 100%!important;
	transform: translate(-50% , 50%)!important;
	white-space: nowrap!important;
	padding: .5rem!important;
	border-radius: 3px!important;
	margin-bottom: 1em!important;
	font-size: .75rem!important;
	background: #fff!important;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.1), 0 3px 15px 0 rgba(0,0,0,.1)!important;
	opacity: 0!important;
	visibility: hidden!important;
	transition: opacity 150ms cubic-bezier(.7,0,.3,1), transform 150ms cubic-bezier(.7,0,.3,1)!important;
	text-indent: 0!important;
	z-index: 9999!important;
}
body a.hint span {
	width: 8rem;
	text-align: center;
	white-space: normal!important;
}
span.tooltip:after,
a.hint span:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 100%;
	border: solid .5rem transparent;
	border-top-color: #fff;
}
i.fa,
i.fas,
i.fab {
	position: relative;
}
a:hover span.tooltip,
a:focus span.tooltip,
i:hover span.tooltip,
i:focus span.tooltip,
*:hover > span.tooltip,
a.hint:hover span,
a.hint:focus span {
	transition-delay: .5s!important;
	transform: translate(-50% , 0)!important;
	opacity: 1!important;
	visibility: visible!important;
}

/* tipografia */
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	line-height: 1.2em;
	margin-bottom: var(--scale4);
}
.main h1 span,
.main h2 span,
.main h3 span,
.main h4 span,
.main h5 span,
.main h6 span {
	color: var(--c-pri);
}
.main h1,
.main h2,
.main h3,
.main h4 {
	letter-spacing: -.02em;
}
.main p,
.main ul,
.main ol {
	font-size: var(--scale5);
	line-height: 1.4em;
	margin-bottom: var(--scale4);
}
.main h1 {
	font-size: var(--scale9);
	font-weight: bold;
}
.main h2 {
	font-size: var(--scale8);
	font-weight: bold;
}
.main h2 + p,
.main p.emph {
	font-size: var(--scale6);
	line-height: 1.2em;
}
.main h3 {
	font-size: var(--scale7);
	font-weight: bold;
}
.main-login h3 {
	color: #ffffff;
}
.main h3 a {
	display: inline-block;
	font-size: 1.125rem;
	vertical-align: middle;
	margin-left: .5rem;
	color: var(--c-dar-op50);
}
.main h4 {
	font-size: var(--scale6);
	font-weight: bold;
}
.main h4.null {
	text-align: center;
	line-height: 5em;
	color: var(--c-dar-op50);
}
.modal h4.null {
	font-size: var(--scale5);
	margin-bottom: .5rem;
	color: var(--c-dar-op50);
}
.main h5 {
	font-size: var(--scale6);
}
.main h6,
.field label {
	font-size: var(--scale4);
	text-transform: uppercase;
	font-weight: bold;
}
.main ol.list li,
.main ul.list li {
	padding-left: 1.125em;
	position: relative;
	margin-bottom: .5em;
}
.main ol.list {
	counter-reset: ol-list;
}
.main ol.list li:before {
	counter-increment: ol-list;
	content: counter(ol-list);
	position: absolute;
	left: 0;
	color: var(--c-pri);
	font-weight: bold;
}
.main ul.list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: .3125em;
	width: var(--scale3);
	height: var(--scale3);
	background: var(--c-pri);
}
.main p + h1,
.main p + h2,
.main p + h3,
.main p + h4,
.main p + h5,
.main p + h6,
.main ul + h1,
.main ul + h2,
.main ul + h3,
.main ul + h4,
.main ul + h5,
.main ul + h6,
.main ol + h1,
.main ol + h2,
.main ol + h3,
.main ol + h4,
.main ol + h5,
.main ol + h6 {
	margin-top: var(--scale8);
}
.main p + .bt {
	margin-top: var(--scale2);
}
.badge {
	background: var(--c-acc);
	color: #fff!important;
	padding: 0 .25em;
	border-radius: .25rem;
	border: solid .25rem var(--c-acc);
	display: inline-block;
}

.hr {
	margin: var(--scale8) 0;
	display: block;
	clear: both;
	border-top: solid 1px var(--c-sep);
	position: relative;
}
h6.hr {
	height: 0;
}
h6.hr span {
	color: #aaa;
	display: inline-block;
	background: #fff;
	padding-right: .5em;
	transform: translateY(-50%);
}
.bg .hr {
	border-color: #ffffff22;
}

/* CARDS */
.card {
	padding: var(--scale7) calc(var(--scale7)*1.125);
	border-radius: var(--rad-m);
	box-shadow: var(--shad-m);
	background: var(--c-sec);
	border-top: solid .375em var(--c-pri);
}
.card-header {
	color: #ffffff;
	border-bottom: solid 1px var(--c-sep);
	padding-bottom: var(--scale6);
	margin-bottom: var(--scale6);
	padding-right: calc(var(--scale7)*1.125);
	margin-right: calc(var(--scale7)*-1.125);
}
.card-footer {
	border-top: solid 1px var(--c-sep);
	padding-top: var(--scale6);
	margin-top: var(--scale6);
	padding-right: calc(var(--scale7)*1.125);
	margin-right: calc(var(--scale7)*-1.125);
}
.card-header > *:last-child,
.card-content > *:last-child,
.card-footer > *:last-child {
	margin-bottom: 0!important;
}
.card picture {
	margin: var(--scale7-neg) calc(var(--scale7)*-1.125) var(--scale6);
	position: relative;
	top: -.375em;
}
.card picture img {
	display: block;
	border-radius: var(--rad-m) var(--rad-m) 0 0;
}
.card.bg {
	border: none;
	color: var(--c-lig);
	background: var(--c-sec);
}
.card + * {
	margin-top: var(--scale6);
}


/* FORMULARIOS */

.field-set + .field-set {
	margin-top: var(--scale7);
	padding-top: var(--scale7);
	border-top: dashed 1px var(--c-sep);
}
.field {
	margin-bottom: var(--scale6);
	position: relative;
}
.field:last-child {
	margin-bottom: 0;
}
.field label {
	color: var(--c-dar-op50);
	display: block;
	margin-bottom: var(--scale1);
	text-indent: 1px;
}
.field label:not(.azuite-upload-button):last-child {
	margin-bottom: 0;
}
.field input,
.field select,
.field textarea,
.field label:not(.azuite-upload-button):last-child .bt {
	font-size: var(--scale5);
	line-height: var(--scale6);
	width: 100%;
	box-sizing: border-box;
	padding: var(--scale4) calc(var(--scale5)*1.125);
	background: #fff;
	border: solid 1px var(--c-sep);
	border-radius: var(--rad-s);
	transition: var(--an-f);
}
.field label:not(.azuite-upload-button):last-child .bt {
	display: block;
	margin-top: var(--scale1);
	font-weight: normal;
	text-transform: none;
}
.form button {
	font-size: var(--scale5);
	line-height: var(--scale6);
	box-sizing: border-box;
	padding: var(--scale4) calc(var(--scale5)*1.125);
}
.field.with-action {
	padding-right: calc(var(--scale5) + calc(var(--scale4)*3));
}
.field.with-action > .bt {
	position: absolute;
	right: 0;
	bottom: 0;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.field label:not(.azuite-upload-button):last-child .bt:hover {
	color: inherit;
	border-color: var(--c-pri);
	box-shadow: 0 0 0 .25em var(--c-pri-op25);
}

.field textarea {
	line-height: 1.3em;
}
.field.field-type input {
	padding-left: calc(var(--scale5)*4);
}
.field.field-type input + span {
	display: block;
	text-align: center;
	font-size: var(--scale5);
	font-weight: bold;
	line-height: var(--scale5);
	width: var(--scale5);
	padding: calc(var(--scale4) + 2px);
	background: var(--c-sep);
	color: #fff;
	border: solid 1px transparent;
	border-radius: var(--rad-s) 0 0 var(--rad-s);
	margin-top: calc(var(--scale5-neg) + calc(var(--scale4-neg)*2) - 6px);
	position: relative;
	transition: var(--an-f);
}
.field.field-type input:focus + span {
	background: var(--c-acc-op50);
}
.field input[type="color"] {
	padding: 0 2px!important;
	height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
	max-width: 10em;
}
.field input[type="date"] {
	max-width: 11em;
}
.field input[type="file"] {
	font-size: var(--s);
	padding: var(--scale3);
	height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
}
.field label.checkbox,
.field label.radio,
.field label.switch {
	font-weight: normal;
	color: inherit;
	text-transform: none;
	margin-bottom: 0;
	font-size: var(--scale5);
	padding-left: calc(var(--scale5)*1.5);
	padding-top: calc(var(--scale4) + 3px);
	padding-bottom: calc(var(--scale4) + 3px);
	position: relative;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
}
.field label.radio + label.radio,
.field label.checkbox + label.checkbox {
	margin-left: 1em;
}

.field label.checkbox input,
.field label.radio input,
.field label.switch input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.field label.checkbox input + i,
.field label.radio  input + i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--scale3);
	text-align: center;
	height: var(--scale3);
	line-height: var(--scale3);
	border: solid .125rem var(--c-acc);
	border-radius: .25rem;
	color: #fff;
	background: #fff;
	font-size: 0;
	transition: var(--an-f);
}
.field label.radio input + i {
	border-radius: 10rem;
}
.field label.checkbox input:checked + i,
.field label.radio input:checked + i {
	font-size: .5em;
	background: var(--c-acc);
}
.field label.checkbox input:disabled + i,
.field label.radio input:disabled + i,
.form-view .field label.radio input + i {
	border-color: var(--c-sep);
}
.field label.checkbox input:checked:disabled + i,
.field label.radio  input:checked:disabled + i,
.form-view .field label.radio  input:checked + i {
	background-color: var(--c-sep);
}
.field label.switch {
	padding-left: calc(var(--scale5)*2.5);
}
.field label.switch input + span {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(var(--scale5)*2);
	background: var(--c-acc-op25);
	height: var(--scale5);
	border-radius: 10rem;
}
.field label.switch input + span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: var(--scale5);
	height: var(--scale5);
	background: #fff;
	box-shadow: inset 0 0 0 2px var(--c-acc);
	border-radius: 10rem;
	transition: var(--an-f);
}
.field label.switch input:checked + span:before {
	left: var(--scale5);
	background: var(--c-acc);
}
.field label.switch input:disabled + span,
.form-view .field label.switch input + span {
	background: var(--c-sep-op50);
}
.field label.switch input:disabled + span:before,
.form-view .field label.switch input + span:before {
	box-shadow: inset 0 0 0 2px var(--c-sep);
}
.field label.switch input:checked:disabled + span:before,
.form-view .field label.switch input:checked + span:before {
	background: var(--c-sep);
}
.field label.checkbox:first-child,
.field label.checkbox:first-child ~ label.checkbox,
.field label.radio:first-child,
.field label.radio:first-child ~ label.radio,
.field label.switch:first-child {
	margin-top: calc(var(--scale4) + var(--scale1));
}
.field input:disabled,
.field select:disabled,
.field textarea:disabled,
.form-view .field input,
.form-view .field select,
.form-view .field textarea {
	background: var(--c-sep-op50);
}
.form-view .field:after {
	content: '';
	position: absolute;
	left: -.125rem;
	top: -.125rem;
	right: -.125rem;
	bottom: -.125rem;
}

.field select {
	height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 29L35.3999 41.3999L47.8 29' stroke='%23272727' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}

.select2-container {
	font-size: var(--scale5);
}
.select2-container--default .select2-selection--single {
	border: solid 1px var(--c-sep);
	border-radius: var(--rad-s);
	height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
}
.form.formView .select2-container--default .select2-selection--single {
	box-shadow: none;
	background: #eee;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit;
	line-height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
	padding: 0 calc(var(--scale5) + calc(var(--scale4)*2) + 6px) 0 calc(var(--scale5)*1.125);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
	width: calc(var(--scale5) + calc(var(--scale4)*2) + 6px);
	top: 0;
	right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50% , -50%);
}
.form.formView .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.azuite-uploader-wrapper label {
	display: inline-block;
	position: relative;
}
.azuite-uploader-wrapper label input[type="file"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
	top: 0; right: 0; bottom: 0; left: 0;
}
.azuite-uploader-wrapper label span {
	display: block;
	padding: 0 1rem;
	line-height: 2rem;
	font-size: 1rem;
	background: var(--c-sec);
	color: #ffffff;
	text-transform: none;
}

.azuite-preview-wrapper {
	display: inline-block;
	vertical-align: bottom;
	max-width: 200px;
}


.azuite-file-preview {
	position: relative;
	border-radius: var(--rad-s);
	background: #fff;
	overflow: hidden;
}
.azuite-file-preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.azuite-file-preview a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #00000066;
	opacity: 0;
	transition: var(--an-f);
}
.azuite-file-preview a i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	font-size: .875rem;
	color: #fff;
}
.azuite-file-preview:hover a {
	opacity: 1;
}

.field.error * {
	border-color: #dc3545;
}
.field.error label:first-child {
	padding-left: 1.5em;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23dc3545' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
}
.field.error h6 {
	font-weight: normal;
	text-transform: none;
	padding-top: .25rem;
	color: #dc3545;
}


/* LISTAS */

.list + * {
	margin-top: var(--scale7);
}
.list.list-blocks {
	font-size: 0;
	margin-top: var(--scale2-neg);
	margin-right: var(--scale2-neg);
}
.list.list-cards {}
.list.list-table,
.list.list-cards .list-item {
	background: #fff;
	box-shadow: var(--shad-s);
	border-radius: var(--rad-s);
}
.list-header,
.list-item {
	font-size: 0;
	padding-right: calc(calc(var(--scale4)*2.5)*2 + calc(var(--scale2)*2.5));
	position: relative;
}
.list-header[data-action-items="1"], .list-item[data-action-items="1"] {padding-right: calc(calc(var(--scale4)*2.5)*1 + calc(var(--scale2)*2.5));}
.list-header[data-action-items="2"], .list-item[data-action-items="2"] {padding-right: calc(calc(var(--scale4)*2.5)*2 + calc(var(--scale2)*2.5));}
.list-header[data-action-items="3"], .list-item[data-action-items="3"] {padding-right: calc(calc(var(--scale4)*2.5)*3 + calc(var(--scale2)*2.5));}
.list-header[data-action-items="4"], .list-item[data-action-items="4"] {padding-right: calc(calc(var(--scale4)*2.5)*4 + calc(var(--scale2)*2.5));}
.list-header[data-action-items="5"], .list-item[data-action-items="5"] {padding-right: calc(calc(var(--scale4)*2.5)*5 + calc(var(--scale2)*2.5));}

.list.list-table .list-header,
.list.list-table .list-item {
	border-left: solid .25rem transparent;
}

.list.list-cards .list-item.pending:before,
.list.list-cards .list-item.done:before {
	content: '';
	position: absolute;
	left: .25rem;
	top: .25rem;
	bottom: .25rem;
	width: .25rem;
	border-radius: 1rem;
	border-left: solid .25rem transparent;
}
.list.list-table .list-item.pending,
.list.list-cards .list-item.pending:before {
	border-left-color: var(--c-red);
}
.list.list-cards .list-item .badge {
	background: var(--c-red);
	border-color: var(--c-red);
}
.list.list-table .list-item.done,
.list.list-cards .list-item.done:before {
	border-left-color: var(--c-green);
}
.list.list-cards .list-item .done {
	background: var(--c-green);
	border-color: var(--c-green);
}
.list .col {
	padding: 0 var(--scale2);
	vertical-align: middle;
}
.list .col:first-child {
	padding-left: calc(var(--scale2)*2);
}
.list-header {
	color: #fff;
	background: var(--c-pri);
	border-radius: var(--rad-s) var(--rad-s) 0 0;
}
.list-header h6 {
	padding: var(--scale1) 0;
}
.list-item {
	min-height: var(--scale6);
	padding-top: var(--scale2);
	padding-bottom: var(--scale2);
	box-sizing: border-box;
	position: relative;
}
.list.list-cards .list-item {
	padding-top: var(--scale5);
	padding-bottom: var(--scale5);
}
.list-table .list-item + .list-item {
	border-top: solid 1px var(--c-sep);
}
.list.list-blocks .list-item,
.list.list-cards .list-item + .list-item {
	margin-top: var(--scale2);
}
.list.list-blocks .list-item {
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
	margin-right: var(--scale2);
	padding: var(--scale7);
	text-align: center;
}
.list.list-blocks.cols4 .list-item {
	width: calc(25% - var(--scale2));
}
.list.list-blocks .list-item a > i {
	display: block;
	font-size: 4em;
	margin-bottom: .375em;
	color: var(--c-pri);
}

.list-item .col > * {
	line-height: 1.1em;
	margin: .375rem 0!important;
}
.list-item .col > .bt {
	line-height: 2.375rem;
}
.list-item .col .hr {
	margin: 1.375rem 0 1rem!important;
}
.list-item .col .hr:first-child {
	margin-top: .5rem!important;
}
.list-item .col .picture {
	display: block;
}
.list-item .col p,
.list-item .col > a,
.list-item .col button {
	font-size: var(--scale4);
}
.list-item .col p i {
	color: var(--c-dar-op50);
}

.list-item .actions {
	position: absolute;
	right: calc(var(--scale2)*1.5);
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
}
.list-item .actions a,
.list-item .actions button {
	display: inline-block;
	font-size: var(--scale4);
	width: calc(var(--scale4)*2.5);
	height: calc(var(--scale4)*2.5);
	line-height: calc(var(--scale4)*2.5);
	text-align: center;
	border-radius: var(--rad-s);
	color: var(--c-dar-op50);
	transition: var(--an-f);
}
.list-item .actions a:hover,
.list-item .actions button:hover {
	background: var(--c-acc);
	color: #fff;
}

.context {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.list-item .context + .context:before {
	content: ' / ';
	margin: 0 .125rem;
	display: inline-block;
	vertical-align: top;
	color: var(--c-sep);
}
.context p {
	margin: 0;
	display: inline-block;
}
.context .actions {
	right: auto;
	top: 0;
	left: 50%;
	transform: translate(-50% , 0%);
	opacity: 0;
	visibility: hidden;
	transition: var(--an-f);
	transition-delay: 0s;
	background: #fff;
	padding: .125rem;
	border-radius: var(--rad-s);
	box-shadow: var(--shad-s);
}
.context .actions a + a {
	margin-left: .125rem;
}
.context .actions:before,
.context .actions:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border: solid .5rem transparent;
	border-top-color: #fff;
	z-index: 10;
}
.context .actions:before {
	border-top-color: var(--c-sep);
	margin-top: 1px;
}
.context:hover .actions {
	font-size: 0;
	transform: translate(-50% , -120%);
	opacity: 1;
	visibility: visible;
	transition-delay: .5s;
}

.pagination {
	margin: var(--scale5) auto var(--scale7);
	text-align: center;
	font-size: 0;
}
.pagination li {
	font-size: var(--scale4);
	display: inline-block;
	vertical-align: top;
	margin: 0 var(--scale1);
}
.pagination li span,
.pagination li strong,
.pagination li a {
	display: block;
	line-height: calc(var(--scale5)*2);
	width: calc(var(--scale5)*2);
	line-height: calc(var(--scale5)*2);
	border-radius: var(--rad-s);
	transition: var(--an-f);
}
.pagination li.disabled span {
	color: var(--c-dar-op50);
}
.pagination li a:hover {
	background: var(--c-acc);
	color: #fff;
}
.pagination li.active strong {
	color: var(--c-acc);
	background: #fff;
}

/* TABS */

.main ul.tabs {
	font-size: 0;
	text-align: center;
	background: #e7e8e9dd;
	backdrop-filter: blur(.25rem);
	box-shadow: inset 0 -1.5rem 2rem -2rem #00000022;
	padding: var(--scale5) var(--scale5) 0;
	margin-bottom: var(--scale7);
}
.main-header + .tabs {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: var(--scale7-neg);
	position: sticky;
	z-index: 9998;
	top: 7rem;
	white-space: nowrap;
	overflow: auto;
}
.main-header + .tabs i.fa-check-circle {
	color: var(--c-pri);
}
.tabs li {
	display: inline-block;
	vertical-align: top;
}
.tabs li a {
	line-height: var(--scale8);
	font-size: var(--scale4);
	display: block;
	padding: 0 var(--scale6);
	border-radius: var(--rad-s) var(--rad-s) 0 0;
	border-top: solid 2px transparent;
}
.tabs li a.active {
	color: var(--c-dar);
	background: var(--c-lig);
	border-top-color: var(--c-acc);
}
.tabs li a:focus {
	box-shadow: none;
}
.tab-content {
	display: none;
	padding: var(--scale7) calc(var(--scale7)*1.125);
	border-radius: var(--rad-s);
	box-shadow: var(--shad-m);
	background: #fff;
	border-bottom: solid .125em var(--c-pri);
}
.tab-content.visible {
	display: block;
}

.empty {
	padding: calc(50vh - 11.25rem) 0;
	text-align: center;
}
.empty .bt {
	font-size: 1.5rem;
	font-weight: normal;
}





/* revisar */
.field.fieldType.fieldInc input[type="text"],
.field.fieldType.fieldInc input[type="number"],
.field.fieldType.fieldDec input[type="text"],
.field.fieldType.fieldDec input[type="number"] {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 85%;
}
.field.fieldType.fieldInc input[type="text"],
.field.fieldType.fieldInc input[type="number"] {
	background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M129.66 85.6672C127.217 88.1104 123.262 88.1065 120.823 85.6672L106.497 71.3515V143.75C106.497 147.205 103.702 150 100.247 150C96.7926 150 93.9978 147.205 93.9978 143.75V71.3515L79.6684 85.6672C77.2271 88.1085 73.2723 88.1085 70.831 85.6672C68.3897 83.2259 68.3897 79.271 70.831 76.8297L95.8297 51.831C98.271 49.3897 102.226 49.3897 104.667 51.831L129.666 76.8297C132.101 79.2808 132.101 83.2259 129.66 85.6672Z' fill='%23D7D9E0'/%3E%3C/svg%3E%0A");
}
.field.fieldType.fieldDec input[type="text"],
.field.fieldType.fieldDec input[type="number"] {
	background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.8321 114.333C73.2753 111.89 77.2302 111.893 79.6695 114.333L93.995 128.649L93.995 56.2497C93.995 52.7948 96.7898 50 100.245 50C103.7 50 106.494 52.7948 106.494 56.2497L106.494 128.649L120.824 114.333C123.265 111.892 127.22 111.892 129.661 114.333C132.103 116.774 132.103 120.729 129.661 123.17L104.662 148.169C102.221 150.61 98.2663 150.61 95.825 148.169L70.8262 123.17C68.3908 120.719 68.3908 116.774 70.8321 114.333Z' fill='%23D7D9E0'/%3E%3C/svg%3E%0A");
}

.ddWrapper {
	position: relative;
}
.ddWrapper .dd {
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	transition: var(--an-f);
	opacity: 0;
	visibility: hidden;
	padding: 1.5rem;
	border-radius: .25rem;
	background: #ffffff;
	box-shadow: 0 .125rem 1.5rem 0 rgb(0,0,0,.25);
	z-index: 9999;
}
.ddWrapper .dd.visible {
	opacity: 1;
	visibility: visible;
}

/* modal */
.modal-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9100;
	background: #242b43bf;
	backdrop-filter: blur(.25rem);
	opacity: 0;
	visibility: hidden;
	transition: var(--an-f);
}
.modal-wrapper.visible {
	opacity: 1;
	visibility: visible;
}
.modal-wrapper > .modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal,
.alert {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -52.5%);
	max-width: 50rem;
	z-index: 20;
	width: 90%;
	text-align: left;
	background: #fff;
	border-radius: var(--rad-m);
	box-shadow: var(--shad-l);
}
.alert {
	padding: 2.5rem 3rem;
	top: 35%;
	max-width: 40rem;
	text-align: center;
}
.modal > .modal-close-bt {
	position: absolute;
	top: var(--scale8);
	right: var(--scale8);
	line-height: var(--scale7);
	text-align: center;
	width: var(--scale7);
	color: var(--c-acc);
	font-size: var(--scale6);
}
.modal-header {
	padding: var(--scale8);
	border-radius: var(--rad-m) var(--rad-m) 0 0;
	border-bottom: solid 1px var(--c-sep);
	background: #fff;
}
.modal-header.bg {
	color: var(--c-lig);
	background: var(--c-dar);
}
.modal-header h4,
.alert h3 {
	font-weight: bold;
	color: var(--c-pri);
	font-size: var(--scale7);
	letter-spacing: -.01em;
	line-height: var(--scale7);
	display: inline-block;
}
.alert h3,
.alert p,
.modal-content p {
	margin-bottom: 1rem;
	line-height: 1.4em;
}
.modal-content h3 {
	font-size: var(--scale6);
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: .5rem;
}
.modal-header .actions {
	float: right;
}
.modal-content {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: var(--scale8);
	box-sizing: border-box;
	background: var(--c-lig);
}
.modal-content:last-child {
	padding-bottom: var(--scale9);
	border-radius: 0 0 var(--rad-m) var(--rad-m);
}
.modal-footer {
	padding: var(--scale8);
	border-radius: 0 0 var(--rad-m) var(--rad-m);
	text-align: right;
	background: var(--c-lig);
	box-shadow: 0 -1rem 1rem -1rem var(--c-dar-op25);
	position: relative;
	z-index: 9;
}
.modal-footer + .modal-footer,
.form-view .modal-footer {
	display: none;
}
.form-view .modal-footer + .modal-footer {
	display: block;
}
.alert .bt {
	margin: .75rem .5rem 0;
}

.toast {
	position: fixed;
	left: 50%;
	top: -10rem;
	transform: translateX(-50%);
	opacity: 0;
	transition: var(--an-f);
	max-width: 30rem;
	z-index: 9500;
	visibility: hidden;
	padding: 1.5rem 1.75rem;
	box-shadow: 0 .25rem .5rem 0 rgb(0,0,0,.2), 0 .5rem 2rem 0 rgb(0,0,0,.2);
	background: #2c80f9;
	color: #fff;
	border-radius: .5rem;
	text-align: center;
}
.toast a.toast-close-bt {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .75rem;
	color: #fff;
	opacity: .5;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
}
.toast a.toast-close-bt:hover {
	opacity: 1;
}
.toast p {
	font-size: 1rem;
	line-height: 1.2em;
	text-align: center;
}
.toast.visible {
	top: 2rem;
	opacity: 1;
	visibility: visible;
}

.footer {
	font-size: .75rem;
	line-height: 1.4em;
	text-align: center;
	padding: 1rem 0 1rem 14rem;
	background: #fafafa;
}

@media (max-width: 960px) {
	html {
		font-size: 87.5%;
	}
	.header {
		padding: .75rem;
		bottom: auto;
		right: 0;
		width: auto;
		text-align: center;
		height: 4rem;
		overflow: hidden;
		border-right: 0;
		border-bottom: solid 1px rgba(0,0,0,.05);
	}
	.header.visible,
	.header.visible:hover {
		width: auto;
		height: 100%;
	}
	.branding {
		display: inline-block;
		margin: 0;
	}

	.account h2 {
		display: inline-block;
	}
	.menu {
		left: 0;
		transform: translateX(-100%);
		top: 4rem;
		bottom: 0;
		right: 2rem;
		text-align: left;
		padding: 1rem;
		background: var(--c-sec);
		position: fixed;
		transition: all 250ms ease;
	}
	.header.visible .menu {
		opacity: 1;
		transform: translateX(0%);
	}
	.header .user {
		width: auto;
	}
	.menu li a {
		padding-left: 0;
	}
	.user {
		left: 0;
		right: 0;
		width: auto;
		height: auto;
		font-weight: bold;
		opacity: 0;
		transition: opacity 300ms ease;
	}
	.header.visible .user {
		opacity: 1;
		transition-delay: 400ms;
		width: auto!important;
	}
	.user ul {
		display: block;
	}
	.user ul li {
		display: inline-block;
		margin: 0 .125em;
	}
	.user ul li a {
		font-weight: normal;
		color: #fff;
	}

	.menu-bt {
		display: block;
		position: absolute;
		left: 1rem;
		top: .75rem;
		z-index: 999;
		font-size: 1rem;
		color: #fff;
		width: 2.25rem;
		line-height: 2.5rem;
		text-align: center;
	}
	.header + .main {
		padding-top: 4rem;
		margin-left: 0;
	}
	.main-header {
		margin-top: 0;
	}
	.main-header .actions {
	}
	.main-header .actions a {
		font-size: 0;
	}
	.main-header .actions a i {
		font-size: 1rem;
		margin: 0 1rem;
	}
	.btChangeView {
		display: none;
	}
	.subHeader {
		display: none;
	}
	.bt_subHeader {
		display: block;
		float: right;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		font-size: 1.125rem;
	}

	.list {
		margin: -1rem -2rem 2rem;
	}
	.empty .bt {
		font-size: 1.25rem;
	}

	#popupImageCropper .buttons button {
		font-size: 0;
		width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		overflow: hidden;
	}
	#popupImageCropper .buttons button i {
		font-size: 1rem!important;
		line-height: 2.75rem;
		margin: 0;
	}
	.fileBoxContainer .fileBox a {
		opacity: 1;
		top: auto!important;
		height: 25%!important;
	}
	.fileBoxContainer .fileBox a.bt_cropp {
		bottom: .25rem;
		right: .25rem;
		left: auto;
		width: calc(50% - .375rem);
	}
	.fileBoxContainer .fileBox a.bt_cropp + a.bt_delete {
		right: auto;
		width: calc(50% - .375rem);
	}
}