@charset "utf-8";
/*carta de colores:
Azul claro:#0F79C4
Azul oscuro:#16B4DB
gris claro:#383d43
gris oscuro:#272B2F
gris-fondo:#F4F4F4
Blanco azulado:#EDFFFD
color-etiquetas:#767676*/

/********************************************************************************************
		Estilos correctores tabla
*********************************************************************************************/
html{ background:#F4F4F4;}
.lista_hijos{ padding:0;}

td{ border:1px solid #ccc; padding:5px;}
th{ border:1px solid #ccc; padding:5px!important; background-color:#ECECEC; color:#3f4245;text-transform: uppercase; font-size:13px;}
/********************************************************************************************
		Estilos ficha 
*********************************************************************************************/
.datos_hijos{ background-color:#E6F9F9; border:1px solid #0F79C4; padding:5px; font-size:12px; }
.datos_hijos h3{ font-size:14px; color:#0F79C4; margin-bottom:1em; font-weight:bold; text-align:center }
.datos_hijos fieldset{ margin:0.5em; border:1px solid #0F79C4; padding:1em; line-height:2em; background-color: #eee; }
.datos_hijos label{ display:inline-block; }
.datos_hijos th{ border:0;}
.datos_hijos .total_ultimo{ margin-right:18px;}

.edit{
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 1%;
	overflow: hidden;
/*	margin-left: 15%;*/
/*	border-top: 6px solid #383d43;*/
}

.edit a, .menu-editar a { font-weight: 100; text-transform: uppercase;}.edit a img , .menu-editar img{ margin-right:5px;}
.edit h1 {
    border-right: 1px solid #eee;
    display: inline-block;
    margin-right: 1.5em;
    padding: 0 1.5em;
}
#left-content{background:#383d43; /*min-width: 270px;*/ width:15%;/*overflow:hidden;*/ overflow:auto;float:left;height: 100%; position:fixed;/* top:0;*/ padding-right: 1em; /*padding-top: 3em;*/}
.titulosmenu b{ display:none;}

#left-content #menu_derecha li a{
    display: block;
    /*padding: 20px;*/
    position: relative;
    transition: all 0.2s ease-in-out 0s;
	color: #EDFFFD;
    /*font-size: 14px;*/
    font-weight: 700;
    text-transform: uppercase;
	letter-spacing:1px;
	
	padding-left: 0!important;
	padding-right: 0!important;
}
#left-content #menu_derecha li a:hover{ background:#272B2F; text-decoration:none; color:#fff;}

#right-content{background:#F4F4F4;/*width:80.8%;*/margin:0.5% 2% 0.5%; overflow:hidden; /*float:right;*/ margin-left: unset!important; margin-right: unset!important;}
#right-content div{overflow:hidden;}
.titular{ text-transform: uppercase; display:block; width:100%; background:#1EC1FC; color:#fff;/*padding: 1em;*/text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);}


select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    min-width: 200px;
    outline: 0 none;
    padding: 6px 15px 6px 10px;
    position: relative;
    text-indent: 0.01px;
    text-overflow: "";
    text-transform: uppercase;
    width: 120%;
	border: 1px solid #cbd5dd;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 0 2px 1.2%;
    position: relative;
    width: auto;
}
select::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    color: #cbd5dd;
    content: "";
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 8%;
    top: 50%;
    width: 0;
    z-index: 0;
}
input,textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #cbd5dd;
    border-radius: 0;
    color: #767676;
	display: block;
    font-size: 13px;
    height: 30px;
    line-height: 1.42857;
    padding: 4px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
textarea {
    height: auto;
}
label{color:#767676;padding-right: 5px;}
.datos-ficha .col-md-12 {margin: 6px 0;}
.datos-ficha .col-md-12 label{display: inline-block;font-size: 13px;}
.datos-ficha .col-md-12 input{/*width: 83.3333%;*/display: inline-block;}
#lineas-vencimientos,#lineas-pedido,#lineas-archivos,.datos-ficha,#precios-ficha {
    display: block;
    overflow: hidden !important;
	 
	 padding: 1em;
	 margin: 10px 0;
	 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
#precios-ficha{ background:#0F79C4;}
#lineas-pedido,#lineas-vencimientos,#lineas-archivos,.datos-ficha{background:#fff;}
.datos-ficha textarea{ width:100%;}
#lineas-pedido, #lineas-archivos, #lineas-vencimientos{ border:2px solid #0F79C4;}
#precios-ficha div,#precios-ficha div label,#precios-ficha div input{ display:inline-block;}
#precios-ficha div.row{ display:block!important;}
#precios-ficha div label{ color:#fff; margin-right:10px;}
#lineas-vencimientos p,#lineas-pedido p,#lineas-archivos p{ border-bottom:1px solid #EDEDED; text-transform:uppercase; color:#767676; margin-bottom:5px; padding-bottom:5px;}


.datos-ficha .col-md-12 .col-md-6{ padding-left:0;}
table{ width:100%;}
td {padding: 0.2em;text-align: center;}
td input, td textarea{ width:96%; margin:2%;}
.btn_gris{background: #383d43;color: #fff;font-size: 13px;margin: 4px 0;padding: 2px 5px;text-transform: uppercase;letter-spacing: 1px; text-decoration:none; border:0;}
.btn_gris img{ margin-right:5px;}
.btn_gris:hover{ color:#F8F8F8!important;text-decoration:none;background: #272B2F;}
.btn_blue{background: #0F79C4;color: #fff;font-size: 13px;margin: 4px 0;padding: 2px 5px;text-transform: uppercase;letter-spacing: 1px; text-decoration:none; border:0;}
.btn_blue img{ margin-right:5px;}
.btn_blue:hover{ color:#16B4DB;text-decoration:none;background: #272B2F;}


.btn-blanco{background: #fff;color: #555;font-size: 13px;padding: 2px 5px;text-decoration:none; border:1px solid #555 ;}

#fichaVto,#fichaDetalle{ padding:1em!important; border-bottom:1px solid #ccc;-webkit-box-shadow: 0px 0px 54px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 54px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 54px 3px rgba(0,0,0,0.75); background:#ddd!important;}
#fichaVto h4,#fichaDetalle h4{ text-transform:uppercase; color:#fff; float:left;}.cabecera-detalle{ background:#383D43; overflow:hidden;margin: -1em -1em 1em !important; padding:0.2em 1em;border-bottom: 1px solid #222;}
.cabecera-detalle p,#sugerencia p{ float:right;margin-bottom: 10px; margin-top: 10px;background: #ccc;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    color: #383D43!important;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    text-align: center!important;
    width: 20px;}
#fichaVto input,#fichaDetalle input,#fichaDetalle #tmp_descripcion{ width:100%;}
#fichaVto .col-md-12,#fichaDetalle .col-md-12, #fichaDetalle .col-md-4 { padding: 0;}
#fichaVto .col-md-12, #fichaDetalle .col-md-12{display:block;margin: 0 0 5px;}
#fichaVto .btn_gris, #fichaDetalle .btn_gris{ margin:0.5em auto; display:block;}

#buscador .tipo-busqueda input,#buscador .tipo-busqueda label{ float:left;height: 20px; margin: 0 5px; color:#f4f8fc;}
#buscador{ float:none; display:block; width:85%; overflow:hidden; /*margin-left: 15%;*/ text-transform:uppercase;background: #8b939e; border:transparent;margin-top: -1.4em;padding: 0.3em 0;}
#buscador .textobk { display: inline-block; padding: 0.6em 1em;color:#F4F8FC;}
#buscador .cajasform{ background:#ddd;}#buscador .botonesform{ text-transform:uppercase; background:#383D43;}#buscador .cajasform,#buscador .botonesform { border:transparent;}
.tipo-busqueda { margin: 5px 0 0;}

.index #alta{ width: 100%;/*max-width:420px;*/ margin:4em auto 1em; /*padding: 2em 2em 2em 0;*/ padding: 2em; background:#fff;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);}.index #alta td{ border:transparent!important; background:transparent!important;}.index #alta .textoblanco{ text-transform:uppercase; color:#383D43!important;background: #fff none repeat scroll 0 0 !important;}
#trazabilidad p{border-bottom: 1px solid #DDD;
    color: #767676;
    margin-bottom: 5px;
    padding-bottom: 2px;
    text-transform: uppercase;}
#trazabilidad {background: #f4f4f4;padding-top: 0.2em;text-align: right;}
#trazabilidad li:before{content: url("../imagenes/volver_listado.gif");  right: 20px;  position: absolute;  z-index: 1000;margin-top: 4px;}
#trazabilidad li{ font-size: 12px;  padding-right: 30px; text-transform: uppercase;}

/* MARGENES Y PADDINGS DE BOOTSTRAP*/
.w-25 {
  width:25%!important
}
.w-50 {
  width:50%!important
}
.w-75 {
  width:75%!important
}
.w-100 {
  width:100%!important
}
.w-auto {
  width:auto!important
}
.h-25 {
  height:25%!important
}
.h-50 {
  height:50%!important
}
.h-75 {
  height:75%!important
}
.h-100 {
  height:100%!important
}
.h-auto {
  height:auto!important
}
.mw-100 {
  max-width:100%!important
}
.mh-100 {
  max-height:100%!important
}
.m-0 {
  margin:0!important
}
.mt-0,
.my-0 {
  margin-top:0!important
}
.mr-0,
.mx-0 {
  margin-right:0!important
}
.mb-0,
.my-0 {
  margin-bottom:0!important
}
.ml-0,
.mx-0 {
  margin-left:0!important
}
.m-1 {
  margin:.25rem!important
}
.mt-1,
.my-1 {
  margin-top:.25rem!important
}
.mr-1,
.mx-1 {
  margin-right:.25rem!important
}
.mb-1,
.my-1 {
  margin-bottom:.25rem!important
}
.ml-1,
.mx-1 {
  margin-left:.25rem!important
}
.m-2 {
  margin:.5rem!important
}
.mt-2,
.my-2 {
  margin-top:.5rem!important
}
.mr-2,
.mx-2 {
  margin-right:.5rem!important
}
.mb-2,
.my-2 {
  margin-bottom:.5rem!important
}
.ml-2,
.mx-2 {
  margin-left:.5rem!important
}
.m-3 {
  margin:1rem!important
}
.mt-3,
.my-3 {
  margin-top:1rem!important
}
.mr-3,
.mx-3 {
  margin-right:1rem!important
}
.mb-3,
.my-3 {
  margin-bottom:1rem!important
}
.ml-3,
.mx-3 {
  margin-left:1rem!important
}
.m-4 {
  margin:1.5rem!important
}
.mt-4,
.my-4 {
  margin-top:1.5rem!important
}
.mr-4,
.mx-4 {
  margin-right:1.5rem!important
}
.mb-4,
.my-4 {
  margin-bottom:1.5rem!important
}
.ml-4,
.mx-4 {
  margin-left:1.5rem!important
}
.m-5 {
  margin:3rem!important
}
.mt-5,
.my-5 {
  margin-top:3rem!important
}
.mr-5,
.mx-5 {
  margin-right:3rem!important
}
.mb-5,
.my-5 {
  margin-bottom:3rem!important
}
.ml-5,
.mx-5 {
  margin-left:3rem!important
}
.p-0 {
  padding:0!important
}
.pt-0,
.py-0 {
  padding-top:0!important
}
.pr-0,
.px-0 {
  padding-right:0!important
}
.pb-0,
.py-0 {
  padding-bottom:0!important
}
.pl-0,
.px-0 {
  padding-left:0!important
}
.p-1 {
  padding:.25rem!important
}
.pt-1,
.py-1 {
  padding-top:.25rem!important
}
.pr-1,
.px-1 {
  padding-right:.25rem!important
}
.pb-1,
.py-1 {
  padding-bottom:.25rem!important
}
.pl-1,
.px-1 {
  padding-left:.25rem!important
}
.p-2 {
  padding:.5rem!important
}
.pt-2,
.py-2 {
  padding-top:.5rem!important
}
.pr-2,
.px-2 {
  padding-right:.5rem!important
}
.pb-2,
.py-2 {
  padding-bottom:.5rem!important
}
.pl-2,
.px-2 {
  padding-left:.5rem!important
}
.p-3 {
  padding:1rem!important
}
.pt-3,
.py-3 {
  padding-top:1rem!important
}
.pr-3,
.px-3 {
  padding-right:1rem!important
}
.pb-3,
.py-3 {
  padding-bottom:1rem!important
}
.pl-3,
.px-3 {
  padding-left:1rem!important
}
.p-4 {
  padding:1.5rem!important
}
.pt-4,
.py-4 {
  padding-top:1.5rem!important
}
.pr-4,
.px-4 {
  padding-right:1.5rem!important
}
.pb-4,
.py-4 {
  padding-bottom:1.5rem!important
}
.pl-4,
.px-4 {
  padding-left:1.5rem!important
}
.p-5 {
  padding:3rem!important
}
.pt-5,
.py-5 {
  padding-top:3rem!important
}
.pr-5,
.px-5 {
  padding-right:3rem!important
}
.pb-5,
.py-5 {
  padding-bottom:3rem!important
}
.pl-5,
.px-5 {
  padding-left:3rem!important
}

#sugerencia{
	overflow-y: auto!important;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year option,.ui-datepicker .ui-datepicker-title select.ui-datepicker-month option{background-color:darkgray!important;}

.row-principal{
	max-width: 100%;
}

.div-menu{
	z-index: 1000!important;
}
/*
.div-menu{
	margin-right: unset!important;
	padding-right: unset!important;
}

.div-cuerpo{
	margin-left: unset!important;
	padding-left: unset!important;
}
*/

.div-cuerpo{
	z-index: 100!important;
}

#form_listado{
	overflow-x: auto;
}

.clip-list-2::before {
  content: "\f0c9";
}

.navbar-collapse{
	padding-left: unset!important;
	padding-right: unset!important;
}

#left-content #menu_derecha .titulosmenu{
	margin-bottom: 10em;
	padding-top: 1em;
}

.navbar-toggle{
	margin: unset!important;
	padding-right: 0!important;
}
/*
.main-navigation.navbar-collapse.in, .main-navigation.navbar-collapse.collapsing{
	margin-top: 4em!important;
}*/

.main-navigation.navbar-collapse.in #left-content, .main-navigation.navbar-collapse.collapsing #left-content{
	width: auto;
	z-index: 3000!important;
	/*-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);*/
    /*position: absolute;*/
    /*z-index: 1000;*/
}

.main-navigation.navbar-collapse.in #left-content #menu_derecha .titulosmenu, .main-navigation.navbar-collapse.collapsing #left-content #menu_derecha .titulosmenu{
	margin-bottom: 15em;
}

/*
@media (max-with: 1000px){
	#left-content #menu_derecha li a{
		padding-left: 0!important;
		padding-right: 0!important;
	}
}*/

.margin-top-main-content{
	margin-top: 7em;
}
/*
@media (max-width: 983px) and (min-width: 463px){
	.margin-top-main-content{
		margin-top: 9em;
	}
}
*/
@media (max-width: 463px){
	.margin-top-main-content{
		margin-top: 9em;
	}
}

/*
@media (min-width: 768px){
	
	#right-content.index .alinear-derecha{
		text-align: right;
	}

	#right-content.index .alinear-izquierda{
		text-align: left;
	}

	#right-content.index .alinear-centro{
		text-align: center;
	}
	
	#right-content.index #alta{
		max-width: 50%;
	}
}*/

#right-content.index #alta .row{
	margin-bottom: 1em;
}
/*
#right-content.index #alta #validar{
	margin: 0 auto;
}*/

#right-content.index #alta select{
	margin: 0;
}

#menu_derecha .links{
	/*padding-top: 0!important;*/
	padding-bottom: 0!important;
	font-size: 1em;
}
/*
@media (max-width: 768px){
	#right-content.index .alinear-derecha{
		text-align: center;
	}

	#right-content.index .alinear-izquierda{
		text-align: center;
	}

	#right-content.index .alinear-centro{
		text-align: center;
	}	
}*/

#modalInfo{
	z-index: 2060!important;
}

