@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&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;

	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	font-size: 62.5%;
	font-size: 100%;
    height: 100%;
}
@media (max-width: 1368px) {
	html {
		font-size: 93.75%;
	}
}
@media (max-width: 1282px) {
	html {
		font-size: 87.5%;
	}
}
@media (max-width: 1026px) {
	html {
		font-size: 75%;
	}
}
@media (max-width: 962px) {
	html {
		font-size: 87.5%;
	}
}

body {
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height:1;
	color:#333;
	height:100%;
	background: #fff;
	overflow:hidden;
}
:focus {
	box-shadow: 0 0 0 1px #9bb045;
}
@media (min-width: 960px) {
	::-webkit-scrollbar {
	  width: 12px;
	  background: transparent;
	  padding: 0;
	  margin: 0;
	}
	::-webkit-scrollbar-track {
	  background: transparent;
	  border-radius: 1rem;
	}
	::-webkit-scrollbar-thumb {
	  background: rgba(0,0,0,.25);
	  border-radius: 50px;
	  box-shadow:inset 0 0 0 2px #f1f1f1;
	  border-radius: 1rem;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: #666;
	  border-radius: 1rem;
	}
}

.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 */
}
.hidden {
	display: none!important;
}
#mobWrapper {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	width: 100%;
}

.section {
}
.page {
	font-size: 1rem;
	padding: 0 1rem;
	max-width: 1170px;
	margin: 0 auto;
	clear:both;
}
.row {
	margin: 0 -1.125rem;
	font-size: 0;
	clear: both;
}
.row .row {
	margin-left: -.5rem!important;
	margin-right: -.5rem!important;
}
.row.rtl {
	direction: rtl;
}
.row + .row,
.hidden + .row {
	margin-top: 1.25rem;
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col {
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0 1.125rem;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
.row .row .col {
	padding: 0 .5rem;
}
.col > *:last-child {
	margin-bottom: 0!important;
}
@media (min-width: 960px) {
	.col {
		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: 1.5rem;
	}
}

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


/*
#f3f4f1
#ABAD9A
#464838

#00BFCE
#008998

#9BB045
*/

div.loading {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(255,255,255,.8);
	transition: all 50ms cubic-bezier(.7,0,.3,1);
	font-size: 0;
}
.modal div.loading {
	border-radius: .5rem;
}
div.loading:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3rem;
	height: 3rem;
	margin: -1.625rem 0 0 -1.625rem;
	border-radius: 8rem;
	border: solid .25rem #9bb045;
	animation: girar 1s infinite ease;
	clip: rect(0,2.25rem,2.25rem,0);
	z-index: 2;
}
@keyframes girar {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
body > div.loading {
	position: fixed;
	z-index: 99999;
}
div.loading.visible {
	opacity: 1;
	visibility: visible;
}
body > div.loading.visible {
	box-shadow: inset 0 0 0 1rem #9bb045ee;
}

a {
	position: relative;
}

.s_nr {
	white-space: nowrap!important;
}

.bt {
	display: inline-block;
	line-height: 2.5rem;
	padding: 0 1rem;
	font-weight: 600;
	background: #9bb045;
	color: #fff;
	font-size: .875em;
	border-radius: 2px;
	text-align: center;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	cursor: pointer;
}
.bt.btF {
	display: block;
	margin: 0!important;
}
.card .bt {
	line-height: 2rem;
	font-size: .875rem;
}

.bt:hover,
.bt:focus {
	box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.2);
}
.bt.btB {
	background: none;
	padding: 0;
}
.bt.btB:hover {
	box-shadow: none;
}
.bt.btG {
	color: #0d4056;
	background: transparent;
	box-shadow: inset 0 0 0 1px #0d4056;
}
.bt.btI {
	padding: 0;
	width: 2.5rem;
	text-align: center;
	border-radius: 3rem;
}
.bt i {
	display: inline-block;
	vertical-align: baseline;
	margin:0 .25rem;
}
.bt i.fa-plus {
	margin-left: 0;
}
.bt .img {
	display: inline-block;
	width: 2rem;
	height: 1.975rem;
	vertical-align:top;
	margin: -.25rem .5rem -.25rem -.5rem;
	border-radius: 2px;
	background-size: cover;
	background-position: center center;
	box-shadow: 0 0 1px 0 rgba(0,0,0,.5);
}
button i,
button.bt i {
	vertical-align: middle;
}
.bt.btB i {
	margin-left: 0;
}
.bt.btG i {
	color: #0d4056;
}
.btI {
	width: 3.8rem;
	padding: 0;
	text-align: center;
}
.btI i {
	margin: 0;
}
.bt:hover {
	background: #0d4056;
	color: #fff;
}
.bt.disabled,
.bt.disabled:hover {
	background: rgba(0,0,0,.15);
	color: rgba(0,0,0,.2);
	cursor: default;
	box-shadow: none;
}
.bt.disabled i {
	color: inherit;
}
.bt.btG:hover i {
	color: inherit;
}
.btText {
	display: inline-block;
	font-size: .75rem;
	font-weight: bold;
	color: #0d4056;
	text-transform: uppercase;
}
.btText i {
	color: inherit!important;
}
.bt + .bt {
	margin-left: .5rem;
}
p + .btText {
	margin-top: 1rem;
}
span.label {
	display: inline-block;
	vertical-align: baseline;
	margin: -.5em .375rem;
	font-size: .875rem;
	color: #fff;
  background: #ccc;
  padding: .125em .5em;
  border-radius: 2px;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
}
span.label i {
	color: inherit!important;
	font-size: .875em;
}
a i + span,
button i + span {
	display: none;
}
a i + span.tooltip,
a.hint i + span {
	display: block;
	text-indent: 0;
}
a.hint {
	display: inline-block;
	margin: 0 .375rem -1em;
	line-height: 1;
	vertical-align: baseline;
}
a.hint i {
	font-size: 1.2rem;
	color: #aaa;
}
span.tooltip,
a.hint span {
	font-family: "Noto Sans JP", Helvetica, Arial, sans-serif;
	text-transform: none!important;
	font-weight: normal!important;
	line-height: 1!important;
	position: absolute;
	left: 50%;
	color: #333!important;
	bottom: 100%;
	transform: translate(-50% , 50%);
	white-space: nowrap;
	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;
	visibility: hidden;
	transition: opacity 150ms cubic-bezier(.7,0,.3,1), transform 150ms cubic-bezier(.7,0,.3,1);
	text-indent: 0;
	z-index: 9999;
}
.tooltip.fixedTt,
a.hint span.fixedTt {
	bottom: auto;
	position: fixed;
	transform: translate(-50% , -100%);
	margin-bottom: 0;
}
a.hint span {
	width: 200px;
	text-align: left;
	white-space: normal;
}
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: 1s;
	transform: translate(-50% , 0);
	opacity: 1;
	visibility: visible;
}
a:hover span.tooltip.fixedTt,
a:focus span.tooltip.fixedTt,
i:hover span.tooltip.fixedTt,
i:focus span.tooltip.fixedTt,
*:hover > span.tooltip.fixedTt,
a.hint:hover span.fixedTt,
a.hint:focus span.fixedTt {
	transform: translate(-50% , -125%);
}
.badge {
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	display: inline-block;
	font-size: .75rem;
	font-weight: bold;
	background: #f02;
	color: #fff;
	border-radius: 1rem;
	vertical-align: .5px;
}

