.navbar-service{
	margin: 14px 5px 5px 20px;
	padding: 4px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 450px) {
  .navbar-service{
    width: 175px;
    font-size: 12px;
  }
}
@media (max-width: 330px) {
  .navbar-service{
    width: 150px;    font-size: 10px;
  }
}

b, strong{
	font-weight: 600 !important;
}

/* PGINA INICI */
.list-select{
	padding: 0px 6px 3px 6px;
	margin: 5px;
	margin-left: 0px;
	margin-top: 0px;
	height: 26px!important;
	font-size:14px
}

.list-select-group{
	margin-top: 5px;
}















/* FORM */
/* SELECT23 */
.select2-container--bootstrap4 .select2-selection{
	border-radius:0px;font-size:14px; }
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 3px;padding-right: 20px; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 27px !important; }
.select2-container .select2-selection--single {
    height: 28px !important; }
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #1ab394 !important;font-size:14px; }


/* INPUT */
.input23{
	padding: 0px 6px 3px 6px;
	height: calc(1em + .75rem + 0px);
	margin: 5px;
	margin-left: 0px;
	margin-top: 0px;
	font-size:14px
}



.input-pre23{margin-left:0px;}
.input23-600{max-width: 600px}
.input23-500{max-width: 500px}
.input23-400{max-width: 400px}
.input23-300{width: 300px}
.input23-250{width: 250px}
.input23-200{width: 200px}
.input23-150{width: 150px}
.input23-100{width: 100px}
.input23-50{width: 50px}

.textarea23{
	padding: 0px 6px;
	margin: 0px 5px 5px 5px;
	margin-left: 0px;
	font-size:14px
}

.select23{
	height: 26px!important;
	font-size:13px
}

.label23{
	margin-bottom: .1rem;
}

.label23-form{
	text-transform: uppercase;
	margin-bottom: .1rem;
}

.query23{
	margin-top:0px !important;
	margin:0px !important; 
	padding:0px !important;
	font-size: 13px;

}

.h423{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left:5px;
	background: #41a4e55e;
	text-transform: uppercase;
	border-left: 6px solid #1c84c6 !important;
}


.h423-query{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left:5px;
	background: #6d83915e;
	text-transform: uppercase;
	border-left: 6px solid #7d7d7d !important;
}



/* botones */
.btn23-top{
	padding-top:4px;
}

.btn-default23{
	border: 1px solid #000;
}
.btn-default23-gray{
	border: 1px solid #dbdbdb;
}

.btn23{
	font-weight:600;
	font-size:12px
	font-family: monospace;
	color: inherit;
	background-color: transparent;
	transition: all .5s;
	border-radius: 0
}

.btn23-topnavbar{
	font-weight:600;
	font-size:12px
	font-family: monospace;
	color: #3d3d3d;
	background-color: white;
	transition: all .5s;
	border-radius: 0;

}

.btn23-topnavbar:hover{
	border: 1px solid #a7a7a7 !important;
	color: #a7a7a7 !important;
}

.btn-pre23{
	height: 26px;
	/*top:5px;*/
    border: 1px solid #cbcdcf;
}

.btn-mw90{
  min-width: 90px;
}

.btn-disabled{
    background-color: #e7eaec !important;
    border-color: #e7eaec !important;
    color: #bcc3c7 !important;
}

.iconoSeleccion:hover{
	cursor: pointer;
	color: #1a9595 !important;
}

.opcionSeleccion:hover{
	cursor: pointer;
	color: #000000 ;
}

.iconoSeleccionDelete:hover{
	cursor: pointer;
	color: #ff0000!important;
}

.seleccionado:hover{
	cursor: pointer;
}


.icoLogOut{
	padding:15px 15px 10px !important;
	margin-right:25px;
	cursor: pointer;
}
.icoLogOut:hover{
	cursor: pointer;
	color: #ff9191 !important;
}

.iconoDelete{
	cursor: pointer;
	color: #ff7373;
}
.iconoDelete:hover{
	cursor: pointer;
	color: #ff0000;
}

