/* Global styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html, body {
	height: 100vh; /*100%;*/
	overflow-y: hidden;
}
body {
	position: relative;
	overflow: hidden;
	font-size: 13px;
	color: #4D565C;
	font-family: 'Source Sans Pro', sans-serif;
}
.bg-gray {
	background-color: #F0F0F0;
}
.bg-blue {
	background-color: #1B5C9B;
}

.bg-success {
	background-color: #5FE3A1 !important;
}

.bg-danger {
	background-color: #FF6565 !important;
}

.text-danger {
	color: #FF6565;
}

.text-small {
	font-size: 14px;
}

.table {
	background-color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 0px;
}

/*.table .thead-light {

*/
.table thead th,
.table .thead-light th {
	/*text-align: center;*/
	vertical-align: middle;
}
.table .thead-light th,
.table td, .table th {
	font-weight: 400;
    padding-block-start: 0.55em;
    padding-block-end: 0.15em;
}
.table .thead-light th,
.table .tfoot-light th {
	font-weight: 600; /*400*/
	background-color: #D5D5D5;/*#f2f2f2*/
	color: #2E2E2E;
}
input.form-control, .table input, .typeahead__container {
	font-size: 13px!important;
}
.tbl-catalog tbody td {
	padding-block-end: 0.55em;
}
.filter-form {
	margin-top: -20px;
	position: fixed;
	top: 124px;
	position: sticky;
	position: -webkit-sticky;
    top: -10px;
    /*width: calc(100% - 30px);*/
    z-index: 1;
	background-color: #F0F0F0;
	transition: width .2s ease-in;
	-webkit-transition: width .2s ease-in;
	-moz-transition: width .2s ease-in;
	-ms-transition: width .2s ease-in;
	-o-transition: width .2s ease-in;
}
.filter-form-row {
	background-color: inherit;
	border-bottom: 1px solid rgba(177, 177, 177, 1);
	padding: 0.7rem;
	/*border-bottom: 1px solid #E0E0E0;*/
}
.filter-form .filter-btns .btn {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}
.filter-input-group {
	position: relative;
	width: 100%;
	/*margin-right: 1em;*/
}
.form-filter-modal .custom-control {
	padding-bottom: .5em;
}
.form-filter-modal .custom-control label{
	padding-left: 1.5em;
	display: block;
    line-height: 1.8;
}
th .custom-control-label::before,
td .custom-control-label::before {
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(177, 177, 177, 1);
}
.tbl-catalog {
	height: calc(100% - 3rem);
}
.thacts-1 {
	width: 50px;
}
.thmin {
	/*width: -moz-min-content;
	width: -webkit-min-content;
	width: min-content;*/
}
.tbl-catalog td {
	word-wrap: break-word;
	white-space: normal;
}
.tbl-w5 {
	width: 5%;
}
.tbl-w10 {
	width: 10%;
}
.tbl-w10-10px {
	width: calc(10% - 10px);
}
.tbl-w15 {
	width: 15%;
}
.tbl-w15-10px {
	width: calc(15% - 10px);
}
.tbl-w20 {
	width: 20%;
}
.tbl-w20-10px {
	width: calc(20% - 10px);
}
.tbl-w25 {
	width: 25%;
}
.tbl-w25-10px {
	width: calc(25% - 10px);
}
.tbl-w30 {
	width: 30%;
}
.tbl-w30-10px {
	width: calc(30% - 10px);
}
.details-actions .btn-sm {
	padding: 0rem 0.5rem;
}
.rounded-container {
	background-color: #DDD;
	border-radius: 50px;
}
.rounded-inner,
.btn-group > .btn.rounded-inner:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn.rounded-inner,
.btn-group > .btn.rounded-inner:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn.rounded-inner {
	border-radius: inherit;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
/* END GLOBAL STYLES */

/* C3 OVERRIDES */
.c3-grid line.c3-xgrid,
.c3-grid line.c3-ygrid,
.c3 path.domain {
    stroke: #F0F0F0;
}
line.c3-xgrid, line.c3-ygrid {
    stroke-dasharray: none;
}
.c3 .tick line {
	stroke: none;
}
.c3 .tick text,
.c3 .c3-chart-arcs-title{
	fill: rgba(0,0,0,.8);/*#B1B1B1;*/
}
.c3 .c3-legend-item {
	font-size: 14px;
}
.c3 .c3-legend-item {
	fill: #787878;
}
.c3 .c3-legend-item-hidden {
    opacity: .6;
}
.c3 .c3-target.c3-defocused,
.c3 .c3-legend-item.c3-legend-item-focused ~ *[style] {
	opacity: .6!important;
}
.c3-tooltip-name-Summary.down {
	color: #FF6565;
}
.c3-tooltip-name-Summary.up {
	color: #4BBE4C;
}
/*.c3 line.c3-legend-item-tile {
	stroke-linecap: round;
}*/
/*Tooltip*/
.c3 .c3-tooltip tr {
  border: none;
}
.c3 .c3-tooltip td {
	border-left: none;
}
/* END C3 OVERRIDES */
/* OVERRIDES */
.dropdown-breath-total[style] {
	transform: translate3d(0px, 88px, 0px)!important;
}
.total-rows td {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.loader-container {
	opacity: 0;
	transition: .3s ease-in-out opacity;
}
.w_load_body {
	z-index: 5000;
}
.w_load_body_parent .loader-container {
	position: absolute;
	opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 5;
	background-color: rgba(255, 255, 255, .7) 
}
.w_load_body_parent .loader-container svg {
    width: 120px;
    top: 50%;
    left: 50%;
    position: inherit;
    transform: translate(-50%, -50%);
}
.w_load_body_parent .loader-container svg .logo-blue,
.w_load_body_parent .loader-container svg .logo-green {
	opacity: 0;
	animation: hideshow .8s ease-in-out infinite;
}
.w_load_body_parent .loader-container svg #part1 {
	animation-delay: 0s;
}
.w_load_body_parent .loader-container svg #part2 {
	animation-delay: .2s;
}
.w_load_body_parent .loader-container svg #part3 {
	animation-delay: .4s;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
}
@keyframes hideshow {
	0% { opacity: 0; }
	25% { opacity: .5; }
	50% { opacity: 1; }
	75% { opacity: .5; }
	100% { opacity: 0; }
}
.badge:empty {
    display: inline-block;
	padding: .6rem;
	vertical-align: middle;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(256, 256, 256, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.tooltip {
	font-size: .7rem;
}

/* datatables */
/*.table.dataTable tbody {
	display: block;
	max-height: calc(100vh - 290px);
	overflow-y: auto;
}
  
.table.dataTable thead,
.table.dataTable tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}*/
table.dataTable.table-filter {
	border: 1px solid rgba(229, 229, 229, 1);
	margin-top: 0px!important;
	margin-bottom: 0px!important;

}
.table th,
.table.dataTable th,
.table.tbl-catalog th {
	text-transform: uppercase;
	font-weight: 600;
	/*padding: 0.975em;
	line-height: 2.5em;*/
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
	bottom: 0.4em!important;
    opacity: .6!important;
    color: rgba(0,0,0,1);
    text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
	opacity: 1!important;
}
#idTblNoResults .no-results-img {
	width: 40%;
	max-width: 200px;
}
#idTblNoResults .no-results-text {
	font-size: 13px;
	font-weight: 600;
}
.table.dataTable + .bottom {
    background-color: #F0F0F0;
}
th.col-deduc-icon, th.doc-badge {
	text-align: center;
}
th svg {
	height: 16px;
}
th.col-deduc-icon[style],
th.details-actions[style] {
    width: 20px!important;
	padding: 0rem;
}
th.table-dinero[style] {
	width: 60px!important;
	padding-left: .5rem
}
th.table-fecha[style] {
	width: 49px!important;
	padding-left: .5rem
}
th.table-doc[style] {
	width: 87px!important;
}
.table.dataTable td {
	padding: -0.35rem;
}
.table.dataTable .cont-totales {
	max-width: 600px;
	margin: 0 auto;
}
.table.dataTable > tbody > tr.child ul.dtr-details {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.table.dataTable > tbody > tr.child ul.dtr-details li {
	flex: 1 1 auto;
 }
 .table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
	 text-align: right;
 }