#appBar {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: #0d4056;
	color: #fff;
	padding: .625rem 2rem 1rem;
	text-align: center;
	font-weight: bold;
	font-size: .625rem;
}
.bt_fullScreen {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .75rem;
	color: #fff;
	text-align: center;
}
.appWrapper {
	position: absolute;
	left: 0;
	top: 1.75rem;
	right: 0;
	bottom: 0;
	background: #f6f8f9;
	border-radius: 2px;
	box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.5);
	z-index: 10;
}
.appWrapper> a {
	position: absolute;
  left: 1.5rem;
  width: 2.25rem;
  text-align: center;
  top: -1.75rem;
  background: #0d3f55;
  line-height: 2.25rem;
  z-index: 9999999;
  color: #fff;
  border-radius: 5rem;
  font-size: .75rem;
  display: block;
}
.testing .appWrapper> a {
	background: #f00;
}
.aside {
	position: absolute;
	left: 0;
	top: 0;
	width: 14rem;
	transition: width 300ms cubic-bezier(.7,0,.3,1);;
	bottom: 0;
	padding: 1.25rem 2rem;
	box-sizing: border-box;
	background: rgba(0,0,0,.05);
	z-index: 30;
	box-shadow: inset 0 .25rem .5rem 0 rgba(0,0,0,.1);
}
.app__users .aside {
	width: 21rem;
}
.aside ul li a {
	display: block;
	font-size: .75rem;
	padding: 1rem .5rem;
	margin: 0 -.5rem;
	color: #888;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}
.aside ul li a i {
	display: inline-block;
	width: 2.25em;
	text-align: center;
	margin-left: -.25rem;
	margin-right: .5rem;
	color: #555;
	transform: scale(1.5);
	font-size: .75rem!important;
}
.aside ul li:nth-child(1) a,
.aside ul li:nth-child(1) a i {
	color: #0d4056;
}
.userMenu {
	position: absolute;
	left: .75rem;
	bottom: .75rem;
	right: .75rem;
	border: solid 1px rgba(0,0,0,.2);
	background: #fff;
	border-radius: .5rem;
	padding: .625rem;
	font-size: .875rem;
	white-space: nowrap;
}
.userMenu p {
	display: none;
}
.userMenu button {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	text-align: left;
}
.userMenu button img,
.userMenu button .avatar {
	display: inline-block;
	vertical-align: middle;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2rem;
	color: #0d4056;
	border-radius: 2rem;
}
.userMenu button p {
	display: inline-block;
	vertical-align: middle;
	margin-left: .5rem;
	font-weight: bold;
	white-space: normal;
}
.userMenu button p span {
	display: block;
	font-size: .75rem;
	color: #bbb;
	font-weight: normal;
	margin-top: .25rem;
}
.menuCollapsed .aside,
.portalWrapper .aside,
.portalWrapper .aside:hover,
.menuCollapsed.portalWrapper .aside:hover {
	width: 5.5rem!important;
}
.menuCollapsed .aside:hover {
	width: 14rem!important;
	transition-delay: 500ms;
}
.userMenu .s_dropdown {
	position: absolute;
	left: 100%;
	bottom: 0;
	margin-left: .5rem;
	padding: .625rem .125rem;
	background: #fff;
	z-index: 9999;
	border-radius: .375rem;
	box-shadow: 0 2px 1rem 0 rgba(0,0,0,.1);
	font-size: .75rem;
}
.userMenu .s_dropdown:before {
	content: '';
	position: absolute;
	right: 100%;
	bottom: 1rem;
	border: solid .5rem transparent;
	border-right-color: #fff;
	z-index: 10;
}
.userMenu .s_dropdown p {
	font-size: .625rem;
	color: #aaa;
	display: block!important;
	padding: .5rem 1rem;
}
.userMenu .s_dropdown a,
.userMenu .s_dropdown button {
	font-size: .75rem;
	padding: .375rem 1rem;
    display: block;
}

.main {
	position: absolute;
	left: 14rem;
	transition: left 300ms cubic-bezier(.7,0,.3,1);;
	top: 0;
	right: 0;
	padding-right: 1rem;
	bottom: 0;
	border-radius: .5rem;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 20;
}
.main h3.text-lg {
	font-weight: bold;
	margin-bottom: .5rem;
}
.main h3.text-lg + p {
	font-size: .875rem;
	line-height: 1.4em;
}
p.empty {
	color: #bbb;
	text-align: center;
	font-size: 4em;
	font-size: 1.25rem;
}
.main p.text-sm {
	font-size: .875rem;
	line-height: 1.4em;
	margin-bottom: 2rem;
}
.app__users .main {
	left: 21rem;
}
.mainForm {
	overflow: hidden;
	padding-right: 0;
}
.menuCollapsed .main,
.portalWrapper .aside:hover + .main,
.menuCollapsed.portalWrapper .aside:hover + .main {
	left: 5.5rem!important;
}
.menuCollapsed .aside:hover + .main {
	left: 14rem!important;
	transition-delay: 500ms;
}
.mainHeader {
	line-height: 2.75rem;
	padding: 1.5rem 2.25rem;
	border-bottom: solid 1px #ddd;
	margin-right: -1rem;
	background: rgba(0,0,0,.025);
}
.mainHeader h2 {
	font-size: 1.125rem;
	font-weight: bold;
	color: #111;
	text-transform: uppercase;
}
.mainHeader h2 span {
	font-weight: 300;
	margin-left: .75em;
	font-size: .875em;
	color: #444;
	text-transform: none;
}
.mainHeader h2 span a {
	color: #aaa;
}
.mainHeader h2 span a i {
	transform: scale(.8);
	display: inline-block;
}
.mainHeader h2 span a:hover {
	color: #9bb045;
}
.mainHeaderActions {
	float: right;
	margin-top: -2.75rem;
	color: #0d4056;
	white-space: nowrap;
}
.search {
	position: relative;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	width: 100%;
	box-sizing: border-box;
}
.search input {
	color: #333;
	display: block;
    line-height: 2.5rem;
    padding: 0 2.5rem;
    font-size: .875rem;
    border-radius: 2px;
    transition: all 150ms cubic-bezier(.7,0,.3,1);
    width: 100%;
    box-sizing: border-box;
    background-position: .75rem 50%;
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23cccccc' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E");
}
.search button {
	font-size:0;
	position: absolute;
	right: 0;
	top: 0;
	width: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: .5rem auto;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='times' class='svg-inline--fa fa-times fa-w-11' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23cccccc' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'%3E%3C/path%3E%3C/svg%3E");
}
.mainHeaderActions form.search {
	width: 25rem;
	display: inline-block;
}
.mainHeaderActions * + form.search {
	margin-left: 2rem;
}
.mainHeaderActions .bt {
	margin-left: 2rem;
}
.mainHeaderActions .btI {
	border-radius: 2px;
}
.mainHeaderActions .bt + .bt {
	margin-left: .5rem;
}
.mainContent {
	padding: 1.5rem 2.25rem;
	margin-right: -1rem;
	position: relative;
	z-index: 10;
}
.mainForm .mainContent {
	height: calc(100vh - 16rem);
	overflow-y: scroll;
	padding-right: calc(2rem - 9px);
	overflow-x: hidden;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
.mainForm .mainFooter {
	position: relative;
	z-index: 90;
}
.narrow .mainHeader,
.narrow .mainContent {
	margin-right: 29.5rem;
}
.mainForm.narrow .mainContent {
	margin-right: 30rem;
	padding-right: calc(1.5rem - 9px);
}
.narrow .mainFooter {
	padding-right: 29.5rem;
	position: relative;
}
.narrow .mainFooter .bt_confirm {
	position: absolute;
	right: 3.5rem;
	width: 22rem;
}

.mainAside {
	position: fixed;
	right: 1.5rem;
	bottom: 0;
	width: 28rem;
	top: 0;
	transition: transform 150ms cubic-bezier(.7,0,.3,1);;
	z-index: 50;
	max-width: 90vw;
	max-width: calc(100vw - 3rem);
}
.mainAside.hidden {
	transform: translateY(110%);
}
.mainAside .card {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1), 0 1rem 2rem 0 rgba(0,0,0,.1);
	border-radius: 0;
	border: dashed 1px #aaa;
	border-top: none;
}
.mainAside .card .cardContent {
	height: calc(100vh - 6rem - 3.75rem - 3.75rem); /* alto de VW - padding - header - footer */
}
.mainForm .mainAside .card .cardContent {
	height: calc(100vh - 6rem - 3.75rem - 3.75rem - 3.25rem); /* agregar espacio para el boton de confirmar */
}
.mainAside > *:last-child {
	margin-bottom: 0;
	padding-bottom: 2rem;
}

.card {
	border-top: solid .2rem #0d4056;
	padding: 2rem;
	background: #fff;
	box-shadow:0 .125rem .25rem -.125rem rgba(0,0,0,.1), 0 .5rem 1rem -.5rem rgba(0,0,0,.1);
	margin-bottom: 2rem;
	position: relative;
	border-radius:.25rem;
}
.bt_cardClose {
	position: absolute;
	top: .5rem;
	right: .5rem;
	color: #aaa;
}
.cardHeader {
	height: 2.75rem;
	margin-bottom: 1.5rem;
}
.cardContent {
	overflow-y: auto;
	padding-top: .5rem;
	margin-right: -1.75rem;
	padding-bottom: 1.5rem;
	box-sizing: border-box;
}
.cardContent > *:first-child {
	margin-top: 0;
}
.cardContent > * {
	margin-right: 1.25rem!important;
}
.cardFooter {
	height: 2.75rem;
	padding-top: 1.5rem;
	box-shadow: 0 -.5rem 1rem -.75rem rgba(0,0,0,.25);
}
.card > h3,
.cardContent > h3 {
	font-size: .675rem;
	font-weight: bold;
	color: #999;
	margin-bottom: .75rem;
}
.card > h3:first-child,
.cardContent > h3:first-child {
	font-size: .75rem;
	color: #333;
}
.card p span.hr {
	display: block;
	border: none;
	border-top: dashed 1px #eee;
	margin: .25rem 0;
}
.card > p + p,
.cardContent p + p {
	font-size: .875rem;
	margin-top: .5rem;
	color: #555;
}
.cardFooter p + p {
	margin-top: .375em;
}
.card p a {
	font-size: .875em;
	color: #0d4056;
	display: inline-block;
	margin-left: 1em;
	text-decoration: underline;
}
.card h2 {
	font-size: 1.5rem;
	color: #0d4056;
}
del {
	text-decoration: line-through;
}
.card h2 del {
	text-decoration: line-through;
	text-decoration-color: #666;
	color: #999;
	font-size: .625em;
	display: block;
	margin-top: .25em;
}
.card h2 a {
	display: inline-block;
	margin-left: 1em;
	font-size: .75rem;
	line-height: 1;
	padding: .25em .5em;
	border: solid 1px currentColor;
	border-radius: 2px;
	vertical-align: 3px;
}

.hr {
	margin: 2rem 0;
	border-top: solid 1px rgba(0,0,0,.1);
}
.hr + h3 {
	margin-top: -2.4rem;
	position: relative;
	padding-right: .5rem;
}
.hr + h3 span {
	background: #fff;
	display: inline-block;
	padding-right: 5px;
}

.form {
	padding-bottom: 1rem;
}
.form .row {
	margin-left: -.75rem;
	margin-right: -.75rem;
	position: relative;
}
.form .col {
	padding: 0 .75rem;
}
.form .row .bt_remove {
	font-size: 1rem;
	position: absolute;
	right: 1rem;
	bottom: .875rem;
	z-index: -1;
	color: #0d4056;
	opacity: 0;
	visibility: hidden;
	transition: all 250ms ease;
}
.form .row:hover .bt_remove {
	opacity: 1;
	visibility: visible;
}
.form.card .formActions {
	margin: 2rem -2rem -1rem;
	background: #eee;
	height: auto;
	padding: 1.5rem 2rem;
	text-align: right;
}
.fieldSet + .fieldSet {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: solid 1px #ddd;
}
.formActions {
	height: 2.75rem;
    padding: 1.5rem 2.25rem;
}
.mainFooter .formActions .bt {
	float: right;
}
.mainFooter .formActions .bt.btG {
	float: left;
	color: #aaa;
	box-shadow: none;
}
.mainFooter .formActions .bt.btG:hover {
	color: #fff;
}
.fieldSet > p {
	margin-bottom: 1rem;
	font-weight: 500;
}
.fieldSet > p a {
	font-size: .75rem;
	text-decoration: underline;
	text-decoration-color: #0d4056;
	margin-left: 1.5rem;
	float: right;
	font-weight: normal;
}
.fieldSet > p a i,
.fieldSet > p a:hover {
	color: #0d4056;
}
.alertContent .field {
	margin-left: auto;
	margin-right: auto;
}
p + .field,
.field + .field {
	margin-top: 1.5rem;
}
.field label {
	font-size: .625rem;
	margin-bottom: .5rem;
	display: block;
	color: #999;
	text-transform: uppercase;
}
.field label a.hint i {
	font-size: 1em;
}
input {
	max-width: 100%;
}
input[type="date"],
.field input[type="date"] {
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9527 11.2413V12.796H25.1716V11.2413C25.1716 10.3828 25.8664 9.68658 26.7263 9.68658C27.5863 9.68658 28.2811 10.3828 28.2811 11.2413V12.796H30.6132C31.9007 12.796 32.9452 13.8401 32.9452 15.1281V17.4602H11.1791V15.1281C11.1791 13.8401 12.2232 12.796 13.5112 12.796H15.8433V11.2413C15.8433 10.3828 16.538 9.68658 17.398 9.68658C18.2579 9.68658 18.9527 10.3828 18.9527 11.2413ZM11.1791 19.0149H32.9452V32.2301C32.9452 33.5176 31.9007 34.5622 30.6132 34.5622H13.5112C12.2232 34.5622 11.1791 33.5176 11.1791 32.2301V19.0149ZM14.2885 24.4565C14.2885 24.884 14.6364 25.2338 15.0659 25.2338H16.6206C17.0482 25.2338 17.398 24.884 17.398 24.4565V22.9018C17.398 22.4742 17.0482 22.1244 16.6206 22.1244H15.0659C14.6364 22.1244 14.2885 22.4742 14.2885 22.9018V24.4565ZM20.5074 24.4565C20.5074 24.884 20.8572 25.2338 21.2848 25.2338H22.8395C23.2671 25.2338 23.6169 24.884 23.6169 24.4565V22.9018C23.6169 22.4742 23.2671 22.1244 22.8395 22.1244H21.2848C20.8572 22.1244 20.5074 22.4742 20.5074 22.9018V24.4565ZM27.5037 22.1244C27.0762 22.1244 26.7263 22.4742 26.7263 22.9018V24.4565C26.7263 24.884 27.0762 25.2338 27.5037 25.2338H29.0584C29.486 25.2338 29.8358 24.884 29.8358 24.4565V22.9018C29.8358 22.4742 29.486 22.1244 29.0584 22.1244H27.5037ZM14.2885 30.6754C14.2885 31.1029 14.6364 31.4528 15.0659 31.4528H16.6206C17.0482 31.4528 17.398 31.1029 17.398 30.6754V29.1207C17.398 28.6931 17.0482 28.3433 16.6206 28.3433H15.0659C14.6364 28.3433 14.2885 28.6931 14.2885 29.1207V30.6754ZM21.2848 28.3433C20.8572 28.3433 20.5074 28.6931 20.5074 29.1207V30.6754C20.5074 31.1029 20.8572 31.4528 21.2848 31.4528H22.8395C23.2671 31.4528 23.6169 31.1029 23.6169 30.6754V29.1207C23.6169 28.6931 23.2671 28.3433 22.8395 28.3433H21.2848ZM26.7263 30.6754C26.7263 31.1029 27.0762 31.4528 27.5037 31.4528H29.0584C29.486 31.4528 29.8358 31.1029 29.8358 30.6754V29.1207C29.8358 28.6931 29.486 28.3433 29.0584 28.3433H27.5037C27.0762 28.3433 26.7263 28.6931 26.7263 29.1207V30.6754Z' fill='%23999999'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: auto 80%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	background: 0 0;
	margin: 0;
	opacity: 0;
	pointer-events: auto;
}
.col2 input[type="date"] {
	padding-left: .25rem;
	padding-right: .25rem;
}
.field:hover {
	position: relative;
	z-index: 999;
}
.field label + p,
.field .input,
.field input,
.field select,
.field textarea,
.field .btG {
	font-size: 1rem;
	display: block;
	width: 100%;
	padding: .5rem .75rem;
	background: #fff;
	box-sizing: border-box;
	border: solid 1px rgba(0,0,0,.1);
	border-bottom-color: rgba(0,0,0,.2);
	border-radius: 3px;
}
.field .bt:first-child {
	margin-top: 1.125rem;
}
.field input:disabled,
.field select:disabled,
.field textarea:disabled,
.field .bt.disabled,
.field .bt.disabled:hover {
	border-color: rgba(0,0,0,.05);
	background: #fcfcfc;
	color: #ccc;
}
.field label + p {
	line-height: 1.55rem;
}
.avatar {
	background-position: center center;
	background-size: cover;
}
.field .avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 3rem;
	display: block;
	margin-bottom: 1rem;
}
.avatar img {
	border-radius: 10rem;
}
.btInput {
	float: right;
	margin-top: -2.5rem;
	position: relative;
	width: 2.3rem;
	text-align: center;
	line-height: 2.3rem;
	display: inline-block;
	color: #aaa;
}
.btInput:hover {
	color: #0d4056;
}
.field .btG {
	box-shadow: none;
	line-height: 1.4rem;
	width: auto;
	display: inline-block;
	font-weight: normal;
	color: inherit;
}
.field .btG:hover {
	background: #0d4056;
	color: #fff;
}
.field label + p {
	padding-left: 0;
	padding-right: 0;
	background: no-repeat;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.field label + p:hover {
	overflow: visible;
	background: #f6f8f9;
	padding-right: .5rem;
	display: inline-block;
	width: auto;
}
.modal .field label + p {
	white-space: normal;
}
.modal .field label + p:hover {
	background: none;
}
.fixedRows .field label + p:hover {
	padding-right: .75rem!important;
}
.field p a {
	font-size: .875em;
	color: #0d4056;
	display: inline-block;
	margin-left: 1em;
	text-decoration: underline;
}
.field input[readonly] {
	padding-left: 0;
	border-color: transparent;
	cursor: default;
	background: #f6f8f9;
}
/*
.modal .field input:read-only {
	background: #fdfdfd;
}
*/
.field input[readonly]:focus {
	box-shadow: none;
}
.field select {
	padding: 0 .75rem;
	height: 2.625rem;
}
.field .input {
	border-color: transparent;
	background: none;
	padding-left: 0;
	font-size: .875rem;
	color: #666;
	box-shadow: none;
}
.field label.checkbox,
.field label.radio {
	font-weight: normal;
	color: inherit;
	text-transform: none;
	font-size: .75rem;
	position: relative;
	padding-left: 1.25rem;
	display: inline-block;
	vertical-align: middle;
	min-height: 2rem;
	line-height: 2rem;
	margin-bottom: 0;
}
.field label.checkbox + p,
.field label.radio + p {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.field label.checkbox + .checkbox,
.field label.radio + .radio {
	margin-left: 1.5rem;
}
.field label.checkbox input,
.field label.radio 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: .875rem;
	height: .875rem;
	text-align: center;
	line-height: .875rem;
	box-shadow: inset 0 0 0 2px #0d4056;
	border-radius: 2px;
	color: #fff;
	font-size: 0;
}
.field label.radio  input + i {
	border-radius: 1rem;
}
.field label.checkbox input:checked + i,
.field label.radio  input:checked + i {
	font-size: .5rem;
	background: #0d4056;
}
.field label.checkbox input:disabled + i,
.field label.radio  input:disabled + i {
	box-shadow: inset 0 0 0 2px #bbb;
}
.field label.checkbox input:checked:disabled + i,
.field label.radio  input:checked:disabled + i {
	background: #bbb;
	box-shadow: none;
}
.field label.toggle {
	position: relative;
	width: 3.5rem;
	height: 2.75rem;
	position: relative;
	margin: 0;
}
.field label.toggle input {
	position: absolute;
	opacity: 0;
}
.field label.toggle input + span {
	position: absolute;
	left: 0;
	top: .5rem;
	right: 0;
	bottom: .5rem;
	background: #eee;
	box-shadow: inset 0 0 0 1px #ddd;
	border-radius: 2rem;
}
.field label.toggle input + span span {
	position: absolute;
	left: .1rem;
	top: .1rem;
	width: 1.55rem;
	height: 1.55rem;
	background: #0d4056;
	border-radius: 2rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.field label.toggle input + span span:before {
	content: 'No';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: .5rem;
	line-height: 1.55rem;
	text-align: center;
	color: #fff;
}
.field label.toggle input:checked + span span {
	left: 1.85rem;
}
.field label.toggle input:checked + span span:before {
	content: 'Si';
}
.field label.toggle input:disabled + span span {
	background: #aaa;
}
.field_tel {
	font-size: 0;
}
.field_tel .input,
.field_tel input {
	display: inline-block;
	width: 33.333%;
}
.field_tel .input {
	width: 18%;
}
.field_tel input {
	width: 26%;
	padding-right: .125rem;
	padding-left: .5rem;
}
.field_tel input + input {
	width: 54%;
	margin-left: 2%;
}
.field_turno label.checkbox {
	display: inline-block;
	margin: .25rem .25rem 0 0;
}
.field_avatar a {
	display: block;
	padding-bottom: 100%;
	background: rgba(0,0,0,.25);
	color: #fff;
	position: relative;
	border-radius: 100rem;
	overflow:hidden;
}
.field_avatar a:hover {
	background: rgba(0,0,0,.5);
	box-shadow: inset 0 0 1rem 0 rgba(0,0,0,.25);
}
.field_avatar a i,
.field_avatar a img {
	font-size: 1.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
}
.field_msg {
	font-size:.75rem;
	color: #f00;
	padding: .25rem .5rem;
	border: solid 1px #f00;
	background: #ff000011;
	border-radius: 3px;
	margin-top: .25rem;
}
.field_msg p {
	margin-bottom: .5rem!important;
}
.field_msg li {
	line-height: 1.3em;
	margin-bottom: .5em;
}
.field_msg + * {
	margin-top: 1.5rem;
}
.onFocus {
	font-size: .75rem;
	color: #999;
	white-space: nowrap;
	line-height: 2em;
	margin-bottom: -2em;
	display: block;
	opacity: 0;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
input:hover ~ .onFocus,
input:focus ~ .onFocus {
	opacity: 1;
}

#login {
	background: #0d4056;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
#login h1 {
	position: absolute;
	left: 3rem;
	top: 3rem;
}
#login h1 a {
	display: block;
	font-size: 3rem;
	text-indent: -1000rem;
	height: 7rem;
	width: 22rem;
	background: url(../images/cise.png) no-repeat center center;
	background-size: contain;
	color: #fff;
	font-weight: bold;
}
#login .form {
	border: none;
	position: absolute;
	left: 3rem;
	top: 11rem;
	background: #fff;
	padding: 2.5rem;
	max-width: 24rem;
	width: 90%;
}
#login .form p {
	font-size: .875rem;
	line-height: 1.4em;
	margin-bottom: 1rem;
}
#login .form .bt {
	line-height: 2.5rem;
	padding: 0 1rem;
	font-size: .875em;
	margin: 1rem 0 1.25rem;
}
.form .field.fieldPass {
	position: relative;
}
.form .field.fieldPass a,
.form .field.fieldPass a i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    font-size: .75rem;
    color: #ccc;
    transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.form .field.fieldAvatar {
	max-width: 100%;
}
.form .field.fieldAvatar div {
	display: inline-block;
	vertical-align: middle;
}
.form .field.fieldAvatar img,
.form .field.fieldAvatar .avatar {
	border-radius: 5rem;
	display: inline-block;
	vertical-align: middle;
	margin:0 1rem 0 0;
	width: 5rem;
	height: 5rem;
	position: relative;
	left: -.125rem;
}
.modal .form .field.fieldAvatar {
	width: 100%;
	float: left;
	height: 0;
	z-index: 10;
}
.modal .form .field.fieldAvatar .avatar {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.modal .form .field.fieldAvatar .avatar img {
	width: 100%;
	height: auto;
}
.modal .form .field.fieldAvatar button {
	transition: none;
}
.modal .form .field.fieldAvatar label + button {
	display: block;
	width: 100%;
	height: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 100%;
	border-radius: 10rem;
	font-size: 1.5rem;
	border: none;
	color: #999;
	background: #dddddddd;
	box-shadow: inset 0 0 1rem 0 rgba(0,0,0,.15);
	position: relative;
	z-index: 10;
}
.modal .form .field.fieldAvatar label + button i {
	color: inherit;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50% , -50%);
}
.modal .form .field.fieldAvatar label + button:hover i {
	color: #0d4056;
}
.modal .form .field.fieldAvatar label + button + button {
	display: none;
}
.modal .form .field.fieldAvatar .avatar ~ button {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 3rem;
	padding: 0;
	line-height: 0;
	text-align: center;
	position: relative;
	top: -2.125rem;
	border: none;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	z-index: 10;
}
.modal .form .field.fieldAvatar .avatar ~ button + button {
	float: right;
}

.form .field.fieldUser input,
.form .field.fieldCcy input,
.form .field.fieldType input {
	padding-left: 1.5rem;
}
.form .field.fieldUser input + span,
.form .field.fieldCcy input + span,
.form .field.fieldType input + span {
	float: left;
	line-height: 2.625rem;
	margin-top: -2.625rem;
	color: #aaa;
	width: 1.5rem;
	text-align: right;
}
.form .field.fieldType.fieldPerc input {
	text-align: right;
	padding-right: 1.5rem;
	padding-left: 1rem;
}
.form .field.fieldType.fieldPerc input + span {
	float: right;
	padding-right: .5rem;
}
.form .field.fieldType.fieldTitle input {
	padding-left: 4.125rem;
}
.form .field.fieldType.fieldTitle input + span {
	float: left;
	padding-left: .5rem;
	white-space: nowrap;
}
.form .field.fieldType.fieldTitle label span {
	margin-left: .5rem;
	color: #9bb045;
}
.form .field.fieldType.fieldTitle label span.alert {
	margin-left: .5rem;
	color: #f00;
}

