.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1.8rem;
    padding-left: 1rem;
}

.flechasOut::-webkit-inner-spin-button, .flechasOut::-webkit-outer-spin-button{
	 -webkit-appearance: none; margin: 0;
}

.card .card-header[data-toggle="collapse"]::after {
	color: inherit;
}

.form-control-filtro {
	position: absolute;
	padding: 12px;
	pointer-events: none;
}

.input {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 90%;
}

.form-filtro {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 10px 8px 30px !important;
	margin-right: 20px;
	width: 100%;
	/*width: 90%;*/
}

.error {
	color: red;
	font-size: 1rem;
}

div.container-fluid {
	font-size: 13px;
}

.permisos {
	font-size: 0.8rem;
}

#main {
	display: flex;
	align-items: center;
}

.label-check {
	font-size: 1rem;
	padding: auto;
}

.bg-in-card {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 1rem;
}

.checkbox-lg .custom-control-label::before, .checkbox-lg .custom-control-label::after
	{
	width: 1.55rem;
	height: 1.55rem;
}

.checkbox-lg .custom-control-label {
	padding-top: 13px;
	padding-left: 15px;
}

.checkbox-xl .custom-control-label::before, .checkbox-xl .custom-control-label::after
	{
	top: 1.2rem;
	width: 1.85rem;
	height: 1.85rem;
}

.btn-filtro {
	width: 10rem;
	height: 2.5rem;
}

.titulo-filtro {
	letter-spacing: 0.5px;
	color: #293c74;
}

.checkbox-xl .custom-control-label {
	padding-top: 23px;
	padding-left: 15px;
}

.btn-superior {
	display: inline-block;
	float: left;
	height: 2.5rem;
	padding: 4px 10px !important;
	margin: 15px 10px;
}

.table td, .table th {
	vertical-align: middle;
}
.disponible{
	border-radius: 50%;
	padding: .25rem 0.35rem;
	margin: 0rem 0.2rem 0.3rem 0.8rem !important;
	color: white;
	
}
.burbuja {
	padding: 7px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	margin: 0 2px;
}

.bg-action {
	background-color: #006699;
}

.opcion {
	font-size: 18px;
}

.opcion:hover {
	background-color: #eeeeee;
	font-weight: bold;
}

.fa-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.fa-disabled:active {
	pointer-events: none;
}

.far.fa-play-circle {
	background: #090;
	padding: 7px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	margin: 0 5px;
}

.far.fa-pause-circle {
	background: #900;
	padding: 7px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	margin: 0 5px;
}

.divtitulo{
	padding-right:0.25rem;
	margin-top:0.5rem;
}

.btn {
	
	/*font-size: 14px !important;
	padding: 4px 10px !important;*/
	margin-right: 10px;
	border-radius: 100px !important;
	text-decoration: none !important;
	
}

.btn:hover {
	box-shadow: 0 0rem 1rem rgba(0, 4, 4, 0.2) !important;
	/*padding: 0.375rem 0.9rem  !important;*/
	font-weight: bold;
	
}

.input80 {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 80%;
}

.number::-webkit-inner-spin-button, .number::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input50 {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 50%;
}

.input20 {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 20%;
}

.input100 {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 100%;
}

.input100px {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	width: 100px;
}

.mb {
	margin-bottom: 10px;
}

h1.h3.mb-0 {
	width: 100%;
}

.bg-login-image {
	background: url(../imagenes/fondo_login_adroguebus.jpg);
	background-position: center;
	background-size: cover;
}

.bg-password-image {
	background: url(../imagenes/fondo_login_adroguebus.jpg);
	background-position: center;
	background-size: cover;
}

.bold {
	font-weight: bold;
}

.rojo {
	color: #f00;
}

.verde {
	color: #090;
}

b.importeMonedero {
	font-size: 20px;
	font-weight: normal;
}

div.verde b.importeMonedero {
	font-weight: bold;
}

.icotitulo {
	color: #36b9cc;
}

.border-right {
	border-right: 1px solid !important;
}

.border-bottom-adrogue {
	border-bottom: 1px solid !important;
}