.table.dataTable.dt-responsive > tfoot th[style] { /*Id sum-totales*/
	display: table-cell!important;
}
.table.dataTable.dt-responsive > tfoot th {
	padding: .4rem .5rem;
}
table.dataTable.dt-responsive > tbody > tr.child ul.dtr-details > li {
	padding: 0;
}
td.child {
	border: none;
	padding-bottom: .5rem;
}
.dataTables_wrapper .top .dataTables_length {
	text-align: left;
}
.dataTables_wrapper .bottom-info label,
.dataTables_wrapper .bottom-info .dataTables_info {
	padding-top: 0px;
	margin-bottom: 0px;
}
.dataTables_wrapper .bottom-info .dataTables_info {
	padding-left: 20px;
	padding-right: 20px;
}
.dataTables_wrapper select[name$="_length"].custom-select-sm {
	font-size: 1em;
}
#idTblNoResults {
	display: none;
}
.td-check {
	top: -1.2em;
}
/* END OVERRIDES*/

/* ICONS */
[class^=deducibleIcon] {
	display: inline-block;
	height: 1.2rem;/*30px;*/
	width: 1.2rem;/*30px;*/
}
.deducibleIcon-1 {
	background: url(../img/icons/Icon_vivienda.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-2 {
	background: url(../img/icons/Icon_estudios.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-3 {
	background: url(../img/icons/Icon_alimento.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-4 {
	background: url(../img/icons/Icon_vestimenta.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-5 {
	background: url(../img/icons/Icon_salud.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-6 {
	background: url(../img/icons/Icon_arte-cultura.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-70 {
	background: url(../img/icons/Icon_sinclasificar.svg) top left no-repeat;
	background-size: contain;
}
.deducibleIcon-80 {
	background: url(../img/icons/Icon_compras.svg) top left no-repeat;
	background-size: contain;
}
.icon-full-opacity.btn.disabled, .icon-full-opacity.btn:disabled {
	opacity: 1;
}
.icon-full-opacity img {
	filter: brightness(.5);
	-webkit-filter: brightness(.5);
}
.perc-mnt-cols span:first-child {
	padding: 0 .5em 0 0;
}
.perc-mnt-cols span:last-child {
	padding: 0 0 0 .5em;
}
/*table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
	display: none;
}*/
/* END ICONS */
@media screen and (max-width: 767px) {
}
/* END OVERRIDES */

/* FORM CATALOGS */
form .error {
	color: #FF6565;
}
.form-create .two-col-form {
	display: flex;
	flex-flow: row wrap;
}
.form-create .two-col-form .form-group {
	flex: 50%;
	display: flex;
	flex-direction: column-reverse;
	padding: .5em;
}
.form-create input, .form-create select {
	border: none;
	border-bottom: 3px solid #E5E8EA;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}
.form-create label {
	color: #787878;
	font-size: .9375rem;
}
.form-create input[type="checkbox"] {
	background: transparent;
	position: relative;
	width: 16px;
	height: 16px;
	margin-right: 1em;
}
.form-create input[type="checkbox"]:before {
	content:"";
	transform: scale(1.1);
	padding: .5em;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #E5E8EA;
	background: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.form-create input[type="checkbox"]:checked:before {
	content:"";
	background: #0A7AFF;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-size: 80%;
}
.form-create input[type=file] {
    position: relative;
    /*opacity: 0;*/
    height: 320px;
    border-bottom: none;
}
.form-create input[type=file]::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 90%;
    background: #b7b7b7 url(../img/icons/drag.svg) center 50% no-repeat;
    background-size: 100%;
}
.form-create input[type=file]::after {
    content: "Elije una imagen de tu computadora";
    color: rgba(10, 122, 255, 1);
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}
.input-file {
    border: 1px dashed rgba(10, 122, 255, 1);
    border-radius: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px; 
}
/* END FORM CATALOGS */

.tbl-catalog th, .tbl-catalog td,
.tbl-catlist th, .tbl-catlist td {
	/*padding-bottom: 0.8571rem;
	padding-top: 0.8571rem;*/
	border-bottom: #ECEFF1 1px solid;
}
.action-icon {
	width: 1.2em;
}
.action-item,
.action-item picture {
	width: 28px; margin-left: 12px;
}
.action-icon img {
	width: inherit;
}
.tbl-catalog tr,
.table-filter tr {
	transition:	box-shadow .09s ease-out, background-color .09s ease-out;
	-webkit-transition:	box-shadow .09s ease-out, background-color .09s ease-out;
	-moz-transition:	box-shadow .09s ease-out, background-color .09s ease-out;
	-ms-transition:	box-shadow .09s ease-out, background-color .09s ease-out;
	-o-transition:	box-shadow .09s ease-out, background-color .09s ease-out;
}
/*.tbl-catalog thead tr {
	background-color: grey;
}*/
.tbl-catalog caption {font-size: 11px;}
.tbl-catalog tbody {
	display:block;
	width: 100%;
	overflow: auto;
	/*height: inherit;*/
	height: calc(100% - 6rem);
	/*overflow-y: auto;*/
}
/*.tbl-catalog tbody {
    display:block;
    height: calc(100% - 60px);
    overflow:auto;
}*/
.tbl-catalog thead, .tbl-catalog tbody tr {
	display:table;
    width:100%;
    table-layout:fixed;
}
/*.tbl-catalog thead {
	width: calc( 100% - 1em )
}
.tbl-catalog tbody {
	height: calc(100% - 1rem);
	overflow-y: auto;
}*/
.tbl-catalog tbody tr:hover,
.table-filter  tbody tr:hover{
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
	background-color: #FAFAFA;
}

/*.table-filter  tbody tr:hover {
	background-color: #0A7AFF22;
}*/
.tbl-catalog .input-row td {
	padding-bottom: 5px;
	/*padding-top: 0.8571rem;*/
}
.table-dinero 
{
	text-align: right;
    padding-right: 1em;
}
.table-fecha
{
	text-align: center;
    padding-right: 1em;
}
.badge-pill {
	padding: .40rem 1rem;
}
.badge-success {
	background-color: #5FE3A1;
}

.btn-primary, .badge-primary {
	background-color: #1B5C9B;
	/*border-color: #262F3D;
	color: #fff !important;
	font-weight: 300;*/
}
.btn-secondary {
	opacity: .7;
	background-color: #4BBE4C;/*#3B434F; */
	color: #FFFFFF;
	border: none;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
}
.btn-secondary:hover {
	opacity: .8;
	background-color: #4BBE4C;/*#3B434F; */
}
.btn-secondary:active {
	opacity: 1;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
	background-color: #4BBE4C;
	border: none;
	box-shadow: 0 0 0 0.2rem rgba(75, 190, 76, .5);
}
.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: none;
}
.bg-header-modal, .header-tabs-modal {
	background: #1B5C9B;
	color: #FFFFFF;
}
.filter-btns .btn {
	margin-left: .5em;
}
.header-tabs-modal {
	margin-left: -16px;
	margin-right: -16px;
}
.header-tabs-modal a.nav-link {
	color: #FFFFFF;
}
.header-tabs-modal a.nav-link.active {
	border-bottom: 3px solid #FFFFFF;
}

.btn-blue {
	background-color: #0A7AFF;
	color: #fff;
}

.btn-blue:hover {
	color: #fff;
}

.btn-outline-light {
    color: #787878;
    background-color: transparent;
    border-color: #B1B1B1;
}
.btn-outline-light:hover {
	border-color: #B1B1B1;
}

.btn-input {
	color: black;
	height: 32px;
	width: 100%;
	border-bottom: 1px solid #ECEFF1;
	border-radius: 0px;
	padding-right: 0px;
	position: relative;
}

.btn-input:focus {
	outline: none;
	box-shadow: none;
}

.btn-input::after {
    display: inline-block;
    width: 0;
    height: 0;
    /*margin-left: .255em;
    margin-right: -38px;*/
    vertical-align: .155em;
    content: "" !important;
    border-top: .3em solid #B1B1B1;
    border-right: .3em solid transparent;
    border-bottom: 0;
	border-left: .3em solid transparent;
	position: absolute;
	right: 0px;
    top: 40%;
}

.border-white {
    border-color: rgba(255,255,255, 0.5) !important;
}

/* FORMS */
.txt-gray {
	color: #787878;
}
#resumencomprobante .amount.form-control {
	border: none;
}
.amount.form-control {
	text-align: right;
	border-top: none;
	border-left: none;
	border-right: none;
}
/* END FORMS*/


/* GENERATED FORMS */
.gen-modal-form > [id^="appbundle_"] {
	display: flex;
	flex-direction: column;
	/*flex-flow: row wrap;*/
}
.gen-modal-form > [id^="appbundle_"] > div {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: .5rem;
}
.gen-modal-form > [id^="appbundle_"] > div > * {
	width: 50%;
}
.gen-modal-form > [id^="appbundle_"] > div > .error {
	width: 100%;
}
.gen-modal-form > [id^="appbundle_"] > div > input,
.gen-modal-form > [id^="appbundle_"] > div > select {
	border: 0px;
    border-radius: 0px;
    line-height: 1;
    padding-left: 0;
	padding-right: 0;
	border-bottom: 3px solid #ECEFF1;
}
.gen-modal-form > [id^="appbundle_"] > div > input:focus,
.gen-modal-form > [id^="appbundle_"] > div > select:focus {
	outline: none;
    box-shadow: none;
    color: black;
    border-bottom: 3px solid #0A7AFF;
}
/* END GENERATED FORMS */
/* UTILS */
.no-brd {
	border: none;
}
.no-focus-group button.btn:focus,
.no-focus-group button.btn.active:focus,
.no-focus-group .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
.shrink {
	white-space: nowrap;
}
[data-show="false"] {
	display: none;
}
a svg {
	height: 30px;
}
/* END UTILS */

.input-line,
.typeahead-input.input-line {
	border: 0px;
	border-radius: 0px;	
	font-size: 14px;
	line-height: 1;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 3px solid #ECEFF1;
}

.input-line:focus {
	outline: none;
	box-shadow: none;
	color: black;
	border-bottom: 3px solid #0A7AFF;
}

.input-line.error {
	border-color: #FF6565;
}

.input-line.input-total {
 /*width: 80px;*/
}

.input-line.datetimepicker-input {
	width: 80px;
}

.input-caret {
	cursor: pointer;
}

.input-caret::after {
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 13px;
    right: 0;
    vertical-align: .155em;
    content: "" !important;
    border-top: .3em solid #B1B1B1;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.input-row {
	border: 0px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
}

.img-upload {
    border: 2px dashed #3d99dc;
    padding: 0 0 1rem;
    border-radius: 5px;
    position: relative;
}

.img-upload #project-photo {
    border: 0px;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0;
}

.remove-upload {
	display: block;
	float: right;
}

.progress {
	height: 6px;
	margin: 6px 0 3px;
}

.page-link {
	border-radius: .25rem;
	margin: 7px;
	color: #787878;
}

form.top-searchbar {
	position: relative;
}

form.top-searchbar input {
	background: #FFFFFF;/*#F0F0F0;*/
	border-radius: 50px;
	border: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

form.top-searchbar .icon-search,
.search-input + .icon-search {
	position: absolute;
    right: 17px;
	content: '';
	background: url('img/icons/icon-search.svg');
	width: 16px;
	height: 16px;
}
form.top-searchbar .icon-search {
	top: 10px;
}

.search-input {
	background: #FFFFFF;
    border-radius: 50px;
	border: 0px;
	width: 100%!important;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.25);
}
#filterSearchbar {
	width: 30%;
	margin-right: 1rem;
}

@media (min-width: 1170px) {
	form.top-searchbar {
		width: 620px;
	}
	form.top-searchbar input {
		width: 100% !important;
	}
}

@media (min-width: 767px) {
	.main-logo {

	}
}

.navbar-brand {
	margin: 0px;
}
.navbar-light .navbar-nav .nav-link.nav-username {
	color: #FFFFFF;
}
.navbar-nav > .nav-item > .nav-link {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Hide nav handler checkbox */
#nav-handler {
	display: none;
}

/* LOGIN */
#login #header,
#recupera-clave #header {
	display: none;
}
#login #content-container,
#recupera-clave #content-container {
	background-color: rgba(255, 255, 255, 1);
	min-height: 100%;
}
#login #content-container,
#login #content-container > .full-width,
#recupera-clave #content-container,
#recupera-clave #content-container > .full-width {
	padding-top: 0px;
}
#login #content-container > .full-width .container-fluid,
#recupera-clave #content-container > .full-width .container-fluid {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.input-override div {
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}
.message-error-fly {
	right: 1rem;
    top: 1rem;
}
/* END LOGIN */
/* Header */
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 2;
	/*padding-left: 50px;*/
	padding: 6px 10px 0px 40px;
	border-top: 1px solid #E9E9F0;
	background: #fff;
	box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.25);
}

#header h1 {
	font-weight: 600;
	font-size: 15px;/*20px;*/
	line-height: 33px;
	color: #787878;
}

.header-container {
	/*width: calc(100% - 212px);*/
	width: calc(100% - 30px);
	height: 100%;
}
.header-nav {
	/*height: 35px;*/
}
.header-nav button.btn {
	font-size: 0.9375rem;
	padding: 6px 25px;
	margin-left: 12px;	
}
.header-nav button.btn:first-child {
	margin-left: 0px;
}
.header-nav .no-pills .nav-item .nav-link {
	color: #787878;
	/*padding: 8px 10px;*/
	line-height: 1;
	font-size: 14px;/*16px;*/
	/*width: 150px;*/
	text-align: center;

}

.header-nav .no-pills .nav-item:hover,
.header-nav .no-pills .nav-item.active {
	border-bottom: 3px solid #1B5C9B;
}

.header-nav.icons .nav-item:hover,
.header-nav.icons .nav-item.active {
	border-bottom: 0px;
}

.header-nav.icons .nav-item svg {
	/*height: 14px;*/
	fill: #2e2e2e;
}

.header-nav.icons .nav-item:hover svg .cls-1,
.header-nav.icons .nav-item.active svg .cls-1 {
	fill: #ff6565;
}



.header-nav .no.pills .nav-item:hover .nav-link,
.header-nav .no-pills .nav-item.active .nav-link {
	color: #1B5C9B;
}

.header-nav .nav-item.active .nav-link {
	font-weight: 600;
}

/* Header menu button */
#menu-button {
	display: inline-block;
	float: left;
	/*line-height: 4.5;*/
	cursor: pointer;
}

/* Header active menu button */
#nav-handler:checked ~ #menu-button {
	color: #08c;
}

