@charset "utf-8";
:root {
  --primaryColor: #6160dc;
  --primaryHover: #272775;
  --lightPrimaryColor:#DCDCF7;
  --logo: url(../images-agil/logo-agil.jpg);
    
  /* --logo: url(../images-agil/upcar.png);
  --primaryColor: #31BDF0;
  --primaryHover: #09749b;
  --lightPrimaryColor:#c1e7f4; */
}

/*body {
  background-color: var(--primaryHover);
}
*/
/* CSS LAYOUT */
BODY {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	background-color: #f1f6fa;
}

.wrap>.container,
.wrap>.container-fluid {
	padding-top: 100px;
	padding-bottom: 20px;
}

.navbar,
.bg-dark {
	background-color: #FFF !important;
	box-shadow: 0 10px 20px 0 #A8A8A8;
	-moz-box-shadow: 0 10px 20px 0 #A8A8A8;
	-webkit-box-shadow: 0 10px 20px 0 #A8A8A8;
	border-bottom: 8px solid #000;
}

.navbar-brand {
	display: inline-block;
}

.navbar-nav {
	height: 45px;
	user-select: none;
}

.nav-link {
	color: #3b444c !important;
	font-weight: 600;
	font-size: 1.2rem;
	padding: 0;
	margin: 0;
}

.nav-link:hover {
	color: #000;
	border-bottom: 3px solid #000;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: 0;
	margin: 0.5rem 0.75rem;
}

.nav-link.active {
	color: #000;
}

.breadcrumb {
	padding: 0;
	margin: 0;
	background: none;
}

.breadcrumb-item a,
.breadcrumb-item.active {
	font-size: 1.2rem;
	color: #3b444c;
}

.breadcrumb-item.active {
	font-weight: 600;
}

.SeccTitle {
	padding: 0 0 10px;
	border-bottom: 1px solid #628292;
	margin-bottom: 40px;
}

.SeccTitle H1 {
	font-size: 2.7rem;
	color: #485963;
	font-weight: 600;
	margin: 0;
}

.SeccTitle H1::before {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 0 25px 0 0;
	vertical-align: middle;
}

.multas-seccion .SeccTitle H1::before {
	/*content:url(../images/icon-multas.svg);*/
	content: "";
	background-image: url(../images/icon-multas.svg);
	background-size: 100%;
}