#btn-info{
	color: white!important;
}


@media (max-width: 768px){
	#fichaVto{
		width: auto!important;
		left: unset!important;
	}
}

@media (max-width: 991px){
	.form-inf-medicos label{
		text-align: unset!important;
	}
}

.listado-sanitas-texto{
	word-break: break-word;
}

.div-cuerpo .edit.cabecera-form{
	display: flex;
}

.div-cuerpo .edit.cabecera-form .botonera{
	padding: inherit;
}

@media (max-width: 991px){
	.div-cuerpo .edit.cabecera-form{
		display: unset;
	}

	.div-cuerpo .edit.cabecera-form .botonera{
		padding: unset;
	}
}



#modalModulos{
	z-index: 2060!important;
}


#div-listado-modulos{
	/*display: flex;*/
}

#div-listado-modulos .div-caja{
	background-color: white;
	text-align: center;
	border-radius: 10px;
	padding: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
}

#div-listado-modulos .div-caja .imagen-modulo{
	height: 107px;
	width: auto;
}
	
#div-listado-modulos .div-caja .titulo-modulo{
	margin-bottom: 1em;
	margin-top: 1em;
}

#div-listado-modulos .div-caja .boton-activar{
	padding: 0.75em 1em;
	color: white;
	margin-top: 1em;
	font-we: bold;
	background-color: #0F79C4;
}