/* Slide out navigation */
#nav {
	position: absolute;
	left: 0;
	width: 212px;
	height: calc(100% - 54px);
	/*top: 56px;
	z-index: 1;
	background: #262F3D url(img/nav-bg.jpg) top left no-repeat;
	background-size: cover;
	*/
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(255,255,255,1);
	/*border-right: 1px solid rgba(177, 177, 177, 1);*/
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
	-moz-transition: width .2s ease;
	-ms-transition: width .2s ease;
	-o-transition: width .2s ease;
}
#nav.nav-collapsed {
    width: 230px;
    /*overflow-x: hidden;*/
}

/* Active slide out navigation */
#nav-handler:checked ~ #nav {
	opacity: 1;
	/*transition: opacity 0s 0s;
	-moz-transition: opacity 0s 0s;
	-webkit-transition: opacity 0s 0s;*/
}

.icon-nav {
	width: 48px;
	position: fixed;
	height: 100%;
	background: #43425D;
	background: -moz-linear-gradient(top, #43425d 0%, #64628d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #43425d 0%,#64628d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #43425d 0%,#64628d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43425d', endColorstr='#64628d',GradientType=0 ); /* IE6-9 */
	z-index: 15;
}

.icon-nav .nav-link {
	padding-top: 18px;
	padding-bottom: 18px;
	height: 50px;
}

.icon-nav .nav-link img {
	display: block;
}

/* Slide out navigation list items */
#nav ul li {
	display: block;
	clear: both;
}