#modalWrapper,
#alertWrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999;
	background: rgba(40,40,40,.5);
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
#modalWrapper.visible,
#alertWrapper.visible {
	opacity: 1;
	visibility: visible;
}
#modalWrapper > .bt_modalClose,
#alertWrapper > .bt_alertClose {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal,
#alertWrapper .alert {
	position: absolute;
	left: 50%;
	top: 50%;
	transition: transform 50ms ease;
	transform: scale(.5) translate(-50% , -50%);
	max-width: 40rem;
	padding: 0;
	min-height: 50vh;
	max-height: 90vh;
	width: 90%;
	text-align: left;
	z-index: 20;
	display: none;
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
}
#alertWrapper .alert {
	top: 10vh;
	transform: translate(-50% , -300%);
	min-height: 0;
	text-align: center;
	padding: 2.5rem 3rem;
	border-radius: .25rem;
	font-size: 1rem;
}
.modal > .bt_modalClose,
.alert > .bt_alertClose {
	position: absolute;
	top: -3rem;
	right: 0;
	line-height: 3rem;
	color: #fff;
	font-size: 1.2rem;
}
#modalWrapper.visible .modal {
	transform: scale(1) translate(-50% , -50%);
}
#alertWrapper.visible .alert {
	transform: translate(-50% , 0%);
}
.modal__action {
	text-align: center;
}
.modal__expand {
	max-width: 70rem;
}
.modalHeader {
	padding: 2rem 2.5rem;
	border-radius: .5rem .5rem 0 0;
	position: relative;
	border-bottom: solid 1px #eee;
	background: #0d4056;
	color: #fff;
}
.modalHeader h3 {
	font-size: 1.25rem;
	font-weight: bold;
}
.modalHeader h3 a {
	font-weight: normal;
	font-size: .875rem;
	float: right;
	padding-top: .375rem;
}
.modalContent {
	min-height: 30vh;
	max-height: 60vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2rem 2.5rem;
	box-sizing: border-box;
	background: #fdfdfd;
	position: relative;
}
#modal_map .modalContent {
	height: auto;
	min-height: 0;
	padding: 0;
	margin: 0;
}
#modal_map .modalContent iframe {
	max-height: 60vh;
}
.modalContent:last-child {
	margin-bottom: 1rem;
}
.modalContent h4 {
	font-weight: 500;
}
.modalContent > img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	border-radius: .25rem;
}
.modalContent .row:last-child {
	margin-bottom: 2rem;
}
.modal__action .modalContent h4,
.modal__action .modalContent h5 {
	font-weight: bold;
	font-size: 2rem;
	line-height: 3rem;
	color: #0d4056;
}
.modal__action .modalContent h5 {
	font-size: 1.25rem;
}
.modal__action .modalContent h4 span,
.modal__action .modalContent h5 span {
	display: inline-block;
	margin: 0 1rem;
}
.modal__action .modalContent p .btText {
	margin-left: .5rem;
}
p.notice,
.modal__action .modalContent p.notice {
	background: #fff5e5;
	color: #f90;
	font-size: .75rem!important;
	line-height: 1.1rem;
	padding: 1rem;
	margin: 1.5rem 0 -.5rem;
	border-radius: 3px;
}
p.notice i,
.modal__action .modalContent p.notice i {
	margin-right: .5rem;
}
.modal__action .row_contacts .col {
	text-align: center;
}
.modal__action .row_contacts i {
	display: block;
	font-size: 1.5em;
	margin: 1.25rem 0 .5rem;
	color: #0d4056;
}
.modalContentActions {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 1rem;
	text-align: center;
	z-index: 99;
}
.modalContentActions a.bt {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    padding: 0;
    line-height: 3rem;
    text-align: center;
    border: none;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
    background: #fff;
}
.modalContentActions a.bt:hover {
	background: #0d4056;
}
.import_result {
	margin-top: 1.5rem;
}
.import_result .col {
	text-align: center;
	padding: 0 1.75rem;
}
.import_result .col:nth-child(2) h4 {
	color: #06f;
}
.import_result .col:nth-child(3) h4 {
	color: #f02;
}
.modalFooter {
	text-align: right;
	padding: 2rem 2.5rem;
	position: relative;
	background: #fff;
	border-radius: 0 0 .5rem .5rem;
	border-top: solid 1px rgba(0,0,0,.1);
}
.modal__action .modalFooter {
	text-align: center;
}
.modalFooter a {
	margin-left: 1rem;
}
.modalFooter a.btI {
	float: left;
}
.modalFooter a.bt_modalBack {
	float: left;
	color: #aaa;
	background: #eee;
	box-shadow: none;
	margin: 0;
}
.modalAlert {
	position: absolute;
	left: 1.1rem;
	top: 2.6rem;
	right:1.1rem;
	bottom: 1.1rem;
	z-index: 100;
	background: rgba(255,255,255,.95);
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
	border-radius: .3rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	transform: scale(.1);
	opacity: 0;
	visibility: hidden;
}
.modalAlert.visible {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.modalAlertContent {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	width: 70%;
	text-align: center;
}
.alertContent {
	text-align: center;
	padding: .5rem;
}
.alertContent h3,
.card .alertContent h3 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.alertContent p {
	font-size: 1rem;
	line-height: 1.4em;
	margin-bottom: 1.5rem;
}
.alertContent .bt + .bt {
	margin-left: 1rem;
}
.alertFooter {
	background: #eee;
	height: auto;
	margin-top: -1rem;
	padding: 1.5rem 2rem;
	text-align: center;
}

.tabs {
	margin: -1.5rem -2.25rem 1.5rem;
	padding: .25rem 1.25rem 0;
	background: rgba(0,0,0,.05);
}
.app__users .main .tabs {
	padding: 1.5rem 2.25rem 0;
}
.tabs ul li {
	display: inline-block;
	vertical-align: top;
}
.tabs ul li a {
	font-weight: bold;
	display: block;
	font-size: .75rem;
	padding: .7rem 1rem .9rem;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
	border-top: solid 2px transparent;
	color: #aaa;
}
.tabs ul li a.active {
	background: #f6f8f9;
	color: #0d4056;
	border-top-color: #0d4056;
	box-shadow: 0 -.25rem .25rem 0 rgba(0,0,0,.1);
}
.tabs ul li a.complete {
	color: #333;
}

.list {
}
.list_blocks {
	font-size: 0;
}
.listStatus {
	font-size: 0;
	margin: 0 -.5rem 1rem;
}
.listStatusItem {
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 .5rem;
}
.listStatusItem a {
	position: relative;
	display: block;
	background: #fff;
	padding: 1.5rem;
	border-radius: .25rem;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.15);
	transition: all 150ms ease;
}
.listStatusItem > a.active, 
.listStatusItem p > a.active {
	box-shadow: 0 .5rem .5rem -.5rem rgba(0,0,0,.5);
	background: #0d4056;
	color: #fff;
}
.listStatusItem > a.active strong {
	color: inherit!important;
}
.listStatusItem > a i {
	position: absolute;
	right: 1rem;
	top: 1rem;
	opacity: .2;
}
.listStatusItem > a strong {
	display: block;
	font-size: 2em;
	margin:.25rem 0 .75rem;
}
.listStatusItem > p a {
	font-size: .75rem;
	line-height: 1rem;
	padding: .5rem 1rem;
	color: #999;
}
.listStatusItem > p strong {
	color: #333;
	margin-right: .5rem;
}
.listStatusItem > p .active strong {
	color: #fff;
}
.listStatusItem > p + p {
	margin-top: .5rem;
}
.listStatusItem a:hover,
.listStatusItem > p a:hover {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.15), inset 0 0 0 2px #0d4056;
}
.listTabs,
.listResume {
	font-size: 0;
	background: #fff;
	border-radius: 3px;
	box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
	margin-bottom: 1rem;
}
.listTabs.withSearch,
.listResume.withSearch {
	position: relative;
	padding-right: 4.5rem;
}
.listResumeSearch {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 5rem;
	background: #f0f2f3;
	box-shadow: inset .375rem 0 .375rem -.375rem rgba(0,0,0,.2);
	z-index: 99;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	overflow: hidden;
}
.listResumeSearch:after {
	content: '';
	position: absolute;
	width: 5rem;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.listResumeSearch:hover,
.listResumeSearch.opened {
	width: 100%;
	background: #fff;
	box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
	overflow: visible;
}
.listResumeSearch:hover:after,
.listResumeSearch.opened:after {
	display: none;
}
.listResumeSearch > input + a,
.listResumeSearch > div + a {
	font-size: 1rem;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
  width: 2.5rem;
  text-align: center;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 3rem;
  background: #fff;
}
.listResumeSearch > input + a i,
.listResumeSearch > div + a i {
	line-height: inherit;
}
.listResumeSearch > input {
	border-bottom: solid 1px #ccc;
	position: absolute;
	right: 23rem;
	width: 70%;
	width: calc(100% - 26rem);
	top: 50%;
	transform: translateY(-50%);
	padding: 1rem;
	font-size: 1rem;
	line-height: 1.25rem;
	padding: .75rem;
}
.listResumeSearch > a.loading {
	font-size: 0;
}
.listResumeSearch > a.loading:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1rem;
	height: 1rem;
	margin: -.75rem 0 0 -.75rem;
	border-radius: 8rem;
	border: solid .25rem #9bb045;
	animation: girar 1s infinite ease;
	clip: rect(0,1rem,1rem,0);
	z-index: 2;
}
.advancedSearch {
	font-size: .875rem;
	position: absolute;
	right: 7.5rem;
	width: 14rem;
	top: 50%;
	transform: translateY(-50%);
}
.advancedSearch > a {
	display: block;
	background: #eee;
	line-height: 1.25rem;
	padding: .75rem 1rem;
	border-radius: .25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%230d4056' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 92.5% 51.25%;
	background-size: .625rem auto;
}
.advancedSearch ul {
	position: absolute;
	left: 0;
	top: 100%;
	padding: .75rem .5rem;
	width: 100%;
	box-sizing: border-box;

  background: #fff;
  border-radius: 2px;
  box-shadow: 0 6px 10px -4px rgb(0 0 0 / 25%);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 150ms ease;
}
.advancedSearch > a:hover ~ ul,
.advancedSearch > ul:hover {
	opacity: 1;
	visibility: visible;
}
.advancedSearch > div:hover + ul {
	transition-delay: 1s;
}
.advancedSearch ul li a {
	display: block;
	padding: .625rem .5rem;
	border-radius: .125rem;
}
.advancedSearch ul li a:hover {
	background: #0d4056;
	color: #fff;
}
.advancedSearchCustom {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: #fff;
	box-shadow: 0 0 0 2px #fff;
	font-size: 0;
	transition: all 150ms ease;
	opacity: 0;
	visibility: hidden;
}
.advancedSearchCustom.active {
	opacity: 1;
	visibility: visible;
}
.advancedSearchCustom input {
	font-size: .75rem;
	width: 45%;
	width: calc(50% - .25rem);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.125rem;
	padding: .75rem 0;
	border-bottom: solid 1px #ccc;
	background-size: auto 1.5rem;
}
.advancedSearchCustom input + input {
	margin-left: .5rem;
}
.listResumeSearch input:focus {
	box-shadow: none;
	border-color: #9bb045;
}
.listResumeSearch .bt_clear {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: .875rem;
	color: #ccc;
	position: absolute;
	right: 5rem;
	margin-right: 2px;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 960px) {
	.listResumeSearch > input {
		right: 7.5rem;
		width: 70%;
		width: calc(100% - 10.5rem);
		top: 1.375rem;
		bottom: auto;
		transform: none;
	}
	.advancedSearch {
		right: 10.5rem;
		width: 70%;
		width: calc(100% - 12rem);
		top: auto;
		bottom: 1.375rem;
		transform: none;
	}
	.listResumeSearch .bt_clear {
		right: 7.5rem;
		bottom: 1.385rem;
		top: auto;
		transform: none;
		height: 2.375rem;
	}
}

.listTab,
.listResumeItem {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 1.5rem 2rem;
	box-sizing: border-box;
	font-size: 1rem;
	border-bottom: solid .25rem transparent;
}
.listTab:first-child {
	border-radius: 0 0 0 3px;
}
.listTab:last-child {
	border-radius: 0 0 3px 0;
}
.listTab + .listTab {
	border-left: solid 1px rgba(0,0,0,.1);
}
.listTab.active {
	border-bottom-color: #0d4056;
}
.listTab i,
.listTab p {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2em;
}
.listTab i {
	font-size: 1.25rem;
	margin-right: .25rem;
	color: #0d4056;
}
.listTab p span {
	display: inline-block;
	padding: 0 .5rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	background: #ccc;
	font-size: .75em;
	margin-left: .25rem;
}
.listResumeItem h3 {
	font-size: .75rem;
    font-weight: bold;
    color: #999;
    margin-bottom: .5rem;
}
.listResume h3 + p span,
.listResume h3 + p a {
	font-size: 1rem;
	font-weight: normal;
	color: #0d4056;
}
.listFilters {
	font-size: 0;
	margin: 0 -1rem 1rem;
}
.listNav {
	font-size: .75rem;
	color: #777;
	padding: .5rem 0;
	float: right;
}
.list_table + .listNav {
	margin: 1rem 0;
}
.listFilters + .listNav {
	margin-top: -4.125rem;
}
.listFilter,
.listOrder,
.listFilterDd {
	font-size: .75rem;
	display: inline-block;
	padding: .5rem 1rem;
	box-sizing: border-box;
	vertical-align: middle;
	color: #777;
}
.listOrder {
	padding: 0 1rem;
}
.listNav p,
.listFilter p,
.listOrder p {
	line-height: 1.1rem;
	padding: .5rem 0;
	margin-right: .5rem;
	display: inline-block;
	vertical-align: middle;
}
.listNav p {
	margin: 0 .5rem;
}
.listFilter * + p {
	margin-left: .75rem;
}
.listNav a,
.listFilter a,
.listFilter input,
.listOrder a,
.listFilterDd > a {
	line-height: 1.1rem;
	padding: .5rem;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.listFilterDd {
	padding: 0 1rem;
	position: relative;
	z-index: 999;
}
.tableFilter {
	position: relative;
	z-index: 999;
}
.listFilterDd.aR {
	float: right;
	text-align: right;
}
.listFilterDd > a:after {
	margin-left: .25rem;
	content: '\f107';
	font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.listFilterDd:hover > a:after {
	color: #0d4056;
}
.listFilterDd ul,
.tableFilter ul {
	position: absolute;
	margin-top: -1px;
	left: 1rem;
	top: 100%;
	padding: .5rem 1.25rem;
	background: #fff;
	border-radius: 2px 0 2px 2px;
	box-shadow: 0 6px 10px -4px rgba(0,0,0,.25);
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 150ms ease;
}
.tableFilter ul {
	left: 0;
}
.listFilterDd.aR ul {
	left: auto;
	right: 1rem;
}
.listFilterDd:hover ul,
.tableFilter:hover ul {
	opacity: 1;
	visibility: visible;
}
.tableFilter:hover ul {
	transition-delay: 1s;
}
.listFilterDd ul li + li {
	border-top: solid 1px #eee;
}
.listFilterDd ul li a,
.tableFilter ul a {
	color: #111;
	display: block;
	line-height: 2rem;
	transition: all 150ms ease;
	padding: 0 .75rem;
	margin: 0 -.75rem;
	border-radius: 1px;
}
.tableFilter ul a {
	font-size: .875rem;
}
.tableFilter a.active i {
	color: #0d4056;
}
.tableFilter ul a.active {
	background: #0d4056;
	color: #fff;
}
.listFilterDd ul li a i {
	width: 2em;
	text-align: center;
	color: #666;
	margin: 0 .125rem 0 -.125rem;
}
.listFilterDd ul li a:hover,
.tableFilter ul a:hover {
	background: #0d4056;
	color: #fff;
}
.listOrder a {
	margin-right: .25rem;
}
.listNav a:hover,
.listFilter a:hover,
.listOrder a:hover,
.listNav a.active,
.listFilter a.active,
.listOrder a.active {
	background: #0d4056;
	color: #fff;
}
.listOrder a.active i {
	color: #0d4056;
}
.listOrder a:hover i {
	color: #fff;
}
.listNav a:last-child {
	margin-left: 1rem;
	width: 2.5rem;
}
.listFilter input {
	width: 8rem;
}
.listNav a,
.listFilter a {
	min-width: 2rem;
	text-align: center;
}
.listFilter a.active {
	background: #0d4056;
	color: #fff;
}
.list_table .listHeader,
.list_table .listItem {
	font-size: 0;
	margin: 0 -.75rem 0 -.95rem;
	padding: 0 .25rem;
	position: relative;
	padding-right: 7rem;
	border-left: solid .2rem transparent;
	clear: both;
}
.list_table .listHeader {
	padding-bottom: .25rem;
}
.list_table .listItem {
	padding-top: .125rem;
	padding-bottom: .125rem;
	border-top: solid 1px #ddd;
}
.list_table .listItem.empty {
	padding-right: 0!important;
}
.list_table .listItem.empty h4 {
	font-size: 1.5rem;
	color: #bbb;
	text-align: center;
	padding: 5rem 0;
	font-weight: 300;
}
.list_table .listItem:last-child {
	border-bottom: solid 1px #ddd;
}
.list_table .listItem:nth-child(even) {
	background: rgba(0,0,0,.025);
}
.list_blocks .listHeader {
	display: none;
}
.list_blocks {
	margin-right: -1rem;
}
.list_blocks .listItem {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 22.5%;
	width: calc(25% - 1rem);
	padding: .8rem 1rem 1rem;
	border-top: solid .2rem transparent;
	box-sizing: border-box;
	margin:0 1rem 1rem 0;
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    text-align: center;
}
.listItem.ok {
	border-left-color: #06f;
}
.listItem.draft {
	border-left-color: #ccc;
}
.listItem.alert {
	border-left-color: #f00;
}
.listItem.paid {
	border-left-color: #06f;
}
.listItem.pending {
	border-left-color: #f02;
}
.listItem.deleted .listCol p,
.listItem.deleted .listCol p + p,
.listItem.deleted .listCol i {
	color: #aaa;
}
.listItem.deleted .listCol img {
	opacity: .5;
}
.listHeader p,
.listHeader .listCol > div > a,
.list h6 {
	line-height: 1.5rem;
	text-transform: uppercase;
	font-size: .625rem;
	font-weight: bold;
	color: #aaa;
}
.listHeader p.active,
.list h6.active { 
	color: #333;
}
.listHeader p i,
.listHeader a i,
.list h6 i {
	margin-left: .25rem;
}
.listHeader p i.fa-caret-down,
.list h6 i.fa-caret-down,
.listHeader p i.fa-caret-up,
.list h6 i.fa-caret-up {
	transform: scale(1.5);
	transform-origin: 20% 55%;
}
.listHeader p i.fa-filter,
.listHeader a i.fa-filter,
.list h6 i.fa-filter {
	font-size: .5rem;
}
.list_table .listActions {
	position: absolute;
	right: .5rem;
	top: 50%;
	transform: translateY(-50%);
}
.listActions a {
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	text-align: center;
	height: 2rem;
	line-height: 1.9rem;
	margin: .25rem 0 0 .25rem;
	margin: 0 0 0 .25rem;
	color: #0d4056;
	border-radius: 2rem;
	position: relative;
}
.listActions a .badge {
	position: absolute;
	right: 1px;
	top: 1px;
	font-weight: 500;
	font-size: .625rem;
	background: #fff;
	box-shadow: inset 0 0 0 1px #0d4056;
	color: #0d4056;
	opacity: 1;
	transition: all 250ms ease;
}
.listActions a:hover {
	background: #0d4056;
	color: #fff;
}
.listActions a:hover .badge {
	opacity: 0;
	transition-delay: 1s;
}
.bt_listActions {
	display: none;
}
.list_blocks .listActions {
	background: #9bb045;
	margin: 1rem -1rem -1rem;
	padding: .75rem 1rem;
	position: relative;
}
.list_blocks .listActions:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	border-top: solid 1px rgba(0,0,0,.05);
	height: 1px;
	background: rgba(0,0,0,.05);
}
.listHeader > *,
.listItem > * {
	padding: 0 .5rem;
	font-size: 1rem;
	box-sizing: border-box;
}
.list_table .listCol {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
}
.list_blocks .listCol {
	padding-bottom: .75rem;
}
.listItem p {
	font-size: .875rem;
	line-height: 1.2em;
}
.listItem p i {
	color: #555;
	position: relative;
}
.list_table .listItem p .avatar {
	font-size: 1.3rem;
	position: absolute;
	left: -.1rem;
	top: -.1rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 3rem;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-position: center center;
}
.list_table .listItem p .avatar img {
	width: 100%;
	height: 100%;
}
.listItem .listCol:first-child p {
	font-weight: bold;
}
.listItem .listCol:first-child p + p,
.listItem .listCol p + p {
	font-size: .75em;
	font-weight: normal;
	color: #777;
	margin-top: .25em;
}
.listCol p a:hover {
	text-decoration: underline;
	text-decoration-color: #0d4056;
}

.list_bulk .listHeader,
.list_bulk .listItem {
	padding-left: 2rem;
}
.list_bulk .listItem > .field {
	position: absolute;
	left: 1.375rem;
	top: 50%;
	transform: translate(-50% , -50%);
	padding: 0;
}

.list__ventas .listStatusItem {
	width: 16.666%;
}
.list__ventas .listStatusItem:nth-child(2) strong,
.list__ventas .listStatusItem:nth-child(3) strong {
	color: #f02;
}
.list__ventas .listStatusItem:nth-child(2) a:hover,
.list__ventas .listStatusItem:nth-child(3) a:hover {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.15), inset 0 0 0 2px #f02;
}
.list__ventas .listStatusItem:nth-child(1) strong,
.list__ventas .listStatusItem:nth-child(4) strong {
	color: #0d4056;
}
.list__ventas .listStatusItem:nth-child(1) a:hover,
.list__ventas .listStatusItem:nth-child(4) a:hover,
.list__ventas .listStatusItem > p a:hover {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.15), inset 0 0 0 2px #0d4056;
}