/*table*/
.table23{

}

.tr23-small{
	BORDER-TOP:
}

.tr23-head{
	background:#41a4e55e;
	padding-top: 1px;
}

.th23{
	padding:1px !important;
	padding-left:5px!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}
.thOrder{
	color:black;
}

.div-23{
	padding:1px !important;
	padding-left:5px!important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px !important;
}


.row23-table-list {
	border-bottom: 1px solid #80808036;
	/*margin-top:3px !important;*/
}
.row23-table-list:hover {
  background-color: #c8cbcf;
  cursor: default;
  border-bottom: 1px solid #c8cbcf;
}

.row23{
  background-color: #c8cbcf;
  cursor: default;
}
.row23:hover {
  background-color: #c8cbcf;
  cursor: default;
}






.td23{
	padding:1px !important;
	padding-left:5px!important
}

.t-m-w20{width:20px;max-width:20px;min-width:20px}
.t-m-w30{width:30px;max-width:30px;min-width:30px}
.t-m-w40{width:30px;max-width:30px;min-width:30px}
.t-m-w50{width:50px;max-width:50px;min-width:50px}
.t-m-w60{width:60px;max-width:60px;min-width:60px}
.t-m-w75{width:75px;max-width:75px;min-width:75px}
.t-m-w90{width:90px;max-width:90px;min-width:90px}
.t-m-w100{width:100px;max-width:100px;min-width:100px}
.t-m-w150{width:150px;max-width:150px;min-width:150px}
.t-m-w160{width:160px;max-width:160px;min-width:160px}
.t-m-w175{width:175px;max-width:175px;min-width:175px}
.t-m-w200{width:200px;max-width:200px;min-width:200px}
.t-m-w225{width:225px;max-width:225px;min-width:225px}
.t-m-w250{width:250px;max-width:250px;min-width:250px}
.t-m-w300{width:300px;max-width:300px;min-width:300px}
.t-m-w350{width:350px;max-width:350px;min-width:350px}
.t-m-w400{width:400px;max-width:400px;min-width:400px}
.t-m-w450{width:450px;max-width:450px;min-width:450px}
.t-m-w500{width:500px;max-width:500px;min-width:500px}
.t-m-w550{width:550px;max-width:550px;min-width:550px}
.t-m-w600{width:600px;max-width:600px;min-width:600px}
.t-m-w650{width:650px;max-width:650px;min-width:650px}
.t-m-w950{width:950px;max-width:950px;min-width:950px}
/* BUSQUEDA 23 */
.div-23-bus{
	/*border-bottom:1px solid #cfcfcf;*/
	margin-bottom: 2px;
	margin-top: 3px;
	padding:1px !important;
	padding-left:5px!important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px !important;
}
.row23-buscar{
  background-color: #fff;
  cursor: default;
  border-bottom: 1px solid #cfcfcf;
}
.row23-buscar:hover {
  background-color: #c8cbcf;
  cursor: default;
}