#nav ul li a {
	display: block;
	width: 100%;
	/*height: 50px;*/
	color: #fff;
	/*padding-left: 0px;*/
	font-weight: 300;
	font-size: 13px;
	line-height: 1.1;
	padding-top: 12px;
	padding-bottom: 12px;
}

#nav ul li a.nav-link.active .nav-icon .cls-1 {
    fill: #ffffff;
}

#nav ul li a img,
#nav ul li a object {
	margin-right: 18px;
	pointer-events: none;
}
#nav .nav-link svg {
    height: 14px;
    margin-right: 18px;
}

#nav .subnav {
	background-color: rgba(255, 255, 255, 1); /* #19212B; rgba(27, 92, 155, .3);*/
}

#nav .subnav li a {
	padding: 10px 16px;
	font-size: 13px;
	padding-left: 45px;
	/*color: rgba(27, 92, 155, 1);*/
}

#nav .subnav li a img {
	margin-right: 7px;
}

#nav ul li a:hover,
#nav ul li a.subnav-dropdown:hover {
	background: rgba(0,0,0,0.07);
}

.icon-nav .nav-link.active,
#nav ul li a.active {
	color: #fff !important;
	/*background: rgba(0,0,0,0.15);*/
	/*border-left: 4px solid #a3a0fb;*/
	/*padding-left: 12px;*/
}
#nav.nav-collapsed #main-menu {
	width: 212px;
}
#main-menu {
	/*overflow-y: scroll;
	height: 100%;
	*/margin-bottom: 70px;
	transition: width .2s ease-in;
	-webkit-transition: width .2s ease-in;
	-moz-transition: width .2s ease-in;
	-ms-transition: width .2s ease-in;
	-o-transition: width .2s ease-in;
}