.list__ventas .listHeader,
.list__ventas .listItem {
	padding-right: 8rem;
}
.list__ventas .listCol {
	width: 25%;
}
.list__ventas .listItem .listCol,
.list__liquidaciones .listItem .listCol,
.list__pagos .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__ventas .listCol:nth-child(1) {
	width: 12.5%;
}
.list__ventas .listCol:nth-child(2) {
	width: 22.5%;
}
.list__ventas .listCol:nth-child(3) {
	width: 30%;
}
.list__ventas .listCol:nth-child(3) p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list__ventas .listCol:nth-child(4) {
	width: 13%;
}
.main > div:not(.main__vendedor) .list__ventas .listItem .listCol:nth-child(4) p a {
	padding: .5rem .5rem .5rem 2rem;
	margin: -.5rem 0 -.5rem -.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.list__ventas .listCol:nth-child(4) p a .avatar {
	left: .1rem;
	top: .3rem;
}
.list__ventas .listItem .listCol:nth-child(4) p i {
	color: #0d4056;
}
.list__ventas .listCol:nth-child(5) {
	width: 7%;
	text-align: center;
}
.list__ventas .listCol:nth-child(6) {
	width: 15%;
}
.list__ventas .listItem .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem .listCol:nth-child(4) span {
	display: inline-block;
	font-size: .875em;
	margin-left: .5em;
	font-weight: bold;
	color: #0d4056;
}
.list__ventas .listItem .listCol:nth-child(6) p,
.main__vendedor .list__ventas .listItem .listCol:nth-child(4) p,
.list__planPago .listCol:nth-child(7) p {
	transition: all 150ms ease;
	position: relative;
	white-space: nowrap;
}
.list__ventas .listItem .listCol:nth-child(6) p:hover,
.main__vendedor .list__ventas .listItem .listCol:nth-child(4) p:hover {
	padding-left: 1.75rem;
}
.list__planPago .listCol:nth-child(7) p:hover {
	padding-right: 1.75rem;
}
.list .listItem .listCol p a.bt_traza {
	transition: all 150ms ease;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	width: 1.5rem;
	text-align: center;
	border-radius: 2rem;
}
.list__planPago .listItem .listCol:nth-child(7) p a.bt_traza {
	left: auto;
	right: 0;
}
.list .listItem .listCol p:hover a.bt_traza {
	opacity: 1;
	visibility: visible;
}
.list .listItem .listCol p a.bt_traza:hover {
	background: #ddd;
}
.list__ventas .listItem .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem .listCol:nth-child(4) span {
	padding: .125em .5em;
	border-radius: 2px;
	margin-left: 0;
}
.list__ventas .listItem.alert .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem.alert .listCol:nth-child(4) span {
	color: #f00;
}
.list__ventas .listItem.pending .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem.pending .listCol:nth-child(4) span {
	color: #fff;
	background: #f02;
}
.list__ventas .listItem.draft .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem.draft .listCol:nth-child(4) span {
	color: #666;
	background: #ccc;
}
.list__ventas .listItem.deleted .listCol:nth-child(6) span,
.main__vendedor .list__ventas .listItem.deleted .listCol:nth-child(4) span {
	color: #999;
	background: #cacaca;
	color: #eee;
	font-weight: bold;
}
.list__ventas .listItem .listCol:nth-child(6) i.fa-check {
	color: #06f;
	font-size: .75em;
	margin-left: .125rem;
	position: relative;
	top: -1px;
}


.list__olddata .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__olddata .listCol:nth-child(1),
.list__olddata .listCol:nth-child(2),
.list__olddata .listCol:nth-child(5) {
	width: 10%;
}
.list__olddata .listCol:nth-child(3) {
	width: 20%;
}
.list__olddata .listCol:nth-child(4) {
	width: 50%;
}

.list__paquetes .listHeader,
.list__paquetes .listItem {
	padding-right: 3rem;
}
.list__paquetes .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__paquetes .listCol {
	width: 16%;
}
.list__paquetes .listCol:nth-child(1) {
	width: 20%;
}

.main__vendedor h2 {
	font-size: 1.5rem;
	letter-spacing: -.02em;
	text-transform: none;
}
.main__vendedor h2 span.userState {
	font-size: .75rem;
	font-weight: bold;
	padding: .25rem .5rem;
	border-radius: 2px;
	background: #0d4056;
	color: #fff;
	vertical-align: top;
}
.main__vendedor .avatar {
	width: 50%;
	border-radius: 50rem;
	margin-top: -2.5rem;
	margin-bottom: 2rem;
	box-shadow: 0 0 0 5px #f0f2f3;
}
.main__vendedor .avatar a {
	display: block;
	padding-bottom: 100%;
	position: relative;
	border-radius: 10rem;
	box-shadow: 0 0 0 5px #f0f2f3;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.main__vendedor .avatar a img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.vendedor__info .row label + p {
	padding-top: 0;
}
.vendedor__info .row .col12 label + p {
	font-size: .875rem;
	line-height: 1.4em;
	white-space: normal;
	padding-right: 0!important;
}
.vendedor__info .row .col12 label + p strong {
	display: block;
}
.vendedor__info .row:last-child {
	padding-top: 1.25rem;
	box-shadow: 0 -9px 0 -8px rgba(0,0,0,.1);
}
.vendedor__info .row:last-child p {
	display: inline-block;
	margin-right: .5rem;
	font-weight: bold;
	color: #aaa;
}
.main__vendedor .tabs {
	border-radius: 0 0 0 .5rem;
}
.main__vendedor .list__cuentacorriente .listHeader,
.main__vendedor .list__cuentacorriente .listItem {
	padding-right: 2rem;
}
.main__vendedor .list__inscripciones .listHeader,
.main__vendedor .list__inscripciones .listItem,
.main__vendedor .list__compras .listHeader,
.main__vendedor .list__compras .listItem {
	padding-right: 9rem;
}
.main__vendedor .list__ventas .listHeader,
.main__vendedor .list__ventas .listItem {
	padding-right: 8rem;
}
.main__vendedor .list__liquidaciones .listHeader,
.main__vendedor .list__liquidaciones .listItem,
.main__vendedor .list__pagos .listHeader,
.main__vendedor .list__pagos .listItem {
	padding-right: 6rem;
}
.main__vendedor .list__ventas .listItem p,
.main__vendedor .list__inscripciones .listCol:nth-child(2) p {
	overflow: visible;
	height: auto;
}
.main__vendedor .list__ventas .listItem p span + i {
	color: #0d4056;
	margin-left: .5rem;
}
.main__vendedor .list__inscripciones .listItem.pending p i.fa-dollar-sign {
	color: #f02;
	margin-left: .5rem;
}
.main__vendedor .list__inscripciones .listItem.canceled p span,
.main__vendedor .list__inscripciones .listItem.canceled.alert p span {
	margin-left: .5rem;
	text-transform: uppercase;
	font-size: .75rem;
}
.main__vendedor .list__inscripciones .listItem.canceled.alert p i {
	color: #f90;
	margin-left: .5rem;
}
.main__vendedor .list__ventas .listCol:nth-child(1) {
	width: 20%;
}
.main__vendedor .list__inscripciones .listCol:nth-child(1) {
	width: 15%;
}
.main__vendedor .list__ventas .listCol:nth-child(2) {
	width: 20%;
}
.main__vendedor .list__inscripciones .listCol:nth-child(2) {
	width: 30%;
}
.main__vendedor .list__ventas .listCol:nth-child(3) {
	width: 35%;
}
.main__vendedor .list__inscripciones .listCol:nth-child(3) {
	width: 25%;
}
.main__vendedor .list__inscripciones .listCol:nth-child(3) p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main__vendedor .list__inscripciones .listCol:nth-child(4) {
	width: 15%
}
.main__vendedor .list__inscripciones .listCol:nth-child(5) {
	width: 15%;
}
.main__vendedor .list__ventas .listCol:nth-child(4) {
	width: 25%;
}

.main__vendedor .list__cuentacorriente .listCol:nth-child(1) {
	width: 16%;
}
.main__vendedor .list__cuentacorriente .listCol:nth-child(2) {
	width: 16%;
}
.main__vendedor .list__cuentacorriente .listCol:nth-child(3) {
	width: 36%;
}
.main__vendedor .list__cuentacorriente .listCol:nth-child(4) {
	width: 16%;
	text-align: right;
}
.main__vendedor .list__cuentacorriente .listCol:nth-child(5) {
	width: 16%;
	text-align: right;
}
.list__cuentacorriente .fa-long-arrow-alt-up {
	color: #06f;
}
.list__cuentacorriente .fa-long-arrow-alt-down {
	color: #f00;
}
.main__vendedor .list__cuentacorriente.list__pagos .listCol:nth-child(3) {
	width: 52%;
}
.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(3) {
	width: 33%;
}
.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(4) {
	text-align: left;
	width: 20%;
}
.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(5) {
	text-align: right;
	width: 15%;
}

.main__vendedor.main__distribuidor .list__ventas .listHeader, 
.main__vendedor.main__distribuidor .list__ventas .listItem {
	padding-right: 7rem;
}
.main__vendedor.main__distribuidor .list__ventas .listCol:nth-child(1) {
	width: 12.5%;
}
.main__vendedor.main__distribuidor .list__ventas .listCol:nth-child(2) {
	width: 27.5%;
}
.main__vendedor.main__distribuidor .list__ventas .listCol:nth-child(3) {
	width: 60%;
}
.main__vendedor.main__distribuidor .list__ventas .listCol:nth-child(3) p {
	overflow: hidden;
	text-overflow: ellipsis;
}

.main__vendedor .list__liquidaciones .listCol {
	width: 33.333%;
}
.listItem.featured.pending,
.main__vendedor .list__cuentacorriente .listItem.featured.pending {
	padding: .75rem;
	border: solid 1px #f02;
	background: #ffe5e9;
	border-radius: 2px;
	margin: .25rem 0 .75rem;
}
.listItem.featured.pending p,
.main__vendedor .list__cuentacorriente .listItem.featured.pending p {
	line-height: 1.5rem;
}
.listItem.featured.pending a,
.main__vendedor .list__cuentacorriente .listItem.featured.pending a {
	display: inline-block;
	margin-left: 1rem;
	background: #0d4056;
	float: right;
	padding: 0 .5rem;
	border-radius: 2px;
	color: #fff;
	font-size: .75rem;
}
.listItem.featured.pending a i,
.main__vendedor .list__cuentacorriente .listItem.featured.pending a i {
	color: #fff;
	margin-right: .125rem;
}
.main__vendedor .list__cuentacorriente .listCol:nth-child(4) p span {
	display: inline-block;
    font-size: .875em;
    margin-left: .5em;
    font-weight: bold;
    color: #0d4056;
}
.main__vendedor .list__cuentacorriente .pending .listCol:nth-child(4) p span {
    color: #f02;
}
.main__vendedor .list__compras .pending .listCol:nth-child(4) p span {
	background: #f02;
	color: #fff;
	padding: .125em .5em;
    border-radius: 2px;
    margin-left: 0;
}
.main__vendedor .list__compras .deleted .listCol:nth-child(4) p span {
	background: #cacaca;
    color: #eee;
	padding: .125em .5em;
    border-radius: 2px;
    margin-left: 0;
}
.main__vendedor .list__compras .listCol i.fa-check {
    color: #06f;
    font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
}
.main__vendedor .list__ventas .listResume h3 + p,
.main__vendedor .list__liquidaciones .listResume h3 + p,
.main__vendedor .list__inscripciones .listResume h3 + p,
.main__vendedor .list__cuentacorriente .listResume h3 + p {
	font-size: 1.5rem;
	margin-top: -.25rem;
}
.main__vendedor .list__liquidaciones .listResumeItem,
.main__vendedor .list__inscripciones .listResumeItem,
.main__vendedor .list__cuentacorriente .listResumeItem,
.main__vendedor.main__distribuidor .list__ventas .listResumeItem {
	width: 25%;
}
.main__vendedor .list__liquidaciones .listResumeItem:nth-child(1) {
	width: 28%;
}
.main__vendedor .list__inscripciones .listResumeItem:nth-child(1),
.main__vendedor.main__distribuidor .list__ventas .listResumeItem:nth-child(1) {
	width: 28%;
}
.main__vendedor .list__inscripciones .listResumeItem:nth-child(2),
.main__vendedor.main__distribuidor .list__ventas .listResumeItem:nth-child(2),
.main__vendedor.main__distribuidor .list__ventas .listResumeItem:nth-child(3) {
	width: 25%;
}
.main__vendedor .list__liquidaciones .listResumeItem:nth-child(4),
.main__vendedor .list__inscripciones .listResumeItem:nth-child(4),
.main__vendedor.main__distribuidor .list__ventas .listResumeItem:nth-child(4) {
	width: 22%;
}
.main__vendedor .list__ventas .listResumeItem:nth-child(1),
.main__vendedor .list__ventas .listResumeItem:nth-child(2) {
	width: 30%;
}
.main__vendedor .list__ventas .listResumeItem:nth-child(3),
.main__vendedor .list__ventas .listResumeItem:nth-child(4) {
	width: 20%;
}
.main__vendedor .list__ventas .listResumeItem:nth-child(1) h3 + p,
.main__vendedor .list__liquidaciones .listResumeItem:nth-child(1) h3 + p,
.main__vendedor .list__inscripciones .listResumeItem:nth-child(1) h3 + p,
.main__vendedor .list__cuentacorriente .listResumeItem:nth-child(1) h3 + p {
	color: #0d4056;
	font-weight: bold;
}
.main__vendedor .list__ventas .listResumeItem:last-child,
.main__vendedor .list__liquidaciones .listResumeItem:last-child,
.main__vendedor .list__inscripciones .listResumeItem:last-child,
.main__vendedor .list__cuentacorriente .listResumeItem:last-child {
	text-align: right;
}
.main__cobrador .list__cuotas .listResumeItem:nth-child(1),
.main__cobrador .list__cuotas .listResumeItem:nth-child(2),
.main__cobrador .list__cuotas .listResumeItem:nth-child(3) {
	width: 20%;
}
.main__cobrador .list__cuotas .listResumeItem:nth-child(2) p {
	color: #06f;
}
.main__cobrador .list__cuotas .listResumeItem:nth-child(4) p {
	color: #f02;
}
.main__cobrador .list__cuotas .listResumeItem:nth-child(4) {
	width: 24%;
}
.main__cobrador .list__cuotas .listResumeItem:nth-child(5) {
	width: 14%;
}
.main__cobrador .list__cuotas .listResumeItem h3 {
	white-space: nowrap;
}

.main__cobrador .list__cuotas .listCol:nth-child(1) {
	width: 15%;
}
.main__cobrador .list__cuotas .listCol:nth-child(2) {
	width: 8%;
}
.main__cobrador .list__cuotas .listCol:nth-child(2) .fa-exclamation-triangle {
	font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
    color: #f02;
}
.main__cobrador .list__cuotas .listCol:nth-child(3) {
	width: 12%;
}
.main__cobrador .list__cuotas .listCol:nth-child(4) {
	width: 25%;
}
.main__cobrador .list__cuotas .listCol:nth-child(4) p,
.main__cobrador .list__cuotas .listCol:nth-child(5) p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main__cobrador .list__cuotas .listCol:nth-child(5) {
	width: 28%;
}
.main__cobrador .list__cuotas .listCol:nth-child(6) {
	width: 12%;
}
.main__cobrador .list__cuotas .listCol:nth-child(6) i.fa-check {
	color: #06f;
    font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
}

.cobrador_zonas {
	margin-top: .5rem;
	padding-top: 1rem;
	box-shadow: 0 -1px 0 0 rgba(0,0,0,.1)
}
.cobrador_zonas:first-child {
	margin-top: 0;
	padding-top: 0;
	box-shadow: none;
}
.cobrador_zonas label {
	font-size: .625rem;
    margin-bottom: .5rem;
    display: block;
    color: #999;
    text-transform: uppercase;
}
.cobrador_zonas li {
	display: inline-block;
	margin: 0 .125rem .125rem 0;
	border: solid 1px #ddd;
	background: #fff;
	border-radius: 3px;
	padding: .5rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.modal .cobrador_zonas li {
	border: none;
	padding: 0;
}
.modal .cobrador_zonas li a {
	border: solid 1px #ddd;
	border-radius: 3px;
	display: block;
	padding: .5rem;
}
.modal .cobrador_zonas li a i {
	font-size: .875rem;
	color: #0d4056;
	margin-left: .125rem;
}
.modal .cobrador_zonas li a.bt_modal {
	border-color: #0d4056;
	background: #0d4056;
	color: #fff;
	text-align: center;
}
.modal .cobrador_zonas li a.bt_modal i {
	color: #fff;
	margin: 0 .125rem;
}

.main__vendedor .list__cuentacorriente .listResumeItem {
	width: 30%;
}
.main__vendedor .list__cuentacorriente .listResumeItem:nth-child(3) {
	width: 40%;
}
.main__vendedor .list__cuentacorriente.list__pagos .listResumeItem:nth-child(1) {
	width: 60%;
}
.main__vendedor .list__cuentacorriente .listResumeItem:last-child {
	width: 40%;
}

.main__vendedor .list__clientes .listTab {
	width: 33.333%;
	font-size: .875rem;
	white-space: nowrap;
}
.main__vendedor .list__clientes .listTab h3 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #0d4056;
	margin-bottom: .25rem;
}
.main__vendedor .list__clientes .listCol:nth-child(1),
.main__vendedor .list__clientes .listCol:nth-child(3) {
	width: 38%;
}
.main__vendedor .list__clientes .listCol:nth-child(2) {
	width: 24%;
}
.main__vendedor .list__clientes .listCol:nth-child(3) a {
	margin-left: 0;
}
.main__vendedor .list__clientes .listCol:nth-child(3) a span {
	font-weight: bold;
	color: #666;
	margin-left: .5rem;
	display: inline-block;
}

.modal .list__correo .listHeader {
	padding-right: .5rem;
}
.modal .list__correo .listCol:nth-child(2),
.modal .list__correo .listHeader .listCol:nth-child(1) {
	width: 50%;
}
.modal .list__correo .listCol:nth-child(2):last-child {
	width: 100%;
}
.modal .list__correo .listItem:not(.listItemFeatured) .listCol:nth-child(2) p {
	padding-left: 2.5rem;
	position: relative;
}
.modal .list__correo .listCol:nth-child(3),
.modal .list__correo .listHeader .listCol:nth-child(2) {
	width: 20%;
}
.modal .list__correo .listCol:nth-child(4),
.modal .list__correo .listHeader .listCol:nth-child(3) {
	width: 30%;
}
.modal .list__correo .listCol:nth-child(4) p,
.modal .list__correo .listCol:nth-child(4) label {
	display: inline-block;
	vertical-align: middle;
}
.modal .list__correo .listCol:nth-child(4) label.toggle {
	margin: -1rem 0 -1rem .5rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
}
.modal .list__correo .listItem .listCol:nth-child(3) p,
.modal .list__correo .listItem .listCol:nth-child(4) p {
	opacity: .25;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.modal .list__correo .listItem.checked .listCol:nth-child(3) p,
.modal .list__correo .listItem.checked .listCol:nth-child(4) p {
	opacity: 1;
}
.modal .list__correo .listItem.checked .listCol:nth-child(4) label.toggle {
	opacity: 1;
	visibility: visible;
}
.modal .list__correo .listCol:nth-child(3) a {
	font-size: .75rem;
	position: relative;
	top: -1px;
	margin-left: .25rem;
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.modal .list__correo .listItem.checked .listCol:nth-child(3) a {
	opacity: 1;
	visibility: visible;
}

#modal_imputar label.radio {
	font-size: .875rem;
	margin-top: .375rem;
}
#modal_imputar label.radio + label.radio {
	margin-left: 1rem;
}

.modal .list__vendedores,
.modal .list__clientes,
.modal .list__establecimientos {
	margin-top: 1rem;
}
.modal .list__vendedores .listItem,
.modal .list__correo .listItem,
.modal .list__clientes .listItem,
.modal .list__establecimientos .listItem,
.main__grupo .list__vendedores .listItem,
.modal .list__universidades .listItem {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: .5rem;
}
.main__grupo .list__vendedores .listItem {
	margin-right: 0;
}
.modal .list__vendedores p,
.modal .list__clientes p,
.modal .list__establecimientos p,
.main__grupo .list__vendedores p,
.modal .modal .list__universidades p {
	font-size: 1rem;
}
.modal .list__vendedores p .avatar,
.main__grupo .list__vendedores p .avatar {
	width: 2rem;
	height: 2rem;
	top: -.3rem;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.modal .list__correo p .avatar {
	width: 2rem;
	height: 2rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.modal .list__vendedores p .avatar img,
.modal .list__correo p .avatar img,
.main__grupo .list__vendedores p .avatar img {
	opacity: 0;
	width: 2rem;
	height: 2rem;
}
.modal .list__vendedores p .avatar i,
.modal .list__correo p .avatar i {
	line-height: 2rem!important;
	font-size: 1rem;
	background: #0d4056;
	color: #fff;
	border-radius: 4rem;
	display: block;
}
.modal .list__vendedores p .grupoAvatars {
	margin: -.25rem 0 -1rem 1rem;
	display: inline-block;
	vertical-align: top;
}
.modal .list__vendedores p .grupoAvatars .avatar {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: -.5rem;
	box-shadow: 0 0 0 2px #fff;
}
.modal .list__vendedores p a,
.main__grupo .list__vendedores p a {
	padding-left: 2.5rem;
	display: block;
}
.modal .list__vendedores p a.added {
	font-weight: bold;
	color: #0d4056;
}
.modal .list__vendedores p a.added:after {
	margin-left: .25rem;
	content: "\f00c";
	font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #9bb045;
}
.modal .list__vendedores p a strong,
.modal .list__correo .listCol:nth-child(2) p span:not(.avatar) {
	font-size: .75rem;
	color: #f90;
	margin-left: .5rem;
	font-weight: bold;
}
.modal .list__vendedores p a > span:last-child,
.modal .list__clientes p a > span:last-child,
.modal .list__establecimientos p a > span:last-child,
.main__grupo .list__vendedores p a > span:last-child,
.modal .list__universidades p a > span:last-child {
	float: right;
	opacity: 0;
}
.modal .list__vendedores p a.added > span:last-child {
	opacity: .2;
}
.modal .list__vendedores p:hover span:last-child,
.modal .list__clientes p:hover span:last-child,
.modal .list__establecimientos p:hover a > span:last-child,
.main__grupo .list__vendedores p:hover span:last-child,
.modal .list__universidades p:hover a > span:last-child {
	opacity: 1!important;
}

.list__ventaTraza .list_table .listHeader,
.list__ventaTraza .list_table .listItem,
.list__inscripcionTraza .list_table .listHeader,
.list__inscripcionTraza .list_table .listItem,
.list__cuotasTraza .list_table .listHeader,
.list__cuotasTraza .list_table .listItem {
	padding-right: 0;
}
.list__ventaTraza .listCol {
	width: 33.333%;
}
.list__inscripcionTraza .listCol {
	width: 25%;
}
.list__inscripcionTraza .listCol:nth-child(3) {
	width: 50%;
}
.list__cuotasTraza .listCol {
	width: 25%;
}
.list__cuotasTraza .listCol:nth-child(3) {
	width: 15%;
}
.list__cuotasTraza .listCol:nth-child(4) {
	width: 35%;
}
.list__ventaTraza .listItem,
.list__inscripcionTraza .listItem,
.list__cuotasTraza .listItem {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.list__ventaTraza .listItem p a i,
.list__inscripcionTraza .listItem p a i,
.list__cuotasTraza .listItem p a i {
	color: #0d4056;
	margin-left: .75rem;
}
.list__inscripcionTraza .listItem p + p,
.list__cuotasTraza .listItem p + p {
	margin: 0 0 .125rem;
}
.list__inscripcionTraza .listItem p + a,
.list__inscripcionTraza .listItem p + p a,
.list__cuotasTraza .listItem p + a,
.list__cuotasTraza .listItem p + p a {
	font-size: .75rem;
	display: inline-block;
	text-decoration: underline;
	text-decoration-color: #0d4056;
	margin-top: .25rem;
}
.list__inscripcionTraza .listItem p + p a:hover,
.list__cuotasTraza .listItem p + p a:hover {
	color: #0d4056;
}
.list__inscripcionTraza .listItem p + a i,
.list__inscripcionTraza .listItem p + p a i,
.list__cuotasTraza .listItem p + a i,
.list__cuotasTraza .listItem p + p a i {
	color: #999;
	font-size: .875em;
	margin-left: .125rem;
}

#modal_historial,
.modal.modal__historial {
	max-width: 60rem;
}
#modal_historial .list__inscripcionTraza .listCol:nth-child(1),
#modal_historial .list__inscripcionTraza .listCol:nth-child(2) {
	width: 17.5%;
}
#modal_historial .list__inscripcionTraza .listCol:nth-child(3) {
	width: 65%;
}

#modal_entrega_vendedor_seleccion .list__clientes,
#modal_correo_vendedor_seleccion .list__clientes,
#modal_correo_vendedor_seleccion-imp .list__clientes {
	text-align: left;
	margin-top: -.5rem;
}
#modal_entrega_vendedor_seleccion .list__clientes .listHeader,
#modal_entrega_vendedor_seleccion .list__clientes .listItem,
#modal_correo_vendedor_seleccion .list__clientes .listHeader,
#modal_correo_vendedor_seleccion .list__clientes .listItem,
#modal_correo_vendedor_seleccion-imp .list__clientes .listHeader,
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem {
	padding-right: .25rem;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem,
#modal_correo_vendedor_seleccion .list__clientes .listItem,
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem {
	padding-top: 0;
	padding-bottom: 0;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem.listItemFeatured .listCol:nth-child(2),
#modal_correo_vendedor_seleccion .list__clientes .listItem.listItemFeatured .listCol:nth-child(2),
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem.listItemFeatured .listCol:nth-child(2) {
	font-weight: bold;
	width: 100%;
}
#modal_entrega_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(1),
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) {
	width: 17.5%;
}
#modal_entrega_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(2),
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(3),
#modal_entrega_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(3),
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(4),
#modal_entrega_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(4),
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(5) {
	width: 27.5%;
}
#modal_correo_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(1),
#modal_correo_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2),
#modal_correo_vendedor_seleccion-imp .list__clientes .listHeader .listCol:nth-child(1),
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem .listCol:nth-child(2) {
	width: 18%;
}
#modal_correo_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(2),
#modal_correo_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(3),
#modal_correo_vendedor_seleccion-imp .list__clientes .listHeader .listCol:nth-child(2),
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem .listCol:nth-child(3) {
	width: 35%;
}
#modal_correo_vendedor_seleccion .list__clientes .listHeader .listCol:nth-child(3),
#modal_correo_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(4),
#modal_correo_vendedor_seleccion-imp .list__clientes .listHeader .listCol:nth-child(3),
#modal_correo_vendedor_seleccion-imp .list__clientes .listItem .listCol:nth-child(4) {
	width: 47%;
}
#modal_entrega_vendedor_seleccion .list__clientes .listHeader p,
#modal_correo_vendedor_seleccion .list__clientes .listHeader p,
#modal_correo_vendedor_seleccion-imp .list__clientes .listHeader p {
	font-size: .625rem;
}
#modal_entrega_vendedor_seleccion .list__clientes p,
#modal_correo_vendedor_seleccion .list__clientes p,
#modal_correo_vendedor_seleccion-imp .list__clientes p {
	font-size: .875rem;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