.pastilla:hover{background: #f3f6fb }

.pastillaLowerColor:hover{background: #dfe8f4; }

.text-disabled{color: #d2d2d2;}

.iconoSeleccionTabla{cursor: pointer;color: #e1e1e1;}
.iconoSeleccionTabla:hover{cursor: pointer;color: #808080;}



.listaIL:hover{cursor: pointer;background: #dfe8f4;}

.seleccionUL{cursor: pointer;color: #000;}
.seleccionUL:hover{cursor: pointer;color: #21b9bb;}

.filaSelect .div-23-bus:hover{background-color: #d2d2d2 !important;cursor: pointer; }

.text-striped{ text-decoration: line-through }

/*breadcrumb activo*/
.titulo{
	background-color: #ffff80;
	padding: 0 15px;
}


.modal-footer{
	justify-content: flex-start; !important
}

.opcioActiva{
	color: #fff;
	background-color: #21b9bb;
	border-color: #21b9bb;
}

.opcioInactiva{  
  color: #c0c0c0;
  background: white;
  border: 1px solid #e7eaec;
}

.opcioActiva:hover{  
	color: #fff;
	background-color: #21b9bb;
	border-color: #21b9bb;
}

.opcioInactiva:hover{  
  color: #21b9bb;
  background: white;
  border: 1px solid #21b9bb;
}

.noScroll{overflow-y: scroll;}


.alert-success {
    color: #fff;
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.fuenteTachada{
	text-decoration:line-through;
	}

.textoPrimary{
color: #1ab394;
}

.print-cap {
	border-bottom: 1px solid black;
}

.hr-23 {
  background-color: rgb(18 18 18 / 19%);
  border-style: solid !important;
  margin-top: 10px;
  margin-bottom: 0px;
}

.input-Warning23{
	padding: 3px !important;
    background-color: #f1f20c69 !important;
    border-color: #eae116e6 !important;
}

.input-group23 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
	padding-left:0px !important;
}


/*PEDIDOS*/
.label-nuevo {background-color: #28a745;color:#fff}
.label-preparacion{background-color: #785a00;}
.label-denegado{background-color: #ed5565d9;}
.label-proveedor{background-color: #fd7e14;}
.label-autorizacion{background-color: #5fb19b;}
.label-listo {background-color: #1ab394;}
.label-enviar{background-color: #1c84c6;}
.label-recoger{background-color: #0673b8b0;}
.label-finalizado{background-color: #d8d5d5;}

.panel-nuevo {
  border-color: #28a745;
}
.panel-nuevo > .panel-heading {
  background-color: #28a745;
  border-color: #28a745;
  color: #ffffff;
}

.label-ajax{
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding: 0 10px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-shadow: none;
  border-radius: 0.25em;
  line-height: 1;
  white-space: nowrap;
}

.label-div{
	display:inline;
    padding: 4px 15px;
    border-radius: .25rem;
	border: 1px solid transparent;	
	color: #FFFFFF;
    text-transform: uppercase;
}


/* QUERY */
.queryPanel{
	border-radius: 0px;
	margin-bottom:0px;
}

.queryModalPanel{
	border-radius: 0px;
}
.queryModalPanel-heading{
	border-radius: 0px;
}

.queryModal-header{
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.queryModal-buttonClose{
	text-shadow: 0 0 black;
}

.queryPanel .ibox-content{
	padding:0px;
}


/* default*/
.migasdepan-default .breadcrumb-item+.breadcrumb-item::before{
	color: black !important;
}

.migasdepan-default{
	background-color:#f8f9fa !important;
	color: black;
}

.migasdepan-default ol{
	background-color:#f8f9fa !important;
	color: black;
} 

.migasdepan-default li a{
	color: #0080ff;
}

.migasdepan-default li a:hover{
	color: #0052a4;
}

.migasdepan-default .active strong{
	/*background-color: azure;*/
	padding: 0px 5px
}

/* nuevo*/
.migasdepan-nuevo .breadcrumb-item+.breadcrumb-item::before{
	color: white !important;
}

.migasdepan-nuevo{
	background-color:#1c84c6 !important;
	color: white;
}

.migasdepan-nuevo ol{
	background-color:#1c84c6 !important;
	color: white;
} 

.migasdepan-nuevo li a{
	color: #f4f59f;
}

.migasdepan-nuevo li a:hover{
	color: #a7a712;
}

.migasdepan-nuevo .active strong{
	/*background-color: #64bbf2;*/
	padding: 0px 5px
}

/*editar */
.migasdepan-editar .breadcrumb-item+.breadcrumb-item::before{
	color: white !important;
}

.migasdepan-editar{
	background-color:#1ab394 !important; /*#79e2cd !important; /*#23c6c8*/
	color: white;
}

.migasdepan-editar ol{
	background-color:#1ab394 !important;
	color: white;
} 

.migasdepan-editar li a{
	color: #f4f59f;
}

.migasdepan-editar li a:hover{
	color: #a7a712;
}

.migasdepan-editar .active strong{
	/*background-color: #79e2cd;*/
	padding: 0px 5px
}


.cursorPointer{cursor: pointer;}
.cursorPointer:hover{cursor: pointer;}




/* APK **************************************************************************/
.titulo-apk{
	background-color: transparent;
	padding: 0 15px;
}

.input23-apk{
	padding: 6px 12px;
	height: calc(1em + .75rem + 0px);
	margin: 5px;
	margin-left: 0px;
	margin-top: 0px;
	font-size:14px
}

.h423-apk{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left:5px;
	background: #41a4e55e;
}
h4 .h423-apk{
	margin-top: 0px !important
}

.h423-query-apk{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left:5px;
	background: #28a745;
}
h4 .h423-query-apk{
	margin-top: 0px !important
}

.ulQuery{
	padding: 0px;
	list-style:none;
	margin:0px;
	/*margin-top: 1rem!important;*/
}
.ulQuery li{
	border-left: 6px solid #17a2b8 !important;
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 2px;
	padding: .25rem!important;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: .25rem!important;
}

.ulEdit{
	padding: 0px;
	list-style:none;
	margin:0px;
	/*margin-top: 1rem!important;*/
}
.ulEdit li{
	border-left: 6px solid #28a745 !important;
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 2px;
	padding: .25rem!important;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: .25rem!important;
}

.ulNew{
	padding: 0px;
	list-style:none;
	margin:0px;
	/*margin-top: 1rem!important;*/
}
.ulNew li{
	border-left: 6px solid #1c84c6 !important;
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 2px;
	padding: .25rem!important;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: .25rem!important;
}

.panelQuery{
	background-color: #fff;
    border: 1px solid transparent;
	border-radius: 0px;
    margin-bottom: 0px;
	border-color:#17a2b8;
}

.panelQueryHeading{
    border-radius: 0px;
    margin-bottom: 0px;
    color: white;
    padding: 0px 15px 10px 15px;
    border-bottom: 1px solid transparent;
	background-color: #17a2b8;
}

.APK_opcio{  
  color: #21b9bb;
  background: white;
  border: 1px solid #21b9bb;
}

.btnSeleccionado{
	background: #d8d8d8;
	color: black;
	border-color: #d8d8d8;
}

.btnSeleccionado:hover{
	cursor: default;
}

.in-info{
	font-size: 11px;
    color: #0080ff !important;
}

.in-info-red{
	font-size: 11px;
    color: #ff0000 !important;
}

.in-contact-box{
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	padding: 10px;
	margin-bottom: 10px;
	min-height: 80px;
	min-width: 300px;
}

.in-li-none{
	list-style-type: none;
	white-space: nowrap;
}

.in-li-title{
	display: inline;
	background: #1c84c6 !important;
	color: #ffffff;
}


a.in-linkDisabled {
	pointer-events: none;
	cursor: default;
	color: #d2d2d2;
	}

.in-truncated{
	padding:1px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.in-ul{
	padding-left: 15px;
}

.in-li:hover{
	cursor: pointer;
	background: #dfe8f4;
}

.in-li div{
    font-size: 80%;
    font-weight: 400;
    margin-right: 20px;
	display: inline-block !important;
}

.blink {
	animation: blinker 1.5s linear infinite;
    color: red;
    /*font-size: 1.5em;*/
    /* Larger, responsive font size */
    /*margin-bottom: 20px;*/
}
@keyframes blinker {
	50% {
		opacity: 0;
		}
}

.change-message {
    display: none;
}

.in-link:hover{
	cursor: pointer;
	color: #3f72b8;
}

.salaAqua{color:#00FFFF}
.salaAntique{color:#FAEBD7}
.salaMarine{color:#7FfFD4}
.salaBlue{color:#0000FF}
.salaViolet{color:#8A2BE2}
.salaBrown{color:#A52A2A}
.salaCoral{color:#FF7F50}
.salaGoogle{color:#f71581}
.salaOutlook{color:#dddd00}
.salaExchange{color:#66b3ff}
.salaNegro{color:#5d5d5d}
.salaPop{color:#e8a4a4}

.li-title{
background-color:#85adc7 !important;
color: white;
text-transform: uppercase;
}

.in-word{color: #2b2bff !important}
.in-pdf{color: #ff1e1e !important}
.in-excel{color: #00d500 !important}
.in-text{color: #000000 !important}
.in-zip{color: #b3b300 !important}
.in-code{color: #800080 !important}
.in-powerpoint{color: #ff7c3e !important}
.in-certificado{color: #800000 !important}
.in-imagen{color: #bfbf00 !important}
.in-otros{color: #c0c0c0 !important}



/***** COLORES ********/
.in-color-verde{
	color:#1ab394 !important
}
.in-color-gris{
	color:#888888 !important
}
.in-color-rojo{
	color:#ED5565 !important
}

.in-color-negro{
	color:#000000 !important
}

.in-color-none{
	color: transparent !important;
}


/***** CALENDARIO *****/




















	.divDia{
		display: block;

	}
	

	.evento a:hover{
		background:#e0e0e0;
		border-radius:15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;'
	}	

	.evento a{
		margin-right: 2px;
		margin-left:0px;
		margin-top:1px;
		text-decoration:none;
		position: relative;
		white-space: nowrap;
		align-items:center;
		display:inline;
		font-weight: 500;
		color:#000;
		padding-right:2px!important;
	}
	
	.evento .time{
		display: inline-block;
		margin: 0px 0px 0px 0px;
		color:#000;
		padding:0px;
		font-weight: 300;
	}


	.evento .dot{
	   margin: 0px 0px 0px 0px;
	   display:inline-block;
	}	
	
	
	.diasSemana{
		width:14%;
		font-weight:700 !important;
		text-align: center !important;
		border: 1px solid #dee2e6 !important;

	}

	.calendar-dias{
		height:7rem;
		width:14%;
		color:#000000;
		background:#ffffff;
		font-weight: 600;
	}

.calendar-dias-semana{
	height:auto;
	width:14%;
	color:#000000;
	background:#ffffff;
	font-weight: 600;
}

	.hoy{
		background: #ffffe6;
		color:#000000;
	}
	.pasado{
		background: #f0efef63;
		color:#000000;
		font-weight: 400;
		border-color: #f0efef63 !important;	
	}

	.eventos{
		display: block;
		height:4.5rem;
		overflow-y: auto!important;
		scrollbar-width: thin;
	}

	.eventos-semana{
		display: block;
		height:auto;
		/*overflow-y: auto!important;
		scrollbar-width: thin;*/
	}





		.evento {
		/*cursor:pointer;*/
		border-radius: 3px;
		position: relative;
		white-space: nowrap;
		align-items:center;
		display:block;
		font-size:11px;
		font-weight: 400;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		margin-bottom:2px;
		/*border-radius: .0rem .50rem .50rem .25rem !important;*/
		/*border-left:4px solid #00000000 !important;
		border-right:4px solid #00000000 !important;	
		border-top:4px solid #00000000 !important;
		border-bottom:4px solid #00000000 !important;*/
		background: #ffffff00
		
		}
	
		.eventoMasDiaInicio {
		cursor:pointer;
		border-left:4px solid #000000 !important;
		border-top:4px solid #000000 !important;
		border-bottom:4px solid #000000 !important;
		}

		.eventoMasDiaFin {
		cursor:pointer;
		border-right:4px solid #000000 !important;	
		border-top:4px solid #000000 !important;
		border-bottom:4px solid #000000 !important;
		}

		.eventoMasDia {
		cursor:pointer;
		}

		.eventoDia {
		cursor:pointer;
		}





.bloqueDiasSemana{
	height:auto;
	width:14%;
	color:#000000;
	background:#ffffff;
	font-weight: 600;
	border: 1px solid #dee2e6 !important;
	padding: 0px;
}

.bloqueDiasSemanaHoy{
	background: #ffffe6;
}

.bloqueDiasSemanaPasado{
	background: #f0efef63;
}

.eventoSemana{

}