@charset "utf-8";
/* ----- Custom CSS Document -------
-------- Expensas Online -------- */

/* GENERAL SETTINGS */
.dataTables_wrapper .row-fluid.withoutBorders {
	border:none;
}
#X, #X_editar {
display:none; 
position: absolute;
top: 86px;
right:26px;
}
#ui-id-1, #ui-id-2 {
	z-index: 2000 !important;	
}
.dataTables_wrapper .row-fluid.withoutBorders .span12 {
	min-height:0;
}

select option span {
	color:#CCC;
}

/* HEADER */
.navbar .navbar-inner {
	background-color:#f8f8f8;
}

#eoNavTop, #eoNavTop li {
	padding:0;
	margin:0;
	list-style:none;	
}

#eoNavTop {
	margin-top:10px;
	line-height:30px;
	float:right;
	display:inline-block;
}

#eoNavTop span {
	clear:both;
	float:right;
}

#eoNavTop li {
	display:inline-block;
	border-right:1px solid #cccccc;
}

#eoNavTop span li:last-child {
	border-right:none;
}

#eoNavTop span.optiosWrap li a {
	padding:5px 16px;
}

#eoNavTop span.optiosWrap li:last-child a {
	padding-right:0;
}

.navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
	color:#5daee4;
}

header {
    grid-area: header;
    overflow: hidden;
    padding: 1rem 2rem;
    border-bottom: 1px solid #e5e5e5;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr max-content;
    grid-template-areas: "logo burger"
                         "menu menu";
}

header .logo {
    grid-area: logo;
    height: 3rem;
}

header .logo img {
    height: 100%;
}

.burger-input, .burger-opener, .burger-closer {
    grid-area: burger;
    justify-self: end;
    align-self: center;
    font-size: 3rem;
}

.burger-input {
    opacity: 0;
    position: relative !important;
    height: 3rem !important;
    width: 3rem !important;
}

.burger-input:checked ~ .burger-opener {
    display: none;
}

.burger-input:not(:checked) ~ .burger-closer {
    display: none;
}

.burger-input:checked ~ nav {
    max-height: 100vh;
}

nav {
    display: grid;
    grid-area: menu;
    max-height: 0;
    transition: max-height 300ms ease-in-out;
}

nav ul {
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 1rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* BUSQUEDA RAPIDA */
.busquedaFiltros {
	text-align:right;
}

#busq-av, #busq-av-tipo, #table_unidades_filter, #table_cuentas_email_filter, #table_archivos_filter, #table_archivos_pmc_filter,
#busq-av-pmc, #table_expensa_unidades_filter, #table_gastos_filter, #table_expensa_detalle_unidad_filter, #table_pagos_filter, #table_usuarios_filter {
	display:inline-block;
}

#busq-av, #busq-av-pmc, #busq-av-tipo {
	margin-right:8px;
	vertical-align: top;
}

#filtros-categoria, #filtros-estado, #filtros-tipo, #filtros-estado-pmc, .filtro-datatable {
	display:inline-block;
	float:right;
	margin:0 8px;
}

/* BODY CONTENT */
#main-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content 1fr;
    grid-template-areas: "header" "content";
	width: 100%;
}

#main-content {
    grid-area: content;
    overflow: scroll;
}

#sidebar {
    grid-area: content;
	padding-bottom:60px;
	background-color:#F2F2F2;
}

#breadcrumbs {
	display:none;
}

#navbarTop {
	border-bottom:1px solid #E5E5E5;
}

#myTab3 {
	display:inline-block;
	vertical-align:bottom;
}

.btn-right {
	float:right;
}

.ui-widget-header a {
	cursor:pointer;
}

.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_228ef1_256x240.png");
}

.ui-widget-header a:hover .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}

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

#fecha_factura_button {
	cursor:pointer;
}

#agregarEmailsModal {
	height: 350px;
	width:60%;
	margin-left:-30%; /* -width/2 */
}