#modal_entrega_vendedor_seleccion .list__clientes p:hover {
	white-space: normal;
	overflow: visible;
}
#modal_entrega_vendedor_seleccion .list__clientes p a,
#modal_correo_vendedor_seleccion .list__clientes p a,
#modal_correo_vendedor_seleccion-imp .list__clientes p a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) p {
	padding-right: 1rem;
	margin-right: -2.25rem;
	display: inline-block;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) i {
  font-size: .625em;
  width: 1rem;
  vertical-align: top;
  position: relative;
  top: .25rem;
  left: .5rem;
  display: inline-block;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) i.fa-check {
	color: #06f;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) i.fa-exclamation-circle {
	color: #f90;
}
#modal_entrega_vendedor_seleccion .list__clientes .listItem .listCol:nth-child(2) i.fa-exclamation-triangle {
	color: #f02;;
}

.modal .list__ventas {
	margin-top: 1rem;
}
#modal_correo_vendedor_seleccion-imp .list__ventas .listHeader .listCol:nth-child(1),
#modal_correo_vendedor_seleccion-imp .list__ventas .listItem .listCol:nth-child(2) {
	width: 10%;
}
#modal_correo_vendedor_seleccion-imp .list__ventas .listItem.listItemFeatured .listCol:nth-child(2) {
	white-space: nowrap;
	font-weight: bold;
}
#modal_correo_vendedor_seleccion-imp .list__ventas .listHeader .listCol:nth-child(2),
#modal_correo_vendedor_seleccion-imp .list__ventas .listItem .listCol:nth-child(3) {
	width: 25%;
}
#modal_correo_vendedor_seleccion-imp .list__ventas .listHeader .listCol:nth-child(3),
#modal_correo_vendedor_seleccion-imp .list__ventas .listItem .listCol:nth-child(4) {
	width: 55%;
}
#modal_correo_vendedor_seleccion-imp .list__ventas .listHeader .listCol:nth-child(4),
#modal_correo_vendedor_seleccion-imp .list__ventas .listItem .listCol:nth-child(5) {
	width: 10%;
	text-align: left;
}

.list__planPago {
	margin-bottom: 1rem;
}
.list__planPago .listHeader,
.list__planPago .listItem {
    padding-right: 11rem;
}
.list__planPago .listItem .listCol {
	padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.list__planPago .listCol:nth-child(1) {
	width: 16%;
}
.list__planPago .listCol:nth-child(2),
.list__planPago .listCol:nth-child(3),
.list__planPago .listCol:nth-child(4),
.list__planPago .listCol:nth-child(5),
.list__planPago .listCol:nth-child(6),
.list__planPago .listCol:nth-child(7) {
	width: 14%;
}
.list__planPago .listCol:nth-child(4) {
	text-align: center;
}
.list__planPago .listCol:nth-child(5),
.list__planPago .listCol:nth-child(6),
.list__planPago .listCol:nth-child(7) {
	text-align: right;
}
.list__planPago .listItem.alert .listCol:nth-child(2),
.list__planPago .listItem.alert .listCol:nth-child(3) {
	color: #f00;
}
.list__planPago .listResume .listResumeItem {
	width: 17.5%;
	padding: 1.25rem 1.5rem 1rem;
	position: relative;
}
.list__planPago .listResume .listResumeItem:nth-child(1) {
	font-weight: bold;
}
.list__planPago .listResume .listResumeItem:nth-child(1) span {
	font-weight: normal;
}
.list__planPago .listResume .listResumeItem:nth-child(1) strong {
	display: block;
	color: #f00;
	margin-top: .25rem;
}
.list__planPago .listResume .listResumeItem:nth-child(2) p,
.list__planPago .listResume .listResumeItem:nth-child(3) p,
.list__planPago .listResume .listResumeItem:nth-child(4) p {
	font-size: 1.4rem;
	padding-top: .25rem;
}
.list__planPago .listResume .listResumeItem:nth-child(5) {
	padding-top: 1.625rem;
	text-align: right;
	width: 30%;
}
.list__planPago .listResume .listResumeItem:nth-child(5) a {
	margin-left: .25rem;
}
.list__planPago .listResume .listResumeItem h3 + a {
	position: absolute;
	color: #f00;
	left: -1rem;
	top: 3rem;
}
.list__planPago .listResume .listResumeItem h3 + a + p {
	color: #f00;
}

.form__ventas_items .row {
	margin: 0 -.5rem 1rem;
	position: relative;
}
.form__ventas_items p:first-child + .row .bt_remove {
	display: none;
}
.form__ventas_items .row + .row label:first-child {
	display: none;
}
.form__ventas_items .row + .row.item_distrito {
	margin-top: -.75rem;
}
.form__ventas_items .col {
	padding: 0 .5rem;
	position: relative;
	z-index: 10;
	transition: transform 150ms ease;
}
.form__ventas_items .row .col:last-child {
	z-index: 5;
}
.form__ventas_items .row + .row:hover:not(:last-child) .col:last-child,
.item_refinanciacion:hover .col:last-child {
	transform: translateX(-2.25rem);
}
.fixedRows .row .col {
	transform: none!important;
}
.form__ventas_items p + .row:hover .col:last-child {
	transform: none!important;
}
.form__ventas_items .row .bt_remove {
	z-index: 1;
}
.form__ventas_items .col1 input {
	padding: .5rem;
}
.form__ventas_items .col:last-child label {
	text-align: right;
	padding-right: .75rem;
}
.form__ventas_items .col:last-child input,
.form__ventas_items .col:last-child p {
	text-align: right;
	display: inline-block;
	overflow: visible;
	width: 100%!important;
}
.form__ventas_items .col:last-child p span {
	display: block;
	font-size: .75em;
	margin:-.375rem 0 -1rem;
	color: #666;
}
.form__ventas_subtotal {
	margin-top: 1.25rem;
	padding-top: .75rem;
	border-top: dashed 1px #ddd;
}
.form__ventas_subtotal .col p {
	line-height: 2.625rem;
}
.form__ventas_items .col3 select {
	width: 88%;
	display: inline-block;
}
.form__ventas_items select + a {
	width: 10%;
	text-align: center;
	display: inline-block;
	font-size: .75rem;
	color: #aaa;
}
.form__ventas_items select + a:hover {
	color: #0d4056;
}
.form__ventas_items .row.item_refinanciacion {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: dashed 1px #ddd;
}
.item_refinanciacion input:read-only,
.item_refinanciacion select {
	padding-left: .75rem;
	background:#cce0ff;
	border-color: transparent;
}
.list__refinanciacion {
	border-top: solid 1px #ddd;
	max-width: 30rem;
	margin: 0 auto 1rem;
}
.list__refinanciacion li {
	padding: .75rem 0 .75rem 2rem;
	border-bottom: solid 1px #ddd;
	position: relative;
	text-align: left;
	font-size: 0;
}
.list__refinanciacion li.field + li.field {
	margin-top: 0;
}
.list__refinanciacion li label {
	position: absolute!important;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
}
.list__refinanciacion li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1rem;
	width: 33.333%;
	box-sizing: border-box;
}
.form__ventas_subtotal .row {
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.form__ventas_subtotal .col {
	padding: 0 .5rem;
}
.form__ventas_subtotal .row:last-child {
	font-weight: bold;
}
.form__ventas_subtotal .row .col:first-child p,
.form__ventas_subtotal .row .col input[type="date"] {
	font-size: .875rem;
	font-weight: normal;
}
.form__ventas_subtotal .row .col label.checkbox {
	padding-top: .5rem;
    line-height: 1.5rem;
}
.form__ventas_metodos .row {
	margin: 0 -.5rem;
}
.form__ventas_metodos label {
	display: inline-block;
	vertical-align: middle;
	width: 14.285%;
	font-size: 1rem;
	position: relative;
	padding: 0 .5rem;
	box-sizing: border-box;
}
.form__ventas_metodos .row.row5 label {
	width: 20%;
}
.form__ventas_metodos label input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.form__ventas_metodos label i {
	position: absolute;
	left: 1.5rem;
	z-index: 5;
	top: .75rem;
	color: #0d4056;
}
.form__ventas_metodos label span {
	height: 4.25rem;
	padding: 2rem .75rem 0;
	display: block;
	box-sizing: border-box;
	border: solid 1px #0d4056;
	border-radius: 3px;
	background: #fff;
	font-size: .75rem;
}
.form__ventas_metodos label input:checked + span,
.form__ventas_metodos label input:checked + span + i {
	background: #0d4056;
	color: #fff;
}
.form__ventas_metodos label input:disabled + span,
.form__ventas_metodos label input:disabled + span + i {
	background: #ccc;
    color: #aaa;
    border-color: transparent;
}
.form__ventas_metodo {
	display: none;
	margin-top: 0!important;
}
.form__ventas_metodo.active {
	display: block;
}
.form__ventas_metodo .row {
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.form__ventas_metodo .col {
	padding: 0 .5rem;
}
.form__ventas_lugarCobro {
	padding-top: 1.25rem;
}
.form__ventas_metodo .field {
	position: relative;
}
.field .fa-cc-visa {
	position: absolute;
	left: 0;
	top:1.875rem;
	left: .75rem;
	color: #aaa;
}
.fa-cc-visa + input {
	padding-left: 3rem;
}
#vendedorcontado p {
	padding-top: 2rem;
	font-size: .75rem;
	line-height: 1rem;
}

.form__ventas_plan .row {
	margin: 0 -.5rem 1rem;
}
.form__ventas_plan .row .col {
	padding: 0 .5rem;
}
.form__ventas_plan .row .col p {
	padding: .75rem 0;
}

.card__venta_progreso .row:first-child h3 + p {
	padding-top: .375rem;
}
.card__venta_progreso p .fa-dollar-sign {
	color: #0d4056;
	margin-left: .5rem;
}

.card__venta_distribuidor p + p {
	font-size: inherit;
    margin-top: .5rem;
    color: inherit;
}

.card__venta_comentarios {
	background: #f6f8f9;
}
.card__venta_comentarios .cardHeader {
	height: 1.5rem;
}
.card__venta_comentarios .cardContent {
	height: calc(100vh - 20rem);
	padding-left: .5rem;
	margin-left: -.5rem;
}
.card__venta_comentarios .cardFooter {
	height: 6rem;
}
.card__venta_comentarios .form {
	position: relative;
	padding-bottom: 0;
}
.card__venta_comentarios .form textarea {
	font-size: .875rem;
	line-height: 1.4rem;
}
.card__venta_comentarios .form button {
	padding: 0;
	width: 3rem;
	line-height: 2.5rem;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 1rem 0 .2rem 0;
}
.comment {
	margin-bottom: 1.25rem;
}
.comment h3 {
	padding-left: 2rem;
	line-height: 1.5rem;
	position: relative;
	font-size: .75rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .5rem;
}
.comment h3 .avatar {
	position: absolute;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 1.5rem;
	overflow: hidden;
	margin: 0;
}
.comment h3 span {
	font-weight: normal;
	color: #aaa;
	float: right;
}
.comment p {
	background: #fff;
	position: relative;
	border-top: solid 1px #0d4056;
	font-size: .875rem;
	line-height: 1rem;
	padding: .625rem .75rem;
	border-radius: .125rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}
.comment p:before {
	content: '';
	position: absolute;
	left: .5rem;
	border: solid .25rem transparent;
	border-bottom-color:#0d4056;
	bottom: 100%;
}

#modal_aprobar-venta .col7 p span {
	background: #bbb;
	color: #fff;
	font-size: .875rem;
	padding: 0 .5em;
	border-radius: 2px;
	margin-left: .5rem;
}
#modal_aprobar-venta .col5 p span {
	font-size: .75em;
	color: #aaa;
	margin-left: .25rem;
}