.ColRgt {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

.btn,
.Btn {
	font-size: 18px;
	font-weight: 600;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	padding: 0.375rem 1.2rem;
	background-color: #666;
	border-color: #666;
	color: #FFFFFF;
	margin: 0 10px;
}

.btn:focus,
.Btn:focus {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.btn-sm.btn {
	font-size: inherit;
	font-weight: inherit;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 0rem;
	background: none !important;
	border: none !important;
	color: inherit;
}

.btn .fas {
	margin-left: 7px;
}

.Btn {
	font-weight: 600;
}

.Btn SPAN {
	padding: 0px 0 0 10px;
}

.Btn SPAN IMG {
	width: 15px;
	vertical-align: middle;
}

.Btn.btn-success {
	background-color: #343a40;
	border-color: #343a40;
}

.Btn.Back {
	background-color: #3B444D;
	border-color: #3B444D;
}

.Btn.Back:hover {
	background: #000;
}

.accordion .btn {
	border: none;
	/* background: none; */
	margin: 0;
}

.accorddion .btn.disabled {
	border: none;
	background: none;
}

.kv-grid-container {
	border-radius: 5px;
	box-shadow: 0 0 10px 0 #878787;
	-moz-box-shadow: 0 0 10px 0 #878787;
	-webkit-box-shadow: 0 0 5px 0 #878787;
}

.card {
	background: none;
	border: none;
	border-radius: 0;
}

.kv-panel-before {
	padding: 0 0 20px;
	border-bottom: none;
}

i.export {
	display: inline-block;
	width: 20px;
	height: 25px;
	vertical-align: middle;
	margin: -10px 6px 0 0px;
	background: url(../images/icon-xls.svg) center / cover no-repeat;
}

span.btnVerTodos,
span.btnVerPagina {
	display: inline-block;
	width: 22px;
	height: 25px;
	vertical-align: middle;
	margin: -10px 6px 0 0px;
	background: url(../images/icon-vermas.svg) center / cover no-repeat;
}

.table-sm th,
.table-sm td {
	padding: 0.75rem 1rem;
	vertical-align: middle !important;
}

.kv-grid-container TH,
.kv-grid-container TH A {
	font-size: 17px;
	color: #3b444c;
	/*6f96aa*/
}

.kv-grid-container tbody td {
	cursor: default;
}

table.kv-grid-table thead tr.filters td {
	background: #e3ebf1 !important;
}

.IconFilter {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0px;
	background: url(../images/icon-filter.svg) center no-repeat;
}

.TABLE TR:nth-child(odd) TD {
	background: #F5F5F5;
}

.datepicker { 
    z-index: 9999 !important;
}

.kv-panel-after {
	border: none;
}

SPAN.Pago {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin: 0px;

}

SPAN.State {
	padding: 0.25rem 0.5rem;
	background: #F5F5F5;
	font-weight: 600;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

SPAN.Pendiente {
	background: #FFB74A;
}

SPAN.Pagada {
	background: #00A389;
}

SPAN.Anulada {
	background: #D30930;
}

SPAN.Anulada {
	background: #D30930;
}

SPAN.Veraz {
	background: #353433;
	color: #FFF;
}

SPAN.Proceso {
	background: #19B4F2;
}

SPAN.Incobrable {
	background: #EA6C18;
}



SPAN.Pago.Pending {
	background: url(../images/icon-pendiente.svg) center / cover no-repeat;
}

SPAN.Pago.Ok {
	background: url(../images/icon-pago-01.svg) center /cover no-repeat;
}

SPAN.Pago.Anulada {
	background: url(../images/icon-anulada.svg) center /cover no-repeat;
}

SPAN.Pago.Veraz {
	background: url(../images/icon-veraz.svg) center /cover no-repeat;
}

SPAN.Pago.Proceso {
	background: url(../images/icon-proceso.svg) center /cover no-repeat;
}

SPAN.Pago.Incobrable {
	background: url(../images/icon-incobrable.svg) center /cover no-repeat;
}

SPAN.Action {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin: 0px;

}

SPAN.IconEdit {
	background: url(../images/icon-edit.svg) center /cover no-repeat;

}

SPAN.IconDelete {
	background: url(../images/icon-delete.svg) center /cover no-repeat;
}

TD[data-col-seq="pagada"] .fas {
	font-size: 27px;
}

/*ICONOS*/
.Pendiente .fas {
	color: #FFB74A;
}

.Finalizada .fas {
	color: #00A389;
}

.Anulada .fas {
	color: #D30930;
}

.Veraz .fas {
	color: #353433;
}

.Proceso .fas {
	color: #19B4F2;
}

.Incobrable .fas {
	color: #EA6C18;
}

/*BG Estado pago*/
.state {
	padding: 0.25rem 0.5rem;
	background: #F5F5F5;
	font-weight: 600;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #CCC;
	margin: 0;
	text-align: center;
	color: #FFF;
}

.actionIcn {
	display: inline-block;
	color: #FFF;
	padding: 3px 8px;
	background: #7097AA;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

.actionIcn:hover {
	color: #FFF;
	background: #273F49;
}

/*A.actionIcn .fas:before{
	width:80%;
}*/




.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
	border-color: #ed969e !important;
}

.table-danger,
.table-danger>th,
.table-danger>td {
	background-color: #f5c6cb !important;
}

table.kv-grid-table tbody tr:hover td {
	background: #dfe4e7 !important;
}

#grillaFiltrosRapidos a {
	margin: 0;
}

TEXTAREA {
	width: 100%;
}

.footer {
	/*background:#3B444D;*/
	background: #F5F5F5;
	height: auto;
	padding: 15px 0;
	border-top: 2px solid #000;
}

.footer P {
	color: #666666;
	margin: 0;
}

A.Advantar {
	display: inline-block;
	width: 109px;
	height: 25px;
	vertical-align: middle;
	margin: 0 0 0 10px;
	background: url(../images/advantar.png) center /cover no-repeat;
}

/***********************************************************************************
	CREAR / MODIFICAR MULTA
***********************************************************************************/
#accordion {
	margin: 50px 0 0;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 7px 0 #878787;
	-moz-box-shadow: 0 0 7px 0 #878787;
	-webkit-box-shadow: 0 0 7px 0 #878787;
}

.accordion>.card:not(:last-of-type) {
	border-bottom: 2px solid #DDD;
}

.accordion .btn-link[aria-expanded="true"] {
	background: url(../images/icon-acc-menos.svg) center right no-repeat !important;
}

.accordion .btn-link[aria-expanded="false"] {
	background: url(../images/icon-acc-mas.svg) center right no-repeat !important;
}

/* 
.card-header{
	background:none;
}
 */
.badge-info {
	background-color: var(--primaryColor);
}

.btn-link {
	font-size: 20px;
	color: #485963;
	text-decoration: none;
	border: none;
}

.btn-link:hover {
	color: var(--primaryColor)var(--primaryColor) !important;
	text-decoration: none;
}

.btn-link:focus,
.btn-link:active {
	outline: 0 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-decoration: none !important;
}

.Card {
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 #878787;
	-moz-box-shadow: 0 0 4px 0 #878787;
	-webkit-box-shadow: 0 0 4px 0 #878787;
}

.card-header {
	font-size: 20px;
	font-weight: 600;
	color: #485963;
	/* border-bottom:1px solid #628292; */
}

.row.my-2 {
	padding: .75rem 0;
	border-top: 1px dashed #3B444D;
}

.row.my-2:first-child {
	border: none;
}

/* FULLCALENDAR AGREGADOS */

.fc-day-sun {
	background-color: #e7e7e7
}
.fc-event {
	font-family: Arial, Helvetica, sans-serif;
}
.fc .fc-datagrid-cell-cushion {
	padding: 0px !important; 
}
.fc-timeline-event {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tooltipWrapper {
	display: grid;
	grid-gap: 5px;
}

.tooltipWrapper .et {
	grid-column: 1;
	font-weight: bold;
}

.tooltipWrapper .cont {
	grid-column: 2;
}
/***********************************************************************************
	CALENDARIO RESERVAS
***********************************************************************************/





/* CSS  AGIL RENT A CAR */

.navbar-brand {
	width: 130px;
	height: 42px;
	background: var(--logo) center no-repeat;
	background-size: 100%;
}

.nav-link.active,
.nav-link.Active {
	color: var(--primaryColor) !important;
	border-bottom: 3px solid var(--primaryColor);
}

.nav-link:hover {
	color: var(--primaryColor) !important;
	border-bottom: 3px solid var(--primaryColor);
}

/*.navbar, .bg-dark{
	border-bottom-color:#6160dc;
}*/

.select2-selection--multiple .select2-selection__rendered {
	display: grid !important;
	padding-right: 5px !important;
}

.select2-selection__choice__remove {
	float: left !important;
	padding-right: 5px !important;
	margin-top: 2px;
}

NAV .dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--primaryColor);
}