#main-container {
	display: block;
	position: relative;
	height: 100%;
	z-index: 5;
	/*background-color: #ECEFF1;*/
	border-left: 1px solid rgba(177, 177, 177, 1);
	transition: margin-left .2s ease-in, width .2s ease-in;
	-webkit-transition: margin-left .2s ease-in, width .2s ease-in;
	-moz-transition: margin-left .2s ease-in, width .2s ease-in;
	-ms-transition: margin-left .2s ease-in, width .2s ease-in;
	-o-transition: margin-left .2s ease-in, width .2s ease-in;
}

/* Translate main container when nav handler is checked */
#nav-handler:checked ~ #main-container,
.nav-handler-checked {
	left: 0;
	margin-left: 212px;
	/*transform: translate(212px,0);
	-moz-transform: translate(212px,0);
	-webkit-transform: translate(212px,0);
	-o-transform: translate(212px,0);*/
	width: calc(100% - 212px);
	/*transform: translate3D(212px,0,0); X value must be same as Nav width
	-moz-transform: translate3D(212px,0,0); X value must be same as Nav width
	-webkit-transform: translate3D(212px,0,0); X value must be same as Nav width*/
}
#nav-handler:checked ~ #main-container .filter-form {
	/*width: calc(100% - 242px);*/
}
#nav-handler:not(:checked) ~ #main-container {
	/*transform: translate(46px,0);
	-webkit-transform: translate(46px,0); 
	-moz-transform: translate(46px,0); 
	-ms-transform: translate(46px,0); 
	-o-transform: translate(46px,0); */
	width: calc(100% - 46px);
	margin-left: 46px;
}
#nav-handler:not(:checked) ~ #main-container .filter-form {
	/*width: calc(100% - 76px);*/
}

#nav.nav-collapsed ul li {
	position: relative;
}

#nav.nav-collapsed .subnav {
	padding: 10px 0;
	border-radius: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
}

#nav.nav-collapsed .subnav::before,
#nav.nav-collapsed .subnav::after {
	content: '';
    top: 16px;
    left: -10px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF; /*#262F3D;*/
}

/*.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}*/

#nav.nav-collapsed .subnav::before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: rgba(0, 0, 0, 0.15);
	border-width: 18px;
	margin-top: -18px;
	left: -11px;
	z-index: -2;
}
#nav.nav-collapsed .subnav::after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: rgba(255,255,255,1);
	border-width: 10px;
	margin-top: -10px;
}

#nav.nav-collapsed .subnav li a {
	padding-left: 16px;
}

#nav.nav-collapsed .subnav-hover:hover .subnav-menu {
	display: block;
	position: absolute;
	z-index: 999;
	left: 55px;
	top: 0;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.34);
    border-radius: .25rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

#nav.nav-collapsed ~ #main-container .full-width {
	width: 100%; /*calc(100% - 30px);*/
}


#nav .nav-item {
	position: relative;
}

#nav .nav-link,
#nav .nav-link.collapsed {
	color: #2E2E2E;/*#BABDA8;*/
	border-bottom: rgba(255, 255, 255, 1) 1px solid;
}
#nav .nav-link.subnav-dropdown {
	color: rgba(72, 72, 72, 1);
	position: relative;
}
#nav .nav-link.subnav-dropdown:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(72, 72, 72, .35);
}
#nav .nav-link.subnav-dropdown.collapsed:before {
	background-color: transparent;
}
#nav .nav-link.subnav-dropdown:hover svg .cls-1 {
	fill: rgba(72, 72, 72, .8);
}
#nav .nav-link.subnav-dropdown svg .cls-1 {
	fill: rgba(72, 72, 72, 1);
}
#nav .nav-link.subnav-dropdown.collapsed svg .cls-1 {
	fill: #b1b1b1;
}

#nav .nav-link.subnav-dropdown.collapsed {
	/*background-color: rgba(255, 255, 255, 1); */
	color: #2E2E2E;
}

#nav .nav-link.subnav-dropdown::after {
    content: "";
    background: url(img/icons/caret.svg);
    width: 11px;
    height: 7px;
    display: inline-block;
    float: right;
    margin: 5px 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: .2s transform ease-in-out;
    -webkit-transition: .2s transform ease-in-out;
    -moz-transition: .2s transform ease-in-out;
    -ms-transition: .2s transform ease-in-out;
    -o-transition: .2s transform ease-in-out;
    
}
#nav .nav-link.subnav-dropdown::after,
#nav .nav-link.subnav-dropdown:hover::after {
	filter: brightness(.5);
	-webkit-filter: brightness(.5);
}

#nav .nav-link.subnav-dropdown.collapsed::after {
	filter: brightness(1);
	-webkit-filter: brightness(1);
	transform: rotate(0deg);
	transition: .2s transform ease-in-out;
}

#content-container {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*min-height: 100%;*/
	height: calc(100% - 105px);
	/*height: auto;*/
	/*margin: 60px 20px 0;  Top margin must be same as header height */
	padding-top: 10px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #F0F0F0;
	z-index: -1;
	/*border: solid 10px gray;*/
}

.full-width {
	width: 100%;
	/*height: 100%;*/
	position: relative;
	padding-top: 10px;
	/*height: calc(100% - 75px);*/
	/*background: #ECEFF1;*/
}

.full-width .container-fluid {
	height: 100%;
	padding-bottom: 15px;
	/*margin-bottom: 15px;*/
	padding-right: 15px;
    padding-left: 10px;
}

.full-width .bg-white {
	height: max-content;
	/*min-height: calc(100% - 75px);*/
}

.height-container {
	height: 100%;
}
.height-container-in,
.full-width .height-container-in.bg-white {
	height: inherit;
}
.parent-catalog, .parent-page {
	background: #FFFFFF;
	padding-top: 20px;
}
.filter-form + .parent-filter {
	/*padding-top: 40px;
	padding-bottom: 40px;*/
	height: calc(100% - 53px);
	padding-top:  10px;
}

#content-container .row-bottom {
	position: absolute;
    bottom: 0;
    width: 100%;
}