#modal_refinanciar .radio,
#modal_crear-cuota .radio,
#modal_editar-cuota .radio {
	font-size: .875rem;
}

#modal_crear-cuota .modalContent {
	min-height: 0;
}
#modal_crear-cuota .modalContent .row {
	margin-bottom: .5rem;
}

.list__vendedores .list_blocks .listItem:hover,
.list__distribuidores .list_blocks .listItem:hover {
	box-shadow: 0 .5rem 1rem -.5rem rgba(0,0,0,.4);
}
.list__vendedores .list_blocks .listItem.remove,
.list__distribuidores .list_blocks .listItem.remove {
	opacity: .5;
}
.list__vendedores .list_blocks .listItem.remove:hover,
.list__distribuidores .list_blocks .listItem.remove:hover {
	opacity: 1;
}
.list__vendedores .list_blocks .listItem > a,
.list__distribuidores .list_blocks .listItem > a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 50%;
}
.list__vendedores .list_blocks .listItem > a i,
.list__distribuidores .list_blocks .listItem > a i {
	position: absolute;
	right: 1rem;
	top: .75rem;
	color: #0d4056;
	opacity: 0;
	transition: all 150ms ease;
}
.list__vendedores .list_blocks .listItem > a:hover i,
.list__distribuidores .list_blocks .listItem > a:hover i {
	opacity: 1;
}
.list__vendedores .list_blocks .listCol:nth-child(1) p,
.list__distribuidores .list_blocks .listCol:nth-child(1) p {
	font-size: 1.125rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list__vendedores .list_blocks .listCol:nth-child(1) .avatar + a,
.list__distribuidores .list_blocks .listCol:nth-child(1) .avatar + a {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 2rem;
	font-size: .75rem;
	color: #fff;
	background: #f90;
	position: absolute;
	left: 50%;
	margin-left: 2.5rem;
	top: 2.5rem;
	transform: translate(-50% , -50%);
	z-index: 10;
}
.list__vendedores .list_blocks .listCol:nth-child(1) .list__vendedores_grupo + .avatar + a,
.list__distribuidores .list_blocks .listCol:nth-child(1) .list__vendedores_grupo + .avatar + a {
	margin-left: 3.75rem;

}
.list__vendedores .list_blocks .listCol:nth-child(1) p a,
.list__distribuidores .list_blocks .listCol:nth-child(1) p a {
	position: relative;
	z-index: 999;
}
.list__vendedores .list_blocks .listCol:nth-child(1) p + p,
.list__distribuidores .list_blocks .listCol:nth-child(1) p + p {
	font-size: .875rem;
}
.list__vendedores .list_blocks .listCol:nth-child(2),
.list__vendedores .list_blocks .listCol:nth-child(3),
.list__distribuidores .list_blocks .listCol:nth-child(2),
.list__distribuidores .list_blocks .listCol:nth-child(3) {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.list__vendedores .list_blocks .avatar,
.list__distribuidores .list_blocks .avatar,
.list__vendedores_grupo {
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	margin: .5rem auto;
	display: inline-block;
	border-radius: 3rem;
	color: #fff;
	position: relative;
	z-index: 5;
	box-shadow: 0 0 0 3px #fff;
}
.list__vendedores .list_blocks .avatar img ,
.list__distribuidores .list_blocks .avatar img ,
.list__vendedores_grupo img {
	border-radius: 3rem;
	width: 100%;
}
.list__vendedores_grupo {
	position: absolute;
	left: 50%;
	margin:1rem .25rem;
	z-index: 4;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	background: #0d4056;
}
.list__vendedores_grupo:hover {
	background: #0d4056;
}
.list__vendedores_grupo + .avatar {
	right: 1.25rem;
}
.list__vendedores .list_blocks .listItem .btText,
.list__distribuidores .list_blocks .listItem .btText {
	display: block;
	margin-top: .25rem;
}
.list__distribuidores .list_blocks .listItem.pending {
	border-top-color: #f02;
}
.list__distribuidores .list_blocks .listItem.alert,
.list__vendedores .list_blocks .listItem.alert {
	border-top-color: #f90;
}
.list__distribuidores .list_blocks .listItem.pending span,
.list__distribuidores .fa-exclamation-circle {
	color: #f02;
	font-weight: bold;
}
.list__distribuidores .badge {
	position: absolute;
	transform: translateY(-25%);
	box-shadow: 0 0 0 .125rem #f02;
}
.list__vendedores .list_blocks .listItem .listActions a,
.list__distribuidores .list_blocks .listItem .listActions a {
	margin: 0 .5rem;
	transition: all 150ms ease;
}
.list__grupos .list_blocks .listItem {
	width: 30%;
	width: calc(33.333% - 1rem);
}
.list__grupos .grupoAvatars {
	margin: 1.75rem 0 .5rem;
	height: 2.5rem;
}
.list__grupos .grupoAvatars a {
	display: inline-block;
	margin: -.25rem -.25rem 0;
}
.list__grupos .grupoAvatars a .avatar {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: none;
	margin: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.list__grupos .grupoAvatars a .avatar img {
	width: 2.5rem;
	height: 2.5rem;
	opacity: 0;
}

#modal_nuevo_vendedor .field_avatar,
#modal_ver_vendedor .field_avatar,
#modal_editar_vendedor .field_avatar,
#modal_nuevo_distribuidor .field_avatar,
#modal_ver_distribuidor .field_avatar,
#modal_editar_distribuidor .field_avatar,
#modal_nuevo_cobrador .field_avatar,
#modal_ver_cobrador .field_avatar,
#modal_editar_cobrador .field_avatar,
#modal_ver_grupo .field_avatar,
#modal_perfil_usuario .field_avatar {
	height: 0;
}

#modal_nuevo_distribuidor label.radio,
#modal_editar_distribuidor label.radio {
	font-size: 1rem;
}

#modal_aprobar_venta .field_detalle label ~ p {
	font-size: .875rem;
	line-height: 1.2em;
	margin: 0 0 .25rem;
	padding: 0;
}

.list__vendedores_nuevaVenta,
.list__distribuidores_nuevaVenta {
	position: absolute;
	top: -.2rem;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.375rem;
	border-radius: 0 3px 0 1rem;
	background: rgba(0,0,0,.2);
	color: #fff;
}
.list__vendedores_nuevaVenta:hover,
.list__distribuidores_nuevaVenta:hover {
	background: #0d4056;
}

.list__liquidacion h3 {
	margin-bottom: 1rem;
	font-weight: bold;
	background: #fff;
	border-radius: 3px;
	padding: 1rem 1rem 1.5rem;
	margin: -.25rem -1rem .5rem;
	box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.1);
	border-top: solid 1px #0d4056;
}
.list__liquidacion h3 strong {
	float: right;
	color: #0d4056;
	text-align: right;
}
.list__liquidacion h3 strong span {
	display: block;
	font-weight: normal;
	color: #666;
	font-size: .75em;
	margin-top: .25em;

}
.list__liquidacion .listHeader,
.list__liquidacion .listItem {
	padding-right: 0;
	padding-left: 0;
	margin: 0 -.5rem;
}
.list__liquidacion .listItem + .listHeader {
	margin-top: 1rem;
}
.list__liquidacion .listItem {
	padding-left: 1.5rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.list__liquidacion .listItem > .field {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.list__liquidacion .listCol {
	width: 50%;
}
.list__liquidacion .listCol + .listCol {
	text-align: right;
}
.list__liquidacion .listCol i {
	color: #0d4056;
	margin-right: .5rem;
}
.list__liquidacion .liquidacionAcreedor,
.list__liquidacion .liquidacionDeuda {
	text-align: center;
	margin-top: 1rem;
	line-height: 4rem;
  font-size: .875rem;
  background: #c5d194;
  border-radius: 2px;
  color: #fff;
  position: relative;
  box-shadow: 0 .5rem .5rem -.5rem rgba(0,0,0,.2);
}
.list__liquidacion .liquidacionDeuda {
  background: #f02;
}
.list__liquidacion .liquidacionAcreedor:after,
.list__liquidacion .liquidacionDeuda:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	border: solid 5px transparent;
	border-bottom-color: #c5d194;
}
.list__liquidacion .liquidacionDeuda:after {
	border-bottom-color: #f02;	
}
.list__liquidacion .col .bt {
	display: block;
	text-align: center;
	margin-top: 1.5rem;
	line-height: 2rem;
    font-size: .875rem;
}

.card__liquidacion .row:first-child h3 + p {
	padding-top: .375rem;
}
.card__liquidacion p span,
.card__liquidacion p > i {
	font-size: .75rem;
	color: #999;
	margin-left: .25rem;
}
.card__liquidacion.card .hr ~ p,
.card__liquidacion.card p + p {
	font-size: .875rem;
	color: inherit;
}
.card__liquidacion p strong {
	float: right;
	margin-right: 5em;
}
.card__liquidacion p.liquidacion_descuento strong {
	margin-right: 0;
}
.card__liquidacion p strong del {
	text-decoration: line-through;
}
.card__liquidacion .row:last-child .col {
	text-align: right;
}
.card__liquidacion .row:last-child h3 {
	font-size: 1rem;
	margin-right: 1rem;
}
.card__liquidacion .row:last-child h3,
.card__liquidacion .row:last-child h2 {
	display: inline-block;
	vertical-align: baseline;
}

.list__pagos .listTabs {
	box-shadow: none;
	margin: -1.5rem -2.25rem 1.5rem;
    padding: .5rem 2.25rem 0;
    background: rgba(0,0,0,.05);
}
.list__pagos .listTabs .listTab {
	width: 50%;
	text-align: center;
	border-bottom: none;
	border-top: solid .125rem transparent;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .875rem;
	color: #aaa;
	padding: 1rem;
	border-radius: 3px 3px 0 0;
}
.list__pagos .listTabs .listTab + .listTab {
	border-left: none;
}
.list__pagos .listTabs .listTab.active {
	border-color: #0d4056;
	color: #0d4056;
	background: #f6f8f9;
	box-shadow: 0 -.25rem 0.25rem 0 rgba(0,0,0,.1);
}
.list__pagos .listFilter .field {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.list__pagos .listFilter .field label.toggle {
	height: 2.1rem;
}
.list__pagos .listFilter .field label.toggle input + span span {
    top: -.2rem;
    background: #0d4056;
}
.list__pagos .listFilter .field label.toggle input + span span:before {
	display: none;
}

.list__pagos .listHeader,
.list__pagos .listItem {
	padding-right: 12rem;
}
.list__inscripciones .listStatusItem {
	width: 20%;
}
.list__pagos .listStatusItem {
	width: 16.666%;
}
.list__inscripciones .listStatusItem a,
.list__pagos .listStatusItem a {
	height: 7.875rem;
}
.list__inscripciones .listStatusItem a strong,
.list__pagos .listStatusItem a strong {
	color: #0d4056;
}
.list__inscripciones .listStatusItem a p,
.list__pagos .listStatusItem a p {
	margin-top: .75rem;
	margin-bottom: -.25rem;
	font-size: .75rem;
	color: #999;
}
.list__pagos .listStatusItem a.active p {
	color: #fff;
	opacity: .5;
}
.list__inscripciones .listStatusItem a p span,
.list__pagos .listStatusItem a p span {
	font-weight: bold;
}
.list__pagos .listStatusItem:nth-child(2) p + p {
	padding-top: .625rem;
	margin-top: 1.125rem;
	border-top: solid 1px #ccc;
}
.list__inscripciones .listStatusItem:nth-child(2) a strong,
.list__inscripciones .listStatusItem:nth-child(3) a strong,
.list__inscripciones .listStatusItem:nth-child(4) a strong {
	color: #f02;
}
.list__inscripciones .listStatusItem:nth-child(5) a strong {
	color: #f90;
}
.list__inscripciones .listStatusItem:nth-child(2) a:first-child:hover,
.list__inscripciones .listStatusItem:nth-child(3) a:first-child:hover,
.list__inscripciones .listStatusItem:nth-child(4) a:first-child:hover {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.15), inset 0 0 0 2px #f02;
}
.list__inscripciones .listStatusItem a + a {
	padding: 0 .75rem;
	font-size: .75rem;
	text-transform: uppercase;
	line-height: 2rem;
	box-shadow: none;
	margin: -3rem 1rem 0;
	display: block;
	height: auto;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px #ccc;
}
.list__pagos .listStatusItem {
	position: relative;
}
.list__pagos .listStatusItem a ~ a {
	font-size: .75rem;
	text-transform: uppercase;
	line-height: 2rem;
	box-shadow: none;
	height: auto;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px #ccc;
	position: absolute;
	bottom: 1rem;
	left: 1.5rem;
	text-align: center;
	width: 35%;
	padding: 0;
}
.list__pagos .listStatusItem a ~ a + a {
	left: auto;
	right: 1.5rem;
}
.list__inscripciones .listStatusItem a + a i,
.list__pagos .listStatusItem a ~ a i {
	color: #0d4056;
	position: static;
	opacity: 1;
}
.list__inscripciones .listStatusItem a + a i {
	margin-right: .25rem;
}
.list__inscripciones .listStatusItem a + a:hover,
.list__pagos .listStatusItem a + a:hover {
	background: #0d4056;
	color: #fff;
	box-shadow: none;
}
.list__inscripciones .listStatusItem a + a:hover i,
.list__pagos .listStatusItem a + a:hover i {
	color: #fff;
}
.list__inscripciones .listHeader,
.list__inscripciones .listItem {
	padding-right: 10rem;
}
.list__inscripciones .listItem .listCol,
.list__cuentacorriente .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__inscripciones .listCol:nth-child(1) {
	width: 22.5%;
}
.list__pagos  .listCol:nth-child(1) {
	width: 14%;
}
.list__inscripciones .listCol:nth-child(2) {
	width: 23.5%;
}
.list__pagos  .listCol:nth-child(2) {
	width: 14%;
}
.list__inscripciones .listCol:nth-child(2) p {
	height: 2.4em;
	overflow: hidden;
}
.list__inscripciones .listCol:nth-child(3),
.list__inscripciones .listCol:nth-child(4),
.list__inscripciones .listCol:nth-child(5) {
	width: 13%;
}
.list__pagos .listCol:nth-child(3) {
	width: 33%;
}
.list__pagos  .listCol:nth-child(4) {
	width: 7%;
}
.list__pagos .listCol:nth-child(5) {
	text-align: center;
	width: 17%;
}
.list__inscripciones .listCol:nth-child(6),
.list__pagos  .listCol:nth-child(6) {
	width: 15%;
}
.list__inscripciones .listCol:nth-child(4) span,
.list__inscripciones .listCol:nth-child(5) span,
.list__inscripciones .listCol:nth-child(6) span,
.list__pagos .listCol:nth-child(6) span {
	font-weight: bold;
	font-size: .875em;
	border-radius: 2px;
	padding: .125em 0;
	display: inline-block;
}
.list__inscripciones .listItem.pending .listCol:nth-child(3) span,
.list__inscripciones .listItem.pending .listCol:nth-child(4) span,
.list__inscripciones .listItem.pending .listCol:nth-child(5) span,
.list__inscripciones .listItem.pending .listCol:nth-child(6) span,
.list__pagos .listItem.pending .listCol:nth-child(6) span {
	color: #f02;
}
.list__pagos .listItem.ok .listCol:nth-child(6) span {
	color: #06f;
}
.list__pagos .listItem.alert .listCol:nth-child(6) span {
	color: #fff;
    background: #f02;
    padding: .125em .5em;
    border-radius: 2px;
    font-weight: normal;
}
.list__pagos .listItem.alert .listCol:nth-child(6) span i {
	color: #fff;
	font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
}
.list__pagos .listItem .listCol:nth-child(6) .fa-exclamation-triangle {
    font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
    color: #f02;
}
.list__inscripciones .listItem.alert .listCol:nth-child(3) span,
.list__inscripciones .listItem.alert .listCol:nth-child(4) span,
.list__inscripciones .listItem.alert .listCol:nth-child(5) span,
.list__inscripciones .listItem.alert .listCol:nth-child(6) span {
	color: #f90;
}
.list__inscripciones .listItem.alert.pending .listCol:nth-child(5) span {
	color: #f02;
}
.list.list__inscripciones .listItem .listCol:nth-child(3) p + p span {
	margin-left: 0;
}
.list__inscripciones .listItem.alert {
	border-left-color: #f90;
}
.list__inscripciones .listItem.alert.pending {
	border-left-color: #f02;
}
.list__inscripciones .listItem.alert .listCol:nth-child(6) span {
	color: #fff;
	background: #f90;
	padding: .125em .5em;
    border-radius: 2px;
    font-weight: normal;
    white-space: nowrap;
}
.list__inscripciones .listItem.alert .listCol:nth-child(6) span i {
	color: #fff;
}
.list__inscripciones .listItem.pending .listCol:nth-child(6) span + i.fa-forward {
	color: #0d4056;
	margin-left: .5rem;
}
.list__inscripciones .listItem.ok .listCol:nth-child(4) span,
.list__inscripciones .listItem.ok .listCol:nth-child(5) span,
.list__inscripciones .listItem.ok .listCol:nth-child(6) span {
	color: #06f;
}
.list__inscripciones .listItem:not(.ok) .listCol:nth-child(6) a {
	font-size: .75rem;
	background: #ccc;
	border: solid 1px rgba(0,0,0,.1);
	padding: .125rem .375rem;
	white-space: nowrap;
	border-radius: 2px;
	color: #fff;
}
.list__inscripciones .listItem:not(.ok) .listCol:nth-child(6) a i {
	color: #fff;
	margin-right: .25rem;
}
.list__inscripciones .listItem:not(.ok) .listCol:nth-child(6) a:hover {
	background: #0d4056;
	text-decoration: none;
}
.list__inscripciones .listItem.ok .listCol:nth-child(6) a {
	text-decoration: underline;
	text-decoration-color: #0d4056;
}
.list__inscripciones .listItem.ok .listCol:nth-child(6) a:hover {
	color: #0d4056;
}
.list__inscripciones .listItem .listCol i.fa-check,
.list__inscripciones .listItem .listCol i.fa-exclamation-triangle,
.list__pagos .listItem .listCol i.fa-check {
    color: #06f;
    font-size: .75em;
    margin-left: .125rem;
    position: relative;
    top: -1px;
}
.list__inscripciones .listItem .listCol i.fa-exclamation-triangle {
	color: #f90;
}

#modal_exportar_debito input[type="date"] {
	width: 12rem;
	margin: 0 auto;
}
#modal_importar_debito .modalContent .bt {
	margin: 1.5rem auto;
}