#modalModulos .btn-submit{
	padding: 0.75em 1em;
	color: white;
	margin-top: 1em;
	font-we: bold;
	background-color: #0F79C4;
}

.row-cabecera{
	background:#1EC1FC;
	padding: 2em;
}

.menu{
	/*padding: 1em;*/
	margin: 0!important;
}

.menu .dropdown-menu{
	right: auto!important;
}


.menu svg, .menu .user-nombre{ 
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}

header.navbar{
	margin-bottom: 0!important;
}

#menu_derecha .menu-separacion{
	border-top: 1px solid white;
	margin-top: 3em;
	padding-top: 1em;
}

@media (max-width: 410px){
	.menu svg{
		font-size: 1.5em;
		float: right;
	}
	
	.menu .user-nombre{
		display: none;
	}
	
	.menu .dropdown-menu{
		margin-top: 2em!important;
		right: -2em!important;
	}
}

.ui-autocomplete{
	z-index: 1000!important;	
}

@media (min-width: 767px){
	.ui-autocomplete{
		width: 40%!important;
	}
}

@media (max-width: 767px){
	.ui-autocomplete{
		width: 60%!important;
	}
}

.nombre-app{
	font-size: 1.4em;
}

.nombre-app-modal{
	font-size: 2em;
}

.descripcion-app-modal{
	font-style: italic;
}

.div-nombre-app-modal, .div-descripcion-app-modal{
	margin-bottom: 1em;
}