.dropdown-header { 
	padding-top: 4px;
	padding-bottom: 4px;
}
.dropdown-item {
	color: #4D565C;
	font-weight: 300;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #F1F1F3;
}

.dropdown-item:last-child {
	border-bottom: 0px;
}

/*.dropdown-toggle {
	padding-top: 0px;
	padding-bottom: 0px;
}*/

.dropdown-arrow {
	height: 8px;
	margin-left: 2px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transition: transform .2s ease-in-out;
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
}
a[aria-expanded=true] .dropdown-arrow {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

.dropdown-icon {
	margin-right: 7px;
}

.dropdown-long {
	font-size: 14px;
	line-height: 16px;
	padding: 0px;
	text-align: right;
}

.dropdown-header {
	background: #F0F0F0;
	text-align: left;
}

/*#settings-dropdown {
	padding: 0 0.5rem ;
}*/

/*.settings-icon {
	height: 20px;
}*/

.message-dropdown,
.notification-dropdown {
	width: 380px;
	font-weight: 300;
}

.message-dropdown .view-all,
.notification-dropdown .view-all {
	font-size: 13px;
}

.message-dropdown .dropdown-item,
.notification-dropdown .dropdown-item {
	padding: 7px;
	font-size: 14px;
}

.message-dropdown .dropdown-item .sub,
.notification-dropdown .dropdown-item .sub {
	font-size: 12px;
	color: #adadb8;
	margin-bottom: 5px;
}

.message-dropdown .dropdown-item img {
	margin: 0px 7px 0px 0px;
}

.notification-dropdown .dropdown-item img {
	margin: 8px 7px 8px 0px;
	height: 20px;
	width: 20px;
}

.notification-dropdown .view-all {
	font-size: 13px;
}

@media (max-width: 540px) {
	.notification-dropdown {
		right: -48px;
	}
}

.divider-right {
	border-right: 1px solid #EBEBF2;
}

/*.message-icon {
	height: 20px;
}*/

.bell-icon {
	height: 27px;
	margin-top: -5px;
}

.avatar-dropdown {
	height: 35px;
	width: 35px;
	margin-left: 7px;
	border-radius: 50%;
	border: 1px solid #F1F1F3;
}

.dropdown-toggle::after {
	content: none;
}

/* Single line fields */
.filter-searchbar .form-control {
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #E9E9F0;
	width: 100%;
}

.filter-searchbar .form-control:focus {
	outline: none;
	box-shadow: none;
	border-bottom: 2px solid #0A7AFF;
}

.filter-searchbar .icon-search {
	position: absolute;
    right: 17px;
    top: 10px;
    content: '';
    background: url(img/icons/icon-search.svg);
    width: 16px;
    height: 16px;
}

.custom-select {
	border: 0px;
	border-bottom: 1px solid #E9E9F0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.custom-select:focus {
	outline: none;
	box-shadow: none;
}

.sticky-footer {
	position: fixed;
	bottom: 40px;
	width: 100%;
	height: 40px;
	font-size: 13px;
}

.icon-remove {
	height: 20px;
}
.scrollY {
	overflow-y: auto;
}
.form-login {
	width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}
.form-login .effect-16 ~ label {
	color: #4D565C;
	font-size: 0.875rem;
}
.form-login .btn {
	min-width: 120px;
}
/*.form-login .error {
	float: right;
	
}*/
.login-image-block {
	background: url(img/login-image.jpg) no-repeat;
	background-size: cover;
}

.img-upload-block {
    width: 100%;
    max-width: 300px;
    padding: 0px;
    margin: auto;
    border-radius: 4px;
    border: 2px dashed #0A7AFF;
    font-size: 14px;
    line-height: 1;
}

.img-upload-block .sub {
	font-size: 12px;
}

.img-upload-block a:hover {
	text-decoration: none;
}

/*	=====================================	*/

.nombre-archivo{
	font-weight: 600;
	font-size: 13px;	
	line-height: 20px;
	color: #787878;	
}
.subtitile{
	font-weight: 600;
	font-size: 18px;
	line-height: 33px;
	color: #787878;	
}

.subtitile-2{
	font-weight: 600;
	font-size: 13px;
	line-height: 33px;
	color: #787878;	
}
.subtitile-3{
	font-weight: 600;
	font-size: 11px;
	line-height: 20px;
	color: #787878;	
}

.subtitile-4{
	font-weight: 600;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;	
}

.subtitile-5{	
	font-size: 13px;
	line-height: 20px;
	color: #0A7AFF;	
}

.msg-error{
	font-weight: 600;
	font-size: 11px;	
	color: red;	
}

.img-upload{
	border:1px dashed #0A7AFF;
	padding:0rem;
	padding-top: 9rem;
	background:#F0F0F0;
	position:relative
}

.item-archivo{	
	padding-bottom: 5px;
	border-top: 1px #f1f1f1 solid;
	border-bottom: 1px #f1f1f1 solid;
	width: 100%;
}

.img-close{
	position: absolute;
	top: -2px;
	right: 5px;
}
.modal-bg {
	background: rgba(0,0,0,.5);
}
.modal-backdrop{
	position: unset !important;	
}
.modal-container .modal{
	position: absolute !important;
	top: 5px !important;
}
.modal-container .modal-header{	
	border-bottom: 0px !important;
	border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

.modal-container .modal-footer{
	justify-content: center;
	border-top: 0px;
}
.modal-container .title-modal{	
	font-size: 15px;	
	color: #2e2e2e;	
	
}

.modal-container .body-text-modal{
	font-size: 13px;	
	color: #787878;	
}

/* Custom Controls*/
.bg-header-modal .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #555F75;
	border: 1px double #FFFFFF;
}

h4 .custom-control.fill-checkbox {
	margin-bottom: 0px;
}
.custom-control.fill-checkbox .fill-control-input{
	display: none;
}
.custom-control.fill-checkbox .fill-control-input:checked~.fill-control-indicator{
	background-color: #0A7AFF;
	border-color: #0A7AFF;
	background-size: 80%;
}
.custom-control.fill-checkbox .fill-control-indicator{
	border-radius: 3px;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 2px solid #aaa;
	transition: .3s;
	background: transparent;
	background-size: 0%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.custom-control.fill-checkbox .fill-control-indicator.blue {
	border-color: rgba(10, 120, 255, 0.75); 
}
.custom-control.fill-checkbox .fill-control-description {
	font-size: 1rem;
	font-weight: normal;
}
/*End Custom Controls*/

/* Scroll classes */
.scroll-in {
	overflow-y: auto;
	max-height: 410px;
	height: calc(100% - 65px);
}
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}
/* end Scroll classes */

/* List item files */
.item-archivo .tamanio-archivo, .item-archivo .etiqueta {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.item-archivo .tamanio-archivo {
	float: left;
}
.item-archivo .etiqueta {
	float: right;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	height: 15px;
	color: inherit;
}
.item-archivo .etiqueta.msg-error {
	color: red;
	cursor: help;
}

.img-upload .img-updesc {
	text-align:center; 
	padding: 15px; 
	margin-top:100px; 
	background-color:white;
}
.delimiter-md {
	border: none;
	border-right: 1px #ECEFF1 solid; 
}
.sumfiles-msg {
	font-size: 11px;
}
.progress-bar.bg-gray {
	background: #B1B1B1;
}
/* end List item files*/
/*@media screen and (max-width: 980px) {
	#content-container {
		width: calc(100% - 85px);
	}
}*/

/* PROGRESS STYLES */
.progress-item {
	padding-bottom: 5px;
    border-top: 1px #f1f1f1 solid;
    border-bottom: 1px #f1f1f1 solid;
	width: 100%;
}
.progress-item .progress-name {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #787878;
}
/*.progress-item .progress-icon {
	position: absolute;
    top: -2px;
    right: 5px;
}*/
.progress-item [class$="progress-info"] {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.progress-info-icon {
	color: #1B5C9B;
}
.progress-info.left, .progress-info-right {
	display: inline-block;
	width: 48%;
}
/* END PROGRESS */

@media screen and (max-width: 768px) {
	/*body {
		overflow-y: auto; 
	}*/
	.m0-md {
		margin: 0px;
	}
	/* LOGIN */
	.d-flex.login-image-block {
		display: none!important;
	}
	/* END LOGIN */
	/*img-upload padding-top: 9 rem;
	/below input-file margin-top 100px;*/
	/*.full-width .bg-white {
		height: 100%;
	}
	.full-width {
		width: 95%;
	}*/
	/* NAVBAR */
	body > .navbar {
		/*flex-direction: row-reverse;*/
	}
	#main-menu img {
		display: none;
	}
	#nav {
		background-image: none;
		position: absolute;
		left: -230px;
		/*left: -212px;
		left: 100%;
		left: calc(100% - 212px);*/
		z-index: 10;
		/*transition: left .3s ease-in;
		-webkit-transition: left .3s ease-in;
		-moz-transition: left .3s ease-in;
		-ms-transition: left .3s ease-in;
		-o-transition: left .3s ease-in;*/
	}
	#nav-handler:checked ~ #main-container, .nav-handler-checked {
		width: 100%;
		margin-left: 0px;
	}
	#nav-handler:checked ~ #main-container .filter-form,
	#nav-handler:not(:checked) ~ #main-container .filter-form {
		/*width: calc( 100% - 30px );*/
	}
	#nav-handler:not(:checked) ~ #nav {
		left: -230px;
		transition: left .3s ease-out;
		-webkit-transition: left .3s ease-out;
		-moz-transition: left .3s ease-out;
		-ms-transition: left .3s ease-out;
		-o-transition: left .3s ease-out;
		
	}
	#nav-handler:not(:checked) ~ #main-container {
		width: 100%;
		margin-left: 0px;
		/*transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);*/
	}
	
	#nav.nav-collapsed {
		left: -212px;
		/*transition: left .3s ease-out;
		-webkit-transition: left .3s ease-out;
		-moz-transition: left .3s ease-out;
		-ms-transition: left .3s ease-out;
		-o-transition: left .3s ease-out;*/
	}
	/*#nav:not(.nav-collapsed) {
		left: 0;
		
	}*/
	#nav-handler:checked ~ #nav {
		left: 0;
		transition: left .3s ease-in;
		-webkit-transition: left .3s ease-in;
		-moz-transition: left .3s ease-in;
		-ms-transition: left .3s ease-in;
		-o-transition: left .3s ease-in;
		border-right: 1px solid rgba(177, 177, 177, 1);
	}
	/* END NAVBAR */
	#content-container {
		/*height: calc(100% - 50px);*/
	}
	/*.full-width .container-fluid {
		height: auto;
	}*/
	.height-container {
		height: auto;
	}
	.hide-mobile {
		display: none;
	}
	#filterSearchbar.search-mobile {
		display: initial!important;
		position: absolute;
		top: 0px;
		left: -15px;
		z-index: 100;
		right: 0;
		width: calc(100% + 30px);
		height: calc(100vh - 106px);
		padding: 10px;
		background: rgba(0, 0, 0, 0.6);
	}
	#filterSearchbar.search-mobile input {
		width: 100%;
		margin-bottom: 1em;
	}
	#filterSearchbar.search-mobile label {
		display: none;
	}
	
	.delimiter-md {
		border: none;
		border-bottom: 1px #ECEFF1 solid; 
		padding-bottom: 10px;
	}
	.img-upload {
		padding: 12px;
	}
	.img-upload #project-photo {
		/*opacity: 1;*/
	}
	.img-upload #project-photo::after {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.img-upload .img-updesc {
		display: none; 
	}	
	.scroll-in {
		max-height: 100%;
	}
	.tbl-catalog thead tr:first-child,
	.tbl-catalog tbody {
		display: none;
	}
	.tbl-catalog thead tr {
		display: table;
		width: calc(100% - 30px);
	}
	.tbl-catalog thead.thead-light th, .tbl-catalog thead.thead-light td {
		background-color:  transparent;
	}
	.tbl-catalog thead th, .tbl-catalog thead td {
		display: table-row;
	}
	.input-row {
		box-shadow: none;
	}
	.tbl-catalog td, .tbl-catalog th {
		border: none;
	}
	.tbl-catalog label {
		margin-bottom: 0px;
	}
	.tbl-catalog input, .tbl-catalog a.btn {
		margin-bottom: 1rem;
	}
	.tbl-catalog .actions {
		text-align: center;
	}
	.tbl-catalog .actions a img {
		display: none;
	}
	.tbl-catalog .actions a {
		background-color: #5FE3A1;
		padding: 10px 20px;
		border-radius: 4px;
		color: #FFFFFF;
		display: inline-block;
		margin-bottom: 1em;
	}
	.form-create input[type=file] {
		height: 200px;
	}
	.form-create input[type=file]:before {
		background-size: 120px;
	}
	.colfile-mobile {
		flex-direction: column-reverse !important;
	}
	.file-separator {
		border-bottom: 1px solid #F0F0F0;
	}
	/* Overrides */
	.dropdown-menu.show {
		max-height: 180px;
    	overflow-y: auto;
	}
	/* End overrides*/

}