#mensajes .alert {
	margin: 30px 20px;
	text-align: center;
}

.mensajes {
	margin: 0;
	text-align: center;
}

#map {
	height: 600px;
	width: 100%;
}

#legend {
	font-family: Arial, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 3px solid #000;
}

#legend h3 {
	margin-top: 0;
}

#legend img {
	vertical-align: middle;
}

/** Loading **/
div.overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5000;
}

div.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
	z-index: 5500;
}

.inputIcono {
	display: inline-block;
	margin-right: 6px;
}

.inputIconoIzquierda {
	display: inline-block;
	margin-left: 6px;
}

/* The popup bubble styling. */
.popup-bubble {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	font-family: sans-serif;
	overflow-y: auto;
	max-height: 60px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ 8px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: /* TIP_HEIGHT= */ 8px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}

.imagen_pasajes {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: contain;
}

@media ( max-width : 480px) {
	h1.h3 {
		font-size: 1.2rem;
	}
	h1.h3 a.btn {
		display: block !important;
		float: none !important;
		margin-top: 15px;
	}
	h1.h3 {
		font-size: 1.2rem;
	}
	h5 {
		font-size: 0.8rem;
	}
	p.referencias span {
		display: block;
	}
	.btn {
		display: block !important;
		float: none !important;
		margin-right: 0;
		margin-top: 15px;
		width: 100% !important;
		font-size: 16px;
		border-radius: 100px;
	}
	.btn-superior {
		display: block !important;
		float: none !important;
		margin-top: 15px;
		height: 2rem;
	}
	.opcion {
		font-size: 10px;
		display: block !important;
		width: 10rem;
		font-size: 10px !important;
	}
}

.ml-3, .mx-3 {
	/* margin-left: 1rem!important; */
	
}

@media ( min-width : 768px) {
	.sidebar .nav-item .nav-link i {
		font-size: 1.5rem;
		margin-right: 0.25rem;
	}
}

.custom-switch .switches-estados.custom-control-label::after {
	background-color: #FFF !important;
}

.custom-switch .switches-estados.custom-control-label::before {
	border-color: #E10606 !important;
	background-color: #E10606 !important;
}

.custom-control-input:checked ~.switches-estados.custom-control-label::before
	{
	border-color: #06E106 !important;
	background-color: #06E106 !important;
}

.card .container-fluid {
	z-index: 1 !important;
	position: absolute;
}

.card  {
overflow: visible !important;	
}


.bootstrap-datetimepicker-widget {
	z-index: 1000000 !important;
}


.alert-amarillo {
    color: #7d6016;
    background-color: #fff6ba;
    border-color: #f7de9c;
}

.estadistica-amarillo {
    color: #7d6016;
    border-color: #f7de9c;
}

.estadistica-info {
    color: #0a7686;
    border-color: #a7f1fd;
}

.estadistica-success {
    color: #0f6848;
    border-color: #83f3ca;
}

.estadistica-primary {
    color: #293c74;
    border-color: #bccdfb;
}

.btn-outline-amarillo {
	background-color: white;
    color: #f5a30ff7;
    border-color: #f5a30ff7;
}

.btn-outline-amarillo:hover {
    color: #fff;
    background-color: #f5a30ff7;
    border-color: #f5a30ff7;
}

.btn-outline-rosa {
	background-color: white;
    color: #da5df1;
    border-color: #da5df1;
}

.btn-outline-success , .btn-outline-primary {
	background-color: white;
}


.btn-outline-rosa:hover {
    color: #fff;
    background-color: #da5df1;
    border-color: #da5df1;
}

.btn-outline-info {
	background-color: white;
}

.alert-rosa {
    color: #5f0057;
    background-color: #ffe5f9;
    border-color: #f9bcee;
}

.card:hover {
	box-shadow: 0 0rem 1rem rgba(0, 4, 4, 0.2) !important;
}

.card>.card-header>h5:hover {
	font-weight: bold;
}

.alert-success {
    color: #0f6848;
    background-color: #e9fff7;
    border-color: #83f3ca;
}