div#ui-datepicker-div {
    z-index: 9999 !important;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("../imgs-eol/grayscale.svg"); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}

table#table_expensa_unidades td {
	padding: 3px 8px;
	vertical-align: middle;
}
.busquedaFiltros.step1 {
	text-align: left;
}
#filtros-tipo.step1 {
	float: none;
	margin: 0 10px;
}
.busquedaFiltros.step1 #table_expensa_unidades_filter {
	margin: 0 6px;
}

@media (min-width: 768px) {
    #breadcrumbs {
        display: block;
    }
}


/* MEDIA QUERY */
@media (min-width: 768px) {
	.ace-file-multiple label {
		height:407px;
	}
}
/*@media (max-width: 767px) {
@media (max-width: 1199px) {
	.form-horizontal .control-label {
		text-align:left;
	}
	
	.form-horizontal .controls {
		margin-left:0;
	}
}

@media (max-width: 1199px) {
	.form-horizontal .control-label {
		text-align:left;
	}
	
}*/

@media (max-width: 500px) {
	#eoNavTop {
		float:left;
		text-align:left;
		width:98%;
		padding:5px 1%;
		background:#FFF;
		border-bottom:1px solid #E5E5E5;
	}
	#eoNavTop span.welcomeWrap {
		float: none;
	}
	
	#eoNavTop span.optiosWrap {
		float:right;
	}
	
	.formDateEol {
		float:left;
		clear:both;
		width:100%;
	}
}

@media only screen and (max-width: 979px) {
	#sidebar {
		z-index:101;
	}
}

.bigger-175 {
    font-size: 175%;
}

/* BALANCE DATATABLES */
table.no-border,
table.no-border thead tr,
table.no-border thead tr th,
table.no-border tbody td,
table.no-border tbody td th{
    border: none;
}
.no-style.dataTables_wrapper .row-fluid:first-child + .dataTable,
.no-style.dataTables_wrapper .row-fluid:first-child,
.no-style.dataTables_wrapper .row-fluid:last-child{
    background: none;
}
.table.no-style thead:first-child tr{
    background: none;
}
.table.no-style thead:first-child tr th,
.table.no-style thead:first-child tr th:first-child {
    border: none;
}
.table.no-style thead tr th.header-color-blue,
.table.no-style thead:first-child tr th.header-color-blue,
.table.no-style thead:first-child tr th:first-child.header-color-blue {
    width: 300px;
    border: 1px solid #307ECC;
}
.table.no-style thead:first-child tr th.border-left.border-blue {
    border-left: 1px solid #307ECC;
}
.table.no-style thead:first-child tr th.border-right.border-blue{
    border-right: 1px solid #307ECC;
}
.table.no-style thead tr th.header-color-green,
.table.no-style thead:first-child tr th.header-color-green,
.table.no-style thead:first-child tr th:first-child.header-color-green {
    width: 300px;
    border: 1px solid #82AF6F;
}
.table.no-style thead:first-child tr th.border-left.border-green {
    border-left: 1px solid #82AF6F;
}
.table.no-style thead:first-child tr th.border-right.border-green{
    border-right: 1px solid #82AF6F;
}
.table.no-style th, table.no-style td{
    vertical-align: central;
    border-top: none;
}
.table.no-style td.dataTables_empty{
    border: 1px solid #DDD;
    padding: 20px;
    text-align: center;
    background-color: #f1f1f1;
}

.dataTables_wrapper .row-fluid:last-child{
    border: none;
}
.dataTables_wrapper .row-fluid:first-child + .dataTable{
    border: none;
}
.no-border {
    border: none;
}
.table.no-style tbody tr:last-child td.bg-soft-blue{
    border-bottom: 1px solid #307ECC;
}
.table.no-style tbody tr:last-child td.bg-soft-green{
    border-bottom: 1px solid #82AF6F;
}