@media screen and (min-width: 769px) {
	.search-input {
		/*border-bottom: 2px solid #ECEFF1;
		background-color: transparent;*/
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
	}
	.file-separator {
		border-left: 1px solid #F0F0F0;
	}
	.file-input-fixed {
		position: fixed;
		margin-right: 15px;
	}

	/*CODIGO DE REDY*/
	.tablesaw-bar {
    clear: both;
    display: none;}
/*FIN CODIGO DE REDY*/

	/*.row.filter-form-row {
		margin-right: 0px;
	}*/
}
.nav-text-abbr {
	display: none;
}


@media screen and (max-width: 580px) {
	#header {
		padding: 6px 10px 0px;
	}
	#header .header-container{
		width: 100%;
	}
	.nav-text-full {
		display: none;
	}
	.nav-text-abbr {
		display: inline-block;
	}
	.cont-totales li:first-child {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.dataTable thead, .dataTable thead > tr, .dataTable thead > tr > th {
		height: 0px!important;
		padding: 0rem!important;
		visibility: hidden;
		font-size: 0px;
		border: 0;
	}
	.dataTable thead > tr > th svg,
	.dataTable thead > tr > th:before,
	.dataTable thead > tr > th:after {
		display: none!important;
	}
}
/*Estilos Redy*/
.alineados, .alineados th, .alineados td{
    position: relative;
    vertical-align: middle;
    padding: 0px 0.75em;  /*cambiarlo si perjudica*/
}