.alert-primary {
    color: #293c74;
    background-color: #d5dfff;
    border-color: #bccdfb;
}

.alert-disabled {
    color: #7d7d7d;
    background-color: #dcdcdc;
    border-color: #bccdfb;
}

.alert-info {
    color: #0a7686;
    background-color:  #e5fbff;
    border-color: #a7f1fd;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #b7b9cc;
    padding:0.3rem;
}
.mapa {
	height: 400px;
	width: 100%;
	margin: 1rem 0rem 2rem;

}

#directions-panel{
 width: 100%;
}

.adp, .adp table {
 
    width: 100%;
}

.adp,.adp {font-family:Roboto,Arial,sans-serif;font-weight:300;color:#2c2c2c}.adp b,.adp-list b{font-weight:400}.adp-warnbox{margin:5px 0 3px}.warnbox-content{background:#fff1a8;padding:5px 6px}.warnbox-c1,.warnbox-c2{background:#fff1a8;font-size:1px;height:1px;overflow:hidden}.warnbox-c1{margin:0 2px}.warnbox-c2{margin:0 1px}.adp-list{background:#fff;border:1px solid #cdcdcd;cursor:pointer;padding:4px;font-family:Roboto,Arial,sans-serif;font-weight:300;color:#2c2c2c}.adp-fullwidth{width:100%}.adp-listsel{background:#eee;text-decoration:none}.adp-listheader{padding:4px}.adp-placemark{background:#eee;border:1px solid silver;color:#000;cursor:pointer;margin:10px 0;vertical-align:middle}img.adp-marker{width:22px;height:40px}img.adp-marker2{width:27px;height:43px}.adp-details,.adp-legal{color:#676767}.adp-summary{padding:0 3px 3px}.adp-step,.adp-substep{border-top:1px solid #cdcdcd;margin:0;padding:.3em 3px;vertical-align:top}.adp-list img,.adp-substep img{width:15px;height:15px;position:relative;top:2px;margin-right:3px}.adp-distance{white-space:nowrap}.adp-step,.adp-text{width:100%}.adp-directions{cursor:pointer;border-collapse:collapse}.adp-list .gm-arrow{width:8px;height:9px;margin:5px 0 3px}.adp-agencies{font-size:80%;margin:5px 0}.adp-summary-duration{float:right;margin-left:7px;white-space:nowrap}.adp-substep .gm-line{margin-right:4px}.adp-substep .adp-stepicon{overflow:hidden;position:relative;top:0;left:0;width:16px;height:16px}.adp-substep .adp-stepicon .adp-maneuver{background-size:19px 630px;position:absolute;left:0;width:16px;height:16px}.adp-substep .adp-stepicon .adp-maneuver.adp-ferry{background-position:0 -614px}.adp-substep .adp-stepicon .adp-maneuver.adp-ferry-train{background-position:0 -566px}.adp-substep .adp-stepicon .adp-maneuver.adp-merge{background-position:0 -143px}.adp-substep .adp-stepicon .adp-maneuver.adp-straight{background-position:0 -534px}.adp-substep .adp-stepicon .adp-maneuver.adp-fork-left{background-position:0 -550px}.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-left{background-position:0 -598px}.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-left{background-position:0 -197px}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-left,.adp-substep .adp-stepicon .adp-maneuver.adp-keep-left{background-position:0 -413px}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-left{background-position:0 0}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-left{background-position:0 -378px}.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-left{background-position:0 -305px}.adp-substep .adp-stepicon .adp-maneuver.adp-fork-right{background-position:0 -499px}.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-right{background-position:0 -429px}.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-right{background-position:0 -232px}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-right,.adp-substep .adp-stepicon .adp-maneuver.adp-keep-right{background-position:0 -483px}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-right{background-position:0 -582px}.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-right{background-position:0 -51px}.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-right{background-position:0 -35px}
.adp-substep .adp-stepicon .adp-maneuver {background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/maneuvers.png);}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 45%;
}

.burbuja-rectangular {
    padding: 8px 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    margin: 0 5px;
}

.card-body.encabezado{
	padding: 1.25rem 1.5rem 0.8rem;
}