.breadcrumb-item.active {
	color: var(--primaryColor);

}

.btn-success {
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}

.btn-success:hover {
	background-color: var(--primaryHover) !important;
	border-color: var(--primaryHover) !important;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--primaryColor);
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}

.page-link:hover {
	z-index: 2;
	color: var(--primaryColor);
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.badge-reserva-borrador {background-color: #DDD !important;}
.badge-reserva-reserva {background-color: #4285F4  !important; color: white;}
.badge-reserva-confirmada {background-color: #FBBC05  !important; color: black;}
.badge-reserva-alquiler {background-color: #EA4335  !important; color: white;}
.badge-reserva-vencida {background-color: #184ca0  !important; color: white;}
.badge-reserva-anulada {background-color: #DDD  !important;}
.badge-reserva-pendiente {background-color: #5e340c  !important; color: white;}
.badge-reserva-finalizada {background-color: #34A853  !important; color: white;}

.badge-origen-servicio {background-color: #8b1a0b !important; color: white;}
.badge-origen-servicio.badge-reserva-finalizada {background-color: #12afb7 !important; color: white;}

.badge-origen-online {border: 3px solid rgb(73, 36, 195) !important; }
.badge-origen-broker {border: 3px solid rgb(175, 59, 168) !important;}
.reservas-inmovilizar {
	background: repeating-linear-gradient(90deg,#0000 0 calc((100% - 5*5px)/10),grey 0 calc((100% - 5*5px)/10 + 5px));
}
.reservas-adicional-destacado {
	-webkit-box-shadow:0px 0px 11px 4px rgba(255,46,210,0.9);
	-moz-box-shadow: 0px 0px 11px 4px rgba(255,46,210,0.9);
	box-shadow: 0px 0px 11px 4px rgba(255,46,210,0.9);
}
.reservas-otra-ubicacion { 
	background-image: repeating-linear-gradient(-45deg, rgb(86, 80, 80), rgba(86, 80, 80) 1px, transparent 1px, transparent 6px);
    background-size: 4px 4px;
}

.reservas-otra-ubicacion.badge-reserva-alquiler, .reservas-otra-ubicacion.badge-reserva-vencida, .reservas-otra-ubicacion.badge-reserva-reserva, .reservas-otra-ubicacion.badge-reserva-pendiente{ 
	background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.597), rgba(255, 255, 255, 0.597) 1px, transparent 1px, transparent 6px) !important;
    background-size: 4px 4px;
}


.etiqueta {
    border-bottom: 1px solid var(--primaryColor);
    font-weight: bolder;
	margin-bottom: 3px !important;
}

.total {
	font-weight: bold;
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.resumenSubtitulo {
	font-size: 10pt;
}

.resumenCollapsible {
	font-size: small;
}

/*******************************************************************************
	
	MENU MOBILE

********************************************************************************/
.navbar-toggler{border:1px solid #485963;background-color:#485963;}
.border-bot{padding-bottom:10px;border-bottom: 1px solid var(--primaryColor);}
.card-title{padding-bottom:0.75rem;border-bottom:2px solid var(--primaryColor) !important;}

@media only screen and (max-width:428px){
	.SeccTitle H1{font-size: 2rem;line-height:2rem;}
	.textMblCenter{text-align:center !important;}
	nav {
		width:100%;
		height:auto;
		/* margin: 20px 0 0; */
		/* padding: 10px 0 0; */
		border-top: 2px solid var(--primaryColor);
	}
    NAV[aria-label="breadcrumb"]{border:none;}
	NAV UL.navbar-nav{width:100%;height:auto;margin: 20px 0 0;padding: 10px 0 0;border-top: 2px solid var(--primaryColor);}
	NAV UL.navbar-nav LI{width:100%;display:inline-block;}

	.Card{margin-top:10px;}
	.SendBtn{margin: 24px 0 0;}
	.PrintCont{width:100%;margin:0;}

	/*.reservas-seccion .card-header{overflow: hidden;overflow-x: scroll;}
	.card-header-tabs{width: 1110px;height: 75px;display: block;overflow-x:scroll;overflow-y: hidden;}
	.card-header-tabs .nav-item{width:auto;display:block;float: left;}*/
	
	/* .navbar {width:100%;height:auto;margin: 20px 0 0;padding: 10px 0 0;border-top: 2px solid var(--primaryColor);} */
	#ReservaPasosBtn{width:100%;color:#FFF;}
	#NavPasos{margin:20px 0 0;}
	#NavPasos LI{width:50%;height: 85px;}
	#NavPasos LI:last-child{width:100%;}
	#NavPasos LI:nth-child(9){width:100%;}
	#NavPasos LI SPAN{font-size:1rem;}

	.lista_categorias .col{width:100%;}

	.Card{margin-top:10px;}
	.card-title{padding-bottom:0.75rem;border-bottom:1px dotted #485963;}
	.colLeftMbl, .colRightMbl{width:50%;min-width:50%;display: table-cell; vertical-align: middle;padding:0 0 10px;}
	.colLeftMbl{padding-right:20px;line-height: 17px;}
	.colRightMbl{text-align:right;border-left:1px solid rgba(0, 0, 0, 0.1);}
	.hrMbl{display:block;}

	.table-sm th,
	.table-sm td {
		padding: 0.1rem 1rem;
	}

}

.hrMbl{display:none;}
.navbar-toggler{border:1px solid #485963;background-color:#485963;}
.SeccTitle H1{font-size:2rem;}

.border-bot{padding-bottom:10px;border-bottom: 1px solid var(--primaryColor);}
.card-title{padding-bottom:0.75rem;border-bottom:2px solid var(--primaryColor) !important;}
.etiqueta {border-bottom: 2px solid var(--primaryColor) !important;}
.Oblea{flex: 0 0 48%;max-width: 48%;border:2px solid var(--primaryColor);margin:20px 1%;border-radius:15px;}
.Oblea .etiqueta{padding:10px 0 !important;margin:0 !important;border-top: 2px solid var(--primaryColor) !important;}
.Oblea .tHead .etiqueta{border:none !important;}
.bg-reserva-resumen {background: var(--lightPrimaryColor);}
.Oblea .tHead{-webkit-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;border-bottom:2px solid var(--primaryColor) !important;padding: 0 !important;}
.Bull{font-size:30px;line-height: 18px;float: left;margin: 0 5px 0 0;}
.Oblea .row.border-bottom:last-child{border:none !important;}
.border-bottom{border-bottom: 1px dashed #212529 !important;}

.Car{
	width:100%;
	max-width:100%;
	height:100px;
	display:inline-block;
	background: url(../images-agil/flota/car.png) center no-repeat;
	background-size:contain !important;
}
.Categoria_A {
	background: url(../images-agil/flota/catb1_1.PNG) center no-repeat;
}
.Categoria_B {
	background: url(../images-agil/flota/catb1_2.PNG) center no-repeat;
}
.Categoria_C {
	background: url(../images-agil/flota/catc1_1.PNG) center no-repeat;
}
.Categoria_D {
	background: url(../images-agil/flota/catD1_1.png) center no-repeat;
}
.Categoria_F {
	background: url(../images-agil/flota/catF1_1.PNG) center no-repeat;
}
.pac-container {
    z-index: 1051 !important;
}

.border-bot{
	padding-bottom:10px;
	border-bottom: 1px solid var(--primaryColor);
}


/*******************************************************************************
	
	COLORS

********************************************************************************/
.primaryBorder {
	border-color: var(--primaryColor);
}

.primaryColor {
	color: var(--primaryColor);
}

/*******************************************************************************
	
	Sobreescribir los estilos de Bootstrap4

********************************************************************************/
/* Botones */
.btn-primary {
	color: #fff;
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #fff !important;
	background-color: var(--primaryHover) !important;
	border-color: var(--primaryHover) !important;
}

.btn-success {
	color: #fff;
	background-color: #00A389;
	border-color: #00A389;
}

.btn-warning {
	color: #fff;
	background-color: #FFB74A;
	border-color: #FFB74A;
}

.btn-secondary {
	color: #fff;
	background-color: #353433;
	border-color: #353433;
}

.btn-danger {
	color: #fff;
	background-color: #D30930;
	border-color: #D30930;
}

.btn-danger:hover {
	color: #fff;
	background-color: #85061f;
	border-color: #85061f;
}

.btn-light {
	color: #000;
	background-color: #f8f9fa;
	border-color: #ccc;
}

/* Fondos */
.bg-primary {
	background: var(--primaryColor) !important;
}

.bg-success {
	background: #00A389 !important;
}

.bg-info {
	background: #19B4F2 !important;
}

.bg-secondary {
	background: #353433 !important;
}

.bg-warning {
	background: #FFB74A !important;
}

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

.pago-observaciones {
	font-size: 10pt;
}


/***********************************************************************************
		AFTER TABLE
***********************************************************************************/
.afterTable .pagination{
    width: auto;
    margin: 0 auto;
    padding: 1rem 0;
}
.afterTable .float-right{
    float: none;
    flex: 0 0 50%;
    max-width: 50%;
}
.afterTable .wrapPager{
  text-align: center;
  justify-content: center;
  display: flex;
}
.btn.fullWhidthDesk{
    width: 100%;
    margin: 0;
}


/***********************************************************************************
		INDICADORES DE GESTION
***********************************************************************************/
#scalar_stats .nav{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:  center;
	align-items: stretch;
	align-content: stretch;
    padding: 0 0 4rem;
}
#scalar_stats .nav H2{
    border-bottom:1px dashed var(--primaryColor);
    padding-bottom: 5px;
}
#scalar_stats .nav .fas{
    width:auto;
    padding: 0px;
    /*border-bottom:1px solid var(--primaryColor);*/
}
#scalar_stats .nav .fas::before{
    color:var(--primaryColor);
    padding: 0 15px 0 0;
}
#scalar_stats .nav A.nav-link{
    font-size:1rem;
}
#scalar_stats .nav A.nav-link{
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    box-shadow: 0 0 10px 0 #9C9C9C;
    -moz-box-shadow: 0 0 10px 0 #9C9C9C;
    -webkit-box-shadow: 0 0 10px 0 #9C9C9C;
}
#scalar_stats .nav A.nav-link:hover{
    border:none !important;
    color:#000 !important;
    cursor:default;
}

#scalar_stats .nav-link-pointer:hover{
    cursor:pointer !important;
}

#scalar_stats LI.nav-item{
    margin: 0 5px;
    padding: 0 5px;
}



.jumbotron {
    padding: 2rem 2rem 1rem;
}










@media only screen and (max-width:428px){
/***********************************************************************************
	BOTONES
***********************************************************************************/    
    .btn.fullWidth{
        width:100%;
    }
/***********************************************************************************
	CALENDARIO RESERVAS
***********************************************************************************/
	.reservasContainer{
		padding: 100px 0.5rem 20px !important;
		overflow:scroll;
	}
	.reservasContainer .calendario-seccion{
		width:1600px;
		height:80vh;
	}
	/***********************************************************************************
		PAGINADOR
	***********************************************************************************/
	UL.pagination .page-link{
		padding:0.5rem 0.35rem !important;
	}
    /***********************************************************************************
		CLIENTES
	***********************************************************************************/
    #personas-container *{
        max-width:100%;
    }
    .kv-table-wrap tr > td:first-child{
        font-size: 1em;
        font-weight: bold;
    }
    /***********************************************************************************
		AFTER TABLE
	***********************************************************************************/
    .afterTable{
        display: inline-block !important;
        max-width:100%;
    }
    .afterTable DIV.col-12,
    .afterTable DIV.float-right,
    .afterTable DIV.summary,
    .afterTable DIV.col-6{
        width: 100%;
        display: inline-block !important;
        flex: initial;
        min-width: 100%;
        max-width: 100%;
        float: none !important;
        text-align: center;
    }
    .afterTable DIV.col-6 .btn-group{
        width:50%;
        display: inline-block;
        text-align:center;
        padding: 10px 0 25px;
    }
    .afterTable .wrapPager{
        overflow-x: scroll;
    }
    .fsMbl-14{
        font-size:14px;
    }
    /***********************************************************************************
		RESERVA PASO 05
	***********************************************************************************/
    .Oblea {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 20px 0%;
    }
    /***********************************************************************************
		MULTAS
	***********************************************************************************/
    .SeccTitle H1::before{
        margin:0;
    }
    .multas-update .SeccTitle H1::before{
        margin:0 15px 0 0;
    }
    .wrapMulta{
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    /***********************************************************************************
		SERVICIOS RECURRENTES ACCORDION VEHICULOS
	***********************************************************************************/
    .servRecVehiculos #collapse1 .card-body .row:first-child{
        display:none;
    }   
    .servRecVehiculos #collapse1 .card-body .row .col{
        width:100%;
        display: inline-block;
        text-align:right;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5px 0px;
    } 
    .servRecVehiculos #collapse1 .card-body .row .col:before{ 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
        font-weight:bold;
	}
    .servRecVehiculos #collapse1 .card-body .row .col:nth-of-type(1):before { content: "Vehículo "; }
    .servRecVehiculos #collapse1 .card-body .row .col:nth-of-type(2):before { content: "Kms. Actual "; }
    .servRecVehiculos #collapse1 .card-body .row .col:nth-of-type(3):before { content: "Último servicio "; }
    .servRecVehiculos #collapse1 .card-body .row .col:nth-of-type(4):before { content: "Próximo "; }
    
    .servRecVehiculos #collapse1 .card-body .row:nth-child(odd) .col{
        background: #EEE !important;    
     }
    /***********************************************************************************
		FOOTER
	***********************************************************************************/
    .footer .Col-Lft{
        align-items: center;
        display: flex;
    }   
    
    /***********************************************************************************
		INDICADORES DE GESTION
    ***********************************************************************************/
    #scalar_stats .nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: stretch;
        padding: 0 0 40px;
    }
    #scalar_stats .nav A.nav-link{
        min-width: 135px;
        font-size: 1rem;
        margin:20px 0 0;
    }
    .jumbotron {
        padding: 1rem 2rem;
        margin: 0;
    }    
        
        
        
        
        
        
        
        
        
        
        
        
    
}