.top-submenu{
    width: 50%;
    position: relative;
    float: right;
}
.botones-sup{
    right: 5px;
    position: relative;
}
.nice12{
	font-size: 12px;
}
.margen-horizontal{ margin: 0px 8px; }
.form-control:focus{    outline: none;
    box-shadow: none;
    color: black;
    border-bottom: 3px solid #0A7AFF;}

.botonbajar, .botonbajar img{
    width: 29px;
    height: 37px;
    margin-right: 15px;
}

.filtro{
    width: 17px;
    position: relative;
    top: -3px;
}
 .filtrable{
 	top: -5px;
    position: relative;
    width:10px; 
}

.column-nombre{	width: 29%;}
.column-cat{ width: 12%;}
.acciones{top: 1px;} .acciones:focus {box-shadow: none;    top: -1px;    border-bottom: solid #4a9dff 2px;}
.acciones img{ top: 4px; width: 1em; position: relative;}
.accionborrar{ color:red; font-size: 20px !important;    margin-left: 10px !important;    top: -4px; background: #ffffff00;} 
.accionborrar:hover {color: #1b5c9b;}
.accionborrar:focus{box-shadow: none;    top: -8px;    border-bottom: solid #4a9dff 2px;}
.noformato{ padding: 0; margin: 0;} 
.camaragrande{font-size: 16px !important;}
.altoceldas{	}, .altoceldas tbody tr{	}




.formularionice{

}
.validatorlq{
	color: #67757c;
    min-height: 38px;
    display: initial;
    -webkit-background-clip: padding-box;
    background-color: transparent;
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 95% 2px;
    padding: 0;
    -webkit-transition: background 0s ease-out 0s;
    -o-transition: background 0s ease-out 0s;
    transition: background 0s ease-out 0s;
/*    background-image: linear-gradient(#69cce0 , #69cce0), linear-gradient(#d9d9d9, #d9d9d9);*/
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: none;
    margin-top: -13px;
}

.atachfoto{
	top: 23%;
}
.validatorlq .form-create input, .validatorlq input, .validatorlq label, .validatorlq select, .checkbox label, .validator textarea{font-size: 13px;}

/*.validatorlq .form-control{background-color: #f0f0f0; border: none;}*/

.descripcion{
	margin-bottom: 30px;
	font-size: 13px;
	border: none;
    border-bottom: solid #e5e8ea;
    height: 60%;
}
.subbox{font-size: 12px;}
#idCategoria{
	border: none;
    margin: auto;
    position: relative;
    display: block;}

.files{
	position: relative;
	top: -97px;
	height: 100%;
	width: 90%;
}
.piedefoto{
	text-align: center;
    display: block;
    top: -90px;
    position: relative;
}
.piedefoto2{
	text-align: center;
    display: block;
    top: --42px;
    position: relative;
}
.invisible{display: none;}
.previmg{display: block !important;
    z-index: 1001 !important;}
.borrar{
	top: 0;
	z-index: 10;
    position: relative;
    float: right;
    color: red;
}
.borrar2{
	top: -28px;
    right: -20px;
    float: right;
    color: red;
    position: absolute;
    display: table-column-group;
    z-index: 1004;
}
.ekis{background: none;
    color: white;
    margin: 0;
    font-size: 19px;
    /*padding-left: 4px;*/}

.drag-cat{
	height: 215px;
    text-align: center;
	padding: 0 0;
}
.drag-cat img{
	position: absolute;
    z-index: 10003;
    width: 99.6%;
    height: 100%;
}

.in-cat{
    position: relative;
    height: 165px !important; 
    width: 230px;
    border-bottom: none;
    z-index: 1000;	
}

#imgSalida{
	height: 210px;
    bottom: 30px;
    width: 230px;
    position: relative;
    display: none;
}
div p canvas {
    position: relative;
    top: -53px;
    background: white;
    padding: 0 5px;
}
.cat-in{width: 92%;}
#descripcion {text-transform:uppercase;}
#borrar3{z-index: 10006;}
.oculto{display: none;}
#imgmini{width: 25px; height: auto;}
.prod-new-prev{width: 282px !important;height: 290px !important;}
.edit-prod{height: 288px !important;width: 77% !important;}
.p-foto{height: auto !important;    margin-right: 15px; border-left: solid 2px #f0f0f0;}
.i-foto{
	margin-left: -15px;
    padding-left: 15px;
    padding-right: 36px;}

.border-left {
    border-left: 2px solid #d2d2d2 !important;
}
.border-top {
    border-top: 2px solid #d2d2d2 !important;
}
#appbundle_tblcomconf{ margin-top: 1.5rem;}
/*#firmaelectronica form, #appbundle_tblcomconf div input {display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

#appbundle_tblcomconf div label{text-align: left; width: 100%;}*/












 /* borrar después */

.espaciadoheader{
	margin-top: 16px;
	position: relative;
}