.card-body.encabezado> h5{
	font-size: 1.1rem;
}

.btn.disabled, .btn:disabled {
    opacity: .50;
}

.multiselect-container{
	width:200px; 
}

.vertical {
    padding: 8px 6.5px;
}

.bg-violet{
	background-color: #9c57a9;
}

.bg-blue {
	background-color: #5781FC;
}

.bg-red {
	background-color: #FC6355;
}

.height-45{
	padding: .75em .5em .75em .7em !important; 
	height: 50px;
	margin-bottom : 0.3rem!important;
}
#totalesViajesDia{
	display:none;	
}
.loading {
    background: url(../imagenes/load.gif) no-repeat right center;
    position:relative;
    
}


.tabla-liquidacion > tbody > tr > td{
	text-align: center;
	font-size: 0.8rem;
}

.desvioLiquidacion {
	width: 70px !important;
	text-align: center;
	font-size: 0.8rem;
}

.liquidacion-totales{
	background-color: #b6d9f8;
	color: #595959;
}

.blue{
	background-color: #f8f9fc;
}

.table-hover tbody .liquidacion-totales:hover {
    color: #004080;
    background-color: #0080ff78;
}

.table-hover tbody .liquidacion-totales > td {
    padding : 0.8rem 0.5rem;
}

.monto-total{
	font-size: 1.2rem;
}

.overlay-container {
	position: relative;
	text-align: center;
	color: white;
}

.overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.custom-switch {
    padding-left: 2.70rem !important;
}

span.colorEstadoAmarillo{
	color: #8b7306 !important;
    background: #FFF59D !important
}
span.colorEstadoAzul{
	background: #9ebbcb !important;
    color: #0b577c !important
}
span.colorEstadoCeleste{
	background: #ddf1f1 !important;
    color: #099595 !important
}
span.colorEstadoGris{
	background: #707070!important;
    color: #ffffff!important
}
span.colorEstadoRojo{
	color: #b42d02 !important;
    background: #ffbab5 !important
}

span.colorEstadoVerde{
	background: #c3e2c6 !important;
    color: #0f5411 !important
}

span.colorFormaPagoEfectivo{
	font-weight: bold;
}


.Pendiente {
    color: #1cc88a;
}

.pt-md-1{
	padding-top: 5px !important;
}

.ui-autocomplete{
  z-index: 1511;
}

legend{
 font-size: 10px; 
 font-style: italic;
}

.datepicker table tr td.disabled {
  color: #ccc !important;
}


.calendar-day {
  width: 50px;
  min-width: 50;
  max-width: 50;
  height: 40px;
  
}
.table td, .table th {
    padding: .1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.calendar-table {
  margin: 0 auto;
  width: 700px;
}
.selected {
  background-color: #eee;
}
.outside .date {
  color: #ccc;
}
.timetitle {
  white-space: nowrap;
  text-align: right;
}
.event {
  border-top: 1px solid #b2dba1;
  border-bottom: 1px solid #b2dba1;
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  background-repeat: repeat-x;
  color: #3c763d;
  border-width: 1px;
  font-size: .75em;
  padding: 0 .75em;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.event.begin {
  border-left: 1px solid #b2dba1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.end {
  border-right: 1px solid #b2dba1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.all-day {
  border-top: 1px solid #9acfea;
  border-bottom: 1px solid #9acfea;
  background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  background-repeat: repeat-x;
  color: #31708f;
  border-width: 1px;
}
.event.all-day.begin {
  border-left: 1px solid #9acfea;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.all-day.end {
  border-right: 1px solid #9acfea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.clear {
  background: none;
  border: 1px solid transparent;
}

.form-img {
	padding: 7px;
	background: #f0f0f0;
	position: relative;
}

.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td {
  padding-left: 0;
  padding-right: 0;
}
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

.clickeable {
	cursor: pointer;
}
.menu-boton {
	float: right;
 	font-size: 1rem;
}
.menu-permiso{
	color: #3a3b45;
    text-decoration: none;
    border-radius: 0.35rem;
    white-space: nowrap;
}
.text-green{
	color: green;
}