.entrega_modo {
	margin: 1.5rem -1rem 0;
	font-size: 0;
}
.entrega_modo:first-child {
	margin-top: .5rem;
}
.entrega_modo label {
	display: inline-block;
	vertical-align: middle;
	width: 33.333%;
	font-size: 1rem;
	position: relative;
	padding: 0 1rem;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 150ms ease;
}
.entrega_modo label input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.entrega_modo label span {
	height: 2rem;
	line-height: 1rem;
	padding: 5rem 1rem 1rem;
	display: block;
	border: solid 1px #0d4056;
	border-radius: 3px;
	background: #fff;
	font-size: .75rem;
}
.entrega_modo label i,
.entrega_modo label .avatar {
	color: #fff;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	background: #0d4056;
	border-radius: 3rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: 1rem;
	padding: 0;
	overflow: hidden;
	border: none;
}
.entrega_modo label .avatar img {
	display: block;
	width: 100%;
}
.entrega_modo label input:checked + span {
	background: #0d4056;
	color: #fff;
}
.entrega_modo label input:checked + span + i {
	background: #fff;
	color: #0d4056;
}

.list__clientes .listHeader,
.list__clientes .listItem {
	padding-right: 5rem;
}
.list__clientes .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__clientes .listCol:nth-child(1) {
	width: 25%;
}
.list__clientes .listCol:nth-child(2) {
	width: 25%;
}
.list__clientes .listCol:nth-child(3) {
	width: 20%;
}
.list__clientes .listCol:nth-child(3) a {
	margin-left: .5rem;
}
.list__clientes .listCol:nth-child(4) {
	width: 30%;
}
.list__clientes .listCol:nth-child(4) span {
	font-weight: bold;
	margin-left: .25rem;
	font-size: .875em;
}
.list__clientes .listItem.alert .listCol:nth-child(4) span {
	color: #f02;
}
.list__clientes .listItem.pending .listCol:nth-child(4) span {
	color: #fff;
  background: #f02;
  padding: .125em .5em;
  border-radius: 2px;
  display: inline-block;
  margin-left: 0;
}