tr.group-row{
    background: #F1F1F1; /*#FBF9E5; /*#F1F1F1; #F9F5D7;*/
}
tr.group-row td{
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
tr.group-row h5{

}
tr.group-row td.bigger-175{
    padding-top: 18px;
}
tr.group-row td.bigger-150{
    padding-top: 18px;
}
tr.group-row .group-row-date i{
    color: #D8D8D8;
    margin: 0 10px 0 0;
    padding: 0px;
}
tr.group-row:hover h5{
    color: #AAA8A8;
}
tr.group-row:hover i{
    color: #AAA8A8;
}
.border-left.border-grey{
    border-left: 1px solid #DDD;
}
.border-right.border-grey{
    border-right: 1px solid #DDD;
}
.border-left-dashed{
    border-left: 1px dashed #DDD;
}
.border-left.border-blue{
    border-left: 1px solid #307ECC;
}
.border-left.border-green{
    border-left: 1px solid #82AF6F;
}
.border-right.border-blue{
    border-right: 1px solid #307ECC;
}
.border-right.border-green{
    border-right: 1px solid #82AF6F;
}
.border-left-dashed.border-green{
    border-left: 1px dashed #EDF2C9;
}
.border-left-dashed.border-blue{
    border-left: 1px dashed #ECECEC;
}
.bg-light-blue{
    background: #C9DDF2; 
}
.bg-light-green{
    background: #CEE1C6;
}
.bg-soft-blue{
    background: #EFF6FC;/*#E5EFF9;*/
}
.bg-soft-green{
    background: #F4F9F3;/*#EDF6EA;*/
}

.rotate {
    transform: rotate(-90deg);
    transition: .5s;
}
.rotate2 {
    transform: rotate(0deg);
    transition: .5s;
}

/* Anchos de la las Celdas de la Tabla */
.cell-check{
    width: 30px;
    min-width: 20px;
}
.cell-money{
    width: 80px;
    min-width: 80px;
}
.cell-money{
    width: 120px;
    min-width: 80px;
}
.cell-subtotal{
    width: 150px;
    min-width: 120px;
}
.cell-total{
    width: 170px;
    min-width: 140px;
}

/* GRAFICO */
.graph-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}
.graph-container {
	width: 100%;
	height: 200px;
	background: #FFF;
}
.graph-filter{
    margin-left: 55px;
}
.graph-filter input[type="checkbox"] + .lbl {
    padding-right: 10px;
}
.graph-filter input[type="radio"] + .lbl {
    padding-right: 10px;
}
.filter{
    margin: 15px 0 25px 0;
}
#flotTip {
   font-size: 0.9em;
   opacity: 1;
   padding: 10px;
   position: absolute;
   z-index: 12;
   color: #888;
   background: #fff;
   border: 1px solid #aaa;
   -moz-box-shadow: 0px 1px 1px #ddd;
   -webkit-box-shadow: 0px 1px 1px #ddd;
   box-shadow: 0px 1px 2px #ddd;
}

.popover-content{
    font-size: 12px;
    min-width: 120px;
}

.margen-izq-2{
    margin-left: 5%;
}

input.tipoOperacion {opacity: 1 !important; float: none;}
lable.tipoOperacion{ margin-left: 22px !important;    width: 300px;  vertical-align: middle;}
#nuevoCobrador{display: none;}

.spanFix{
    float: left;
    min-height: 1px;
    margin-left: 0px !important;
}

/* AGREGO CSS PARA LOS DATATABLES DE ADMINISTRACIONES */
/* tamaño maximo para la columna email en administraciones datatable */
/* .dt-max-width-email {
    max-width: 739px;
} */

/* Wrapper para el contenido de la columna email en administraciones datatable */
.dt-max-width-wrapper-email {
    max-width: 680px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Wrapper para el contenido de la columna email en usuarios administraciones datatable */
.dt-max-width-wrapper-user-email {
    max-width: 200px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}