.modal .list__distritos .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.modal .list__distritos .listItem .listCol:nth-child(2),
.modal .list__distritos .listItem .listCol:nth-child(3) {
	width: 50%;
}
.modal .list__distritos .listItem.listItemFeatured {
	font-weight: bold;
}
.modal .list__distritos .listItem .listCol:nth-child(3) p {
	opacity: .25;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.modal .list__distritos .listItem.checked .listCol:nth-child(3) p {
	opacity: 1;
}
.modal .list__distritos .listCol:nth-child(3) a {
	font-size: .75rem;
	position: relative;
	top: -1px;
	margin-left: .25rem;
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.modal .list__distritos .listItem.checked .listCol:nth-child(3) a {
	opacity: 1;
	visibility: visible;
}

.list__establecimiento .listHeader,
.list__establecimiento .listItem {
	padding-right: 5rem;
}
.list__establecimiento .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__establecimiento .listCol:nth-child(1) {
	width: 25%;
}
.list__establecimiento .listCol:nth-child(2) {
	width: 25%;
}
.list__establecimiento .listCol:nth-child(3) {
	width: 20%;
}
.list__establecimiento .listCol:nth-child(3) a {
	margin-left: .5rem;
}
.list__establecimiento .listCol:nth-child(4) {
	width: 30%;
}
.list__establecimiento .listCol:nth-child(4) span {
	font-weight: bold;
	margin-left: .25rem;
	font-size: .875em;
}
.list__establecimiento .listItem.alert .listCol:nth-child(4) span {
	color: #f02;
}
.list__establecimiento .listItem.pending .listCol:nth-child(4) span {
	color: #fff;
  background: #f02;
  padding: .125em .5em;
  border-radius: 2px;
  display: inline-block;
  margin-left: 0;
}

.list__usuarios .listHeader,
.list__usuarios .listItem {
	padding-right: 7rem;
}
.list__usuarios .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__usuarios .listCol:nth-child(1) {
	width: 23%;
}
.list__usuarios .listCol:nth-child(2) {
	width: 23%;
}
.list__usuarios .listCol:nth-child(3) {
	width: 31%;
}
.list__usuarios .listCol:nth-child(3) a {
	margin-left: .5rem;
}
.list__usuarios .listCol:nth-child(4) {
	width: 23%;
}
.list__usuarios .listCol:nth-child(4) span {
	font-weight: bold;
	margin-left: .25rem;
}
.list__usuarios .listItem.pending .listCol:nth-child(4) span {
	color: #f02;
}

.list__cohortes .listItem .listCol {
	padding-top:.75rem;
	padding-bottom: .75rem;
}

.list__refinanciaciones .listItem .listCol {
	padding-top:.75rem;
	padding-bottom: .75rem;
}

.list__forma_pago .listItem .listCol,
.list__forma_pago_dist .listItem .listCol {
	padding-top:.75rem;
	padding-bottom: .75rem;
}
.list__forma_pago .list_table .listCol:nth-child(1) {
	width: 30%;
}
.list__forma_pago .list_table .listCol:nth-child(2) {
	width: 25%;
}
.list__forma_pago .list_table .listCol:nth-child(3),
.list__forma_pago .list_table .listCol:nth-child(4),
.list__forma_pago .list_table .listCol:nth-child(5) {
	width: 15%;
}
.list__forma_pago_dist .listCol:nth-child(1) {
	width: 40%;
}
.list__forma_pago_dist .listCol:nth-child(2),
.list__forma_pago_dist .listCol:nth-child(3),
.list__forma_pago_dist .listCol:nth-child(4) {
	width: 20%;
}

.list__postitulos .listHeader,
.list__postitulos .listItem {
	padding-right: 9rem;
}
.list__postitulos_cats .listHeader,
.list__postitulos_cats .listItem {
	padding-right: 6rem;
}
.list__postitulos .listItem .listCol,
.list__postitulos_cats .listItem .listCol {
	padding-top:.5rem;
	padding-bottom: .5rem;
}
.list__postitulos .listCol:nth-child(1) {
	width: 4%;
}
.list__postitulos .listCol:nth-child(2),
.list__postitulos .listCol:nth-child(3) {
	width: 6%;
}
.list__postitulos .listCol:nth-child(1) p {
	font-weight: normal;
	line-height: 2rem;
}
.list__postitulos .listCol:nth-child(4) {
	width: 39%;
	font-weight: bold;
}
.list__postitulos .listCol:nth-child(5) {
	width: 15%;
}
.list__postitulos .listCol:nth-child(6) {
	width: 10%;
}
.list__postitulos .listCol:nth-child(7) {
	width: 10%;
}
.list__postitulos .listCol:nth-child(8) {
	width: 10%;
}
.modal .list__postitulos .listHeader, 
.modal .list__postitulos .listItem {
	padding-right: 0;
}
.modal .list__postitulos .listCol:nth-child(1) {
	width: 10%;
}
.modal .list__postitulos .listCol:nth-child(2) {
	width: 65%;
}
.modal .list__postitulos .listCol:nth-child(3) {
	width: 25%;
}
.modal .list__postitulos .fa-chalkboard-teacher {
	color: #9bb045;
}
.modal .list__postitulos .fa-check {
	color: #06f;
}
.modal .list__postitulos .fa-clock {
	color: #f02;
}
.list__postitulos_cats .listCol:nth-child(1) {
	width: 15%;
}
.list__postitulos_cats .listCol:nth-child(2) {
	width: 55%;
}
.list__postitulos_cats .listCol:nth-child(3) {
	width: 30%;
}

.fieldSet_distrito .row + .row {
	margin-top: 1.25rem;
	z-index: 10;
}
.fieldSet_distrito .row + .row .field label {
	display: none;
}
.fieldSet_distrito a.bt {
	margin-top: 1.5rem;
}
.fieldSet_distrito .row:hover .bt_remove {
	right: -.875rem;
}

ul.list__postitulos {
	font-size: 0;
	margin: 0 -.25rem;
	text-align: center;
}
ul.list__postitulos li {
	font-size: 1rem;
	vertical-align:top;
	display: inline-block;
	width: 33.333%;
	padding: 0 .25rem;
	box-sizing: border-box;
}
ul.list__postitulos li strong {
	display: block;
	font-size: 3em;
	color: #0d4056;
	margin-bottom: .5rem;
}
.form__stock_reasignar .row {
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.form__stock_reasignar .col {
	padding: 0 .5rem;
}
.form__stock_reasignar .row + .row label {
	display: none;
}
.form__stock_reasignar .row:last-child label {
	display: block;
}
.form__stock_reasignar .row:last-child .col4 input {
	margin-top: 1.125rem;
}
.form__stock_reasignar i.fa-long-arrow-alt-up {
	color: #06f;
}
.form__stock_reasignar i.fa-long-arrow-alt-down {
	color: #f00;
}
.form__stock_reasignar .row:last-child label {
	white-space: nowrap;
}
.form__stock_reasignar .row:last-child input + p {
	font-size: .75rem;
	margin-top: .75rem;
	color: #666;
	white-space: nowrap;
}
.form__stock_reasignar .row:last-child input + p i {
	color: #f02;
}

.solicitudDistritoItem {
	padding: .875rem .5rem 1rem;
	border: solid 1px rgba(0,0,0,.2);
	border-radius: .25rem;
	font-size: 0;
	margin-top: 1.5rem;
}
.solicitudDistritoItem + .solicitudDistritoItem {
	margin-top: .25rem;
}
.solicitudDistritoItem p {
	display: inline-block;
	vertical-align: top;
	font-size: .625rem;
	color: #999;
	text-transform: uppercase;
	width: 25%;
	box-sizing: border-box;
	padding: 0 .75rem;
	text-align: left;
}
.solicitudDistritoItem p + p {
	border-left: solid 1px rgba(0,0,0,.1);
}
.solicitudDistritoItem p + p + p {
	width: 50%;
}
.solicitudDistritoItem p strong {
	display: block;
	margin-top: .25rem;
	text-transform: none;
	font-size: 1rem;
  font-weight: bold;
  color: #0d4056;
}
.solicitudDistritoItem p strong a {
	color: #aaa;
	font-size: .875rem;
}

.solicitudDistritoFile {
	display: block;
	padding: .5rem .75rem .5rem 2.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM272.1 264.4L224 344l48.99 79.61C279.6 434.3 271.9 448 259.4 448h-26.43c-5.557 0-10.71-2.883-13.63-7.617L192 396l-27.31 44.38C161.8 445.1 156.6 448 151.1 448H124.6c-12.52 0-20.19-13.73-13.63-24.39L160 344L111 264.4C104.4 253.7 112.1 240 124.6 240h26.43c5.557 0 10.71 2.883 13.63 7.613L192 292l27.31-44.39C222.2 242.9 227.4 240 232.9 240h26.43C271.9 240 279.6 253.7 272.1 264.4zM256 0v128h128L256 0z' fill='%231e6e42'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: .875rem 50%;
	background-size: auto 60%;
	border: solid 1px #ccc;
	border-radius: 10rem;
	margin: 1.5rem 3rem;
	text-align: left;
	font-size: .875rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.solicitudDistritoFile + .solicitudDistritoFile {
	margin-top: -1rem;
}
.solicitudDistritoFile.f_pdf {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z' fill='%23ca281c' /%3E%3C/svg%3E");
}
.solicitudDistritoFile:hover {
	border-color: #1e6e42;
	background-color: #eee;
}

.main__home {
	padding: 2rem;
}
.main__home > .row > .col:nth-child(1) {
	width: 25%;
}
.main__home > .row > .col:nth-child(2) {
	width: 37.5%;
}
.main__home > .row > .col:nth-child(3) {
	width: 37.5%;
}

.home_block + .home_block {
	margin-top: 2rem;
}

.home_welcome {
	background: #fff url(../images/home.png) no-repeat 50% 95%;
	box-shadow: 0 1rem 2rem -.5rem rgba(0,0,0,.2);
	background-size: 90% auto;
	padding: 2rem;
	border-radius: .25rem;
	color: #ccc;
	height: calc(100vh - 5rem);
	box-sizing: border-box;
}
.home_welcome h1 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 1rem 0;
	color: #0d4056;
	font-weight: 300;
}
.home_welcome p strong {
	display: block;
}
.home_welcome h1 + p {
	color: #000;
}
.home_welcome h1 + p a {
	color: #0d4056;
	text-decoration: underline;
	text-decoration-color: #111;
	font-weight: 500;
}
.home_welcome .hr {
	margin: 1.125rem 0 .75rem;
}

.home_tasks_area,
.home_task > p {
	margin: .25rem 0;
	padding: .25rem 1rem .25rem 3rem;
	position: relative;
	line-height: 2rem;
	font-size: .875rem;
	transition: all 150ms ease;
}
.home_tasks_area:after {
	content: '';
	display: table;
	width: 100%;
	clear: both;
}
@media (min-height: 700px) {
	.home_tasks_area,
	.home_task > p {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
}
.home_tasks_area:hover,
.home_task > p:hover {
	background: #fff;
	border-radius: .125rem;
	box-shadow: 0 .25rem .5rem -.125rem rgba(0,0,0,.15);
}
.home_tasks_area {
	text-align: right;
}
.home_tasks_area p {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
.home_tasks_area p a {
	font-size: .75rem;
	margin-left: .5rem;
	color: #c3d08f;
}
.home_tasks_area p a.badge {
	background: #06f;
	color: #fff;
	font-size: .5rem;
	vertical-align: 1.5px;
}
.home_tasks_area > a {
	display: inline-block;
	width: 2rem;
	text-align: center;
	color: #0d4056;
}
.home_tasks_area > a i.fa-history {
	color: #c3d08f;
}
.home_tasks_area > a i.fa-exclamation-triangle {
	color: #f90;
}
.home_tasks_area > i,
.home_task > p > i {
	position: absolute;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	text-align: center;
	line-height: 2rem;
	color: #ccc;
	border-radius: 5rem;
}
.home_tasks_area > i {
	background: #0d4056;
	color: #fff;
	font-size: .75rem;
}
.home_task > p > i {
	font-size: 0;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	left: 1rem;
	background: #ddd;
	box-shadow: 0 0 0 2px #f6f8f9;
}
.home_task > p.done > i {
	font-size: .5rem;
	color: #fff;
	background: #06f;
}
.home_task > p:before {
	content: '';
	position: absolute;
	left: 1.5rem;
	width: 2px;
	margin-left: -1px;
	top: 50%;
	transform: translateY(-50%);
	height: 3rem;
	background: #ddd;
	z-index: -2;
}
.home_task:last-child > p:before {
	height: 2.25rem;
	top: auto;
	bottom: 50%;
	transform: none;
}
.home_task > p > a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	padding: 0;
	color: #0d4056;
	border-radius: .125rem;
}
.home_task > p > a + a {
	right: 3.25rem;
}

.home_users {
	font-size: 0;
	margin: 0 -.5rem;
}
.home_users div {
	display: inline-block;
	width: 25%;
	padding: 1rem;
	box-sizing: border-box;
	font-size: .875rem;
	text-align: center;
	position: relative;
	z-index: 10;
}
.home_users div:before {
	content: '';
	position: absolute;
	left: .5rem;
	right: .5rem;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: -1;
	border-radius: .25rem;
	box-shadow: 0 0.25rem 0.5rem -0.125rem rgba(0,0,0,.15);
}
.home_users div p {
	font-size: .75rem;
}
.home_users div > i {
	display: block;
	font-size: 2rem;
	color: #0d4056;
	margin-bottom: .75rem;
}
.home_users div a {
	margin: .75rem .5rem 0;
	display: inline-block;
	color: #c6cf91;
}
.home_block > h3 {
	font-size: 1.2rem;
	padding-bottom: .75rem;
	border-bottom: solid 2px #0d4056;
	margin-bottom: .75rem;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: bold;
}
.home_block > h3 a {
	text-transform: none;
	font-weight: normal;
	float: right;
	font-size: .75rem;
	color: #aaa;
}
.home_block > h3 a:hover {
	text-decoration: underline;
	text-decoration-color: #666;
}
.main__home .search {
	box-shadow: 0 0.25rem 0.5rem -0.125rem rgba(0,0,0,.15);
}
.main__home .search input {
	padding: .75rem 1.5rem;
}
.main__home .search button {
	top: .75rem;
	right: .75rem;
	color: #0d4056;
}
.main__home .search div {
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	padding: 1.5rem;
	background: #fff;
	z-index: 100;
	margin-top: -2px;
	box-shadow: 0 0.875rem 1rem -0.125rem rgba(0,0,0,.5);
	height: 3rem;
	text-align: right;
	border-radius: 0 0 .5rem .5rem;
	transition: all 150ms ease;
	opacity: 0;
	visibility: hidden;
}
.main__home .search input:focus ~ div {
	opacity: 1;
	visibility: visible;
}
.main__home .search div h3 {
	float: left;
	line-height: 3rem;
	font-weight: bold;
}
.main__home .search div h3 .avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: .25rem;
}
.main__home .search div a {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	margin: .5rem 0 .5rem .5rem;
	color: #0d4056;
}
.main__home .comment h3 span a {
	font-weight: bold;
	text-decoration: underline;
	margin-right: .5rem;
}

.main__estadisticas {
	padding: 2rem;
}
/*
.main__estadisticas.estadisticas_historico > .row > .col:nth-child(1) {
	width: 25%;
}
.main__estadisticas.estadisticas_historico > .row > .col:nth-child(2) {
	width: 75%;
}
*/
.main__estadisticas > .row + .row {
	padding-top: 1rem;
}
.main__estadisticas .listFilters {
	white-space: nowrap;
}
.main__estadisticas .listFilterDd,
.main__estadisticas .listFilter {
	vertical-align: top;
}
.main__estadisticas .listFilter {
	padding: 0 1rem;
}
.main__estadisticas .listFilterDd {
	padding-right: 0;
}
.main__estadisticas canvas {
	margin: 1rem 0;
}

.main__estadisticas .card {
	margin-bottom: 0;
	border-top-width: 1px;
}

.main__estadisticas .listFilters h1 {
	font-size: 1.125rem;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    padding: .375rem 1rem;
}
.main__estadisticas .listFilters h1 a {
	font-size: 1rem;
	color: #999;
	margin-right: .5rem;
}

.estadisticas_inscripciones {
	font-size: 0;
}
.estadisticas_inscripciones h1 {
	font-size: 1.5rem;
}
.estadisticas_inscripciones h1 strong {
	font-size: 2.25rem;
	letter-spacing: -.01em;
	color: #0d4056;
}
.estadisticas_inscripciones h1 span {
	font-size: .875rem;
	color: #999;
	float: right;
	padding-top: 1rem;
}
.estadisticas_inscripciones h1 span i {
	color: #06f;
}
.estadisticas_inscripciones p,
.estadisticas_inscripciones p + p {
	font-size: .875rem;
	color: #111;
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin: 0;
	padding-right: 3rem;
	box-sizing: border-box;
	line-height: 1.2em;
}
.estadisticas_historico .estadisticas_inscripciones p,
.estadisticas_historico .estadisticas_inscripciones p + p {
	width: 33.333%;
	padding-right: 0;
}
.estadisticas_inscripciones p strong {
	display: block;
	font-size: 1.25rem;
	color: #0d4056;
	margin-bottom: .25rem;
}
.estadisticas_historico .estadisticas_inscripciones p strong {
	font-size: 1.5rem;
}
.estadisticas_inscripciones p strong span {
	font-weight: normal;
	font-size: 1rem;
	margin-left: .25rem;
	color: #aaa;
}

.main__estadisticas .card {
	padding: 1.75rem;
}
.main__estadisticas .card + .card,
.main__estadisticas .col > div + div {
	margin-top: 1rem;
}
.main__estadisticas .card h3:first-child {
	text-transform: uppercase;
	font-size: .875rem;
	margin-bottom: .75rem;
}
.main__estadisticas .card h3 a {
	float: right;
	color: #c6cf91;
}

.estadisticas_rank li {
	line-height: 1.5rem;
	font-size: .875rem;
	margin-bottom: .25rem;
}
.estadisticas_rank li .avatar {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .125rem;
}
.estadisticas_rank li .avatar img {
	border-radius: 2rem;
}
.estadisticas_rank li a {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	padding-right: 2.5em;
	position: relative;
	text-overflow: ellipsis;
}
.estadisticas_rank li a strong {
	color: #0d4056;
	position: absolute;
	right: 0;
	font-size: .75rem;
}
.main__estadisticas  p.empty {
	font-size: 1.125rem;
	line-height: 1.2em;
	padding: 3em 0;
}

.estadisticas_medio p:first-child,
.estadisticas_rec p:first-child {
	margin-bottom: .25rem;
}
.estadisticas_medio canvas {
	margin: 1rem 0 0;
}
.estadisticas_rec .hr {
	margin: 1rem 0;
}
.estadisticas_rec h2 {
	font-size: 2.25rem;
	letter-spacing: -.01em;
	margin-bottom: .25rem;
}
.estadisticas_rec h3 {
	margin: 1rem 0 .475rem;
}
.estadisticas_rec h3 i {
	width: 1.125rem;
}
.estadisticas_rec h3 + p span {
	font-size: .875rem;
	color: #999;
}

.estadisticas_block > h3 {
	font-weight: bold;
	margin-bottom: .5rem;
}

.colBg .card {
	background: #0d4056;
}
.colBg .card p,
.colBg .card h2 {
	color: #fff;
}
.colBg .card h3 {
	color: #a8cbff;
}

.card.bg {
	background: #0d4056;
	color: #fff;
}

.estadisticas_hoy h1 {
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: bold;
	margin-bottom: .5rem;
}
.estadisticas_hoy h2 {
	font-size: 1.25rem;
	color: #fff;
	margin: 0;
}
.estadisticas_hoy h2 strong {
	font-size: 4.25rem;
}
.estadisticas_hoy .hr {
	margin: .75rem 0;
}
.estadisticas_hoy h3 {
	font-size: 1.125rem;
	color: #fff;
	font-weight: normal;
	margin: 0;
}
.estadisticas_hoy h3 strong {
	font-size: 1.375rem;
}
.estadisticas_hoy a {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #a8cbff;
}
.estadisticas_block + .estadisticas_block,
.estadisticas_block + .row  {
	margin-top: 2rem;
}

.estadisticas_clientes h1 {
	font-size: 2.25rem;
	letter-spacing: -.01em;
	margin-bottom: 1rem;
	color: #0d4056;
}

@media (max-width: 960px) {
	.main__estadisticas .listFilters {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		margin-bottom: .125rem;
		padding-bottom: .875rem;
	}
	.main__estadisticas .listFilters h1 {
		font-size: 0;
		padding-right: 0;
	}
	.main__estadisticas .listFilters h1 a {
		font-size: 1rem;
	}
}

.configMenu {
	font-size: 0;
}
.configMenu a {
	display:inline-block;
	width: calc(25% - 1rem);
	margin: 0 1rem 1rem 0;
	box-sizing: border-box;
	vertical-align: top;
	padding: 2rem;
	text-align: center;
	font-size: 1.5rem;
	background: #ffffff00;
	border-radius: .5rem;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.configMenu a:hover {
	background: #ffffffff;
	box-shadow: 0 .125rem 1rem 0 rgba(0,0,0,.2);
}
.configMenu a i {
	display: block;
	font-size: 4rem;
	margin-bottom: 1rem;
	color: #0d4056;
}
/*borrar las felchas de input number mozzila*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] { -moz-appearance:textfield; }


.form_roles > div {
	padding: .125rem 0;
}
.form_roles > div:first-child {
	margin-top: -.75rem;
}
.form_roles div > a {
	font-weight: 500;
	display: block;
	padding-bottom: .25rem;
	position: relative;
	padding: .75rem;
	margin: 0 -.75rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	border-radius: .25rem;
}
.form_roles div > a:hover {
	background: #eee;
}
.form_roles div > a:after {
	margin-left: .25rem;
	content: '\f107';
	font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: .75rem;
    bottom: .75rem;
}
.form_roles div > a span {
	display: inline-block;
	margin-left: .5rem;
	font-size: .625rem;
	background: #0d4056;
	color: #fff;
	font-weight: 400;
	padding: .25rem .375rem;
	border-radius: 4rem;
	position: relative;
	top: -.0625rem;
}
.form_roles ul.field {
	font-size: 0;
	max-width: 100%;
	display: none;
	margin: .125rem 0 .625rem;
}
.form_roles ul.field li {
	display: inline-block;
	width: 50%;
	padding-right: 1rem;
	box-sizing: border-box;
}
.form_roles ul.field li:first-child {
	width: 100%;
}
.form_roles div + div {
	border-top: solid 1px #ddd;
}

.sessions {
	display: inline-block;
	margin-bottom: 1.5rem;
}
.sessions li {
	display: block;
	padding: 1rem;
	border: solid 1px #ccc;
	border-radius: .25rem;
	padding-left: 4rem;
	position: relative;
	margin-bottom: .5rem;
}
.sessions li i {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
	font-size: 1.5rem;
}
.sessions li p span {
	display: block;
	font-size: .75em;
	margin-top: .25rem;
	color: #999;
}
.sessions li p span strong {
	color: #9bb045;
}


.testing #appBar {
	background: #f00;
}
.testing #appBar p {
	letter-spacing: .05em;
}
.testing #appBar p:after {
	content: ' | Ambiente de testing';
}

@media (max-width: 960px) {
	.aside {
		background: #eee;
		top: 1.875rem;
		transition: all 500ms cubic-bezier(.7,0,.3,1);
	}
	.aside,
	.menuCollapsed .aside,
	.menuCollapsed .aside:hover {
		width: 90%;
		width: calc(100% - 4rem);
		position: fixed;
		z-index: 99999;
		transform: translateX(-100%)!important;
	}
	.aside {
		transform: translateX(0%)!important;
	}
	.main,
	.menuCollapsed .main {
		left: 0!important;
	}
	.userMenu .s_dropdown {
		left: 0;
		bottom: 100%;
		margin: 0 0 .5rem;
		right: 0;
	}
	.userMenu .s_dropdown:before {
		right: auto;
		left: 1rem;
		top: 100%;
		bottom: auto;
		border-right-color: transparent;
		border-top-color: #fff;
	}
	.main__home > .row > .col {
		width: 100%!important;
	}
	.home_welcome {
		height: auto;
		background: none;
	}
	.home_welcome p strong {
		display: inline;
	}
	.home_tasks_area > a,
	.home_task > p > a {
		display: none;
	}

	.app__users .main {
		position: absolute;		
		left: 0;
		top: 9rem;
	}
	.app__users .aside,
	.app__users .home_welcome {
		top: auto;
		width: auto;
		position: relative;
		padding: 1rem 1.25rem;
		box-shadow: none;
		background: none;
		z-index: 1;
	}
	.app__users .home_welcome {
		padding-left: .25rem;
	}
	.app__users .home_welcome h1 {
		font-size: 1.5rem;
		margin: .75rem 0;
	}
	.app__users .home_welcome .btText {
		position: absolute;
		right: 1.25rem;
		top: .25rem;
		font-size: 0;
	}
	.app__users .home_welcome .btText i {
		font-size: 1.25rem;
	}

	.mainHeader h2 span {
		display: none;
	}
	.mainHeaderActions {
		visibility: hidden;
	}
	.mainHeaderActions .bt {
		visibility: visible;
		padding: 0;
		width: 2.5rem;
		height: 2.5rem;
		font-size: 0;
		text-align: center;
	}
	.mainHeaderActions .bt i {
		font-size: 1rem;
		line-height: 2.5rem;
		margin: 0;
	}

	.vendedor__info {
		display: none;
	}

	.tabs {
		text-align: center;
		white-space: nowrap;
		overflow-x: auto;
	}

	.listResume {
		padding: 1rem 1rem .5rem;
	}
	.listResumeItem {
		display: block;
		width: auto!important;
		text-align: center!important;
		padding: .25rem 0;
	}
	.listResumeItem p,
	.listResumeItem h3 {
		font-size: 1rem!important;
		font-weight: normal!important;
		display: inline;
	}


	.listTabs {
		white-space: nowrap;
		overflow-x: auto;
		margin-left: -2.25rem;
		margin-right: -2.25rem;
	}
	.listTab {
		width: auto!important;
		white-space: normal;
	}

	#modalWrapper .field_avatar, #modalWrapper .fieldAvatar, #modal_nuevo_grupo .field_avatar, #modal_nuevo_vendedor .field_avatar, #modal_ver_vendedor .field_avatar, #modal_editar_vendedor .field_avatar, #modal_nuevo_distribuidor .field_avatar, #modal_ver_distribuidor .field_avatar, #modal_editar_distribuidor .field_avatar, #modal_nuevo_cobrador .field_avatar, #modal_ver_cobrador .field_avatar, #modal_editar_cobrador .field_avatar, #modal_ver_grupo .field_avatar, #modal_perfil_usuario .field_avatar {
		width: 5rem!important;
		height: 5rem!important;
	}

	.modalFooter a {
		font-size: 0;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		text-align: center;
	}
	.modalFooter a i {
		font-size: 1rem;
		margin: 0;
	}

	#alertWrapper .alert {
		padding: 1.5rem;
		box-sizing: border-box;
	}
	.alertContent {
		padding: 0;
	}

	.field label.checkbox + .checkbox, .field label.radio + .radio {
		margin: 0;
		display: block;
	}

	.mainHeader, 
	.mainContent,
	.formActions {
		padding: 1.25rem 1.375rem!important;
	}
	.mainForm .mainContent {
		height: calc(100vh - 18.75rem);
	}
	.mainFooter .formActions {
		text-align: center;
		height: 2.5rem;
	}
	.mainFooter .formActions .bt {
		font-size: 0;
		width: 2.5rem;
		padding: 0;
		text-align: center;
		height: 2.5rem;
	}
	.mainFooter .formActions .bt i {
		font-size: 1rem;
		margin: 0;
		line-height: 2.5rem;
	}
	.narrow .mainFooter .bt_confirm {
		position: static;
		right: auto;
	}

	.narrow .mainHeader, 
	.narrow .mainContent {
		margin: 0!important;
	}
	.narrow .mainFooter {
		padding-right: 0;
	}

	.form__ventas_metodos {
		white-space: nowrap;
		overflow-x: auto;
	}
	.form__ventas_metodos label {
		width: auto;
		white-space: normal;
	}

	.configMenu a {
		width: calc(50% - 1rem);
		font-size: 1rem;
		padding-left: .5rem;
		padding-right: .5rem;
	}

	.listStatus,
	.listFilters,
	.listFilters + .listNav {
		display: none;
	}

	.mainAside {
		display: none;
	}

	.mainAside .cardHeader .col {
		width: 50%;
		display: inline-block;
	}
	
	.list_table .listHeader {
		display: none;
	}
	.listHeader,
	.list_table .listItem {
		padding-right: 0!important;
	}
	.list_table .listCol {
		text-align: left!important;
		width: 80%!important;
	}
	.list_table .listCol + .listCol + .listCol {
		
	}
	.list_blocks .listItem {
		width: 100%!important;
		width: calc(100% - 1rem)!important;
	}
	.list_table .listCol,
	.list_table .listActions {
		display: none;
	}
	.list_table .listCol:first-child {
		display: block;
	}

	.main__vendedor .list__ventas .listCol,
	.main__vendedor .list__liquidaciones .listCol:first-child,
	.main__vendedor .list__inscripciones .listCol,
	.main__vendedor .list__cuentacorriente.list__compras .listCol,
	.main__vendedor .list__cuentacorriente.list__pagos .listCol,
	.main__vendedor .list__cuentacorriente .listCol:first-child,
	.main__cobrador .list__cuotas .listCol:first-child, .main__cobrador .list__liquidaciones.list__cuotas .listCol:nth-child(2),
	.list__ventas .listCol:first-child,
	.list__pagos .listCol:first-child,
	.list__postitulos .listCol:first-child {
		display: none;
	}

	.main__vendedor .list__liquidaciones .listCol:nth-child(2),
	.main__vendedor .list__cuentacorriente .listCol:nth-child(2),
	.main__cobrador .list__cuotas .listCol:nth-child(4),
	.list__ventas .listCol:nth-child(2),
	.list__pagos .listCol:nth-child(3),
	.list__postitulos .listCol:nth-child(3) {
		display: block;
	}

	.main__vendedor .list__ventas .listCol:nth-child(1),
	.main__vendedor .list__inscripciones .listCol:nth-child(1) {
		display: inline-block;
		width: 30%!important;
	}
	.main__vendedor .list__ventas .listCol:nth-child(2),
	.main__vendedor .list__inscripciones .listCol:nth-child(2) {
		display: inline-block;
		width: 70%!important;
	}
	.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(4) {
		display: none;
	}
	.main__vendedor .list__cuentacorriente .listCol:nth-child(2),
	.main__vendedor .list__cuentacorriente .listCol:nth-child(4),
	.main__vendedor .list__cuentacorriente .listCol:nth-child(5),
	.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(1),
	.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(2),
	.main__vendedor .list__cuentacorriente.list__compras .listCol:nth-child(5),
	.main__vendedor .list__cuentacorriente.list__pagos .listCol:nth-child(1),
	.main__vendedor .list__cuentacorriente.list__pagos .listCol:nth-child(2),
	.main__vendedor .list__cuentacorriente.list__pagos .listCol:nth-child(4) {
		display: inline-block;
		width: 30%!important;
	}

	#modal_historial .list__inscripcionTraza .listCol:nth-child(3) {
		display: block;
		width: 100%!important;
	}
	#modal_historial .list__inscripcionTraza .listCol:nth-child(3) p + p,
	#modal_historial .list__inscripcionTraza .listCol:nth-child(3) p a {
		display: none;
	}

	.entrega_modo label {
		display: block;
		width: auto;
		margin-bottom: 1rem;
	}
	.entrega_modo label span {
		padding: 1rem 1rem 1rem 5rem;
		text-align: left;
		line-height: 2rem;
	}
	.entrega_modo label i {
		left: 2rem;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.list_table .opened .listCol,
	.list_table .opened .listActions {
		display: block!important;
	}
	.list_table .opened p {
		white-space: normal!important;
	}
	.list_table .opened .listActions {
	  position: static;
    right: auto;
    transform: none;
    top: auto;
    text-align: center;
    padding: .5rem;
    background: rgba(0,0,0,.05);
    border-radius: 4px;
    margin-bottom: 2px;
  }

	.bt_listActions {
		display: block;
		position: absolute;
		right: .75rem;
		width: 2.5rem;
		line-height: 2rem;
		text-align: center;
		top: .125rem;
		color: #0d4056;
	}

	.listItem.featured.pending a, .main__vendedor .list__cuentacorriente .listItem.featured.pending a {
		float: none;
		margin: 1rem 0 0 0;
	}

	.home_users {
		white-space: nowrap;
		overflow-x: auto;
	}
	.home_users div {
		min-width: 7rem;
		position: relative;
	}
	.home_users div a {
		display: none;
	}
	.home_users div a + a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
	}
	#login h1 {
		position: static;
		margin: 3rem 1.5rem 2rem;
	}
	#login h1 a {
		display: block;
		width: auto;
	}
	#login .form {
    position: static;
    left: auto;
    top: auto;
    max-width: 100%;
    width: auto;
    margin: 0 1.5rem;
	}

	.list__inscripciones .listStatus {
		display: block;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		padding: 2px 0;
	}
	.list__inscripciones .listStatus .listStatusItem {
		width: 14rem;
	}
}