@charset "UTF-8";
/* Variables */
/* COLORES DP*/
/*$gris: #C2C4C5;*/
/* Mixin */
/* App */
body {
  background: white; }

html, body {
  height: 100%;
  /*font-size: 13px;
  line-height: 1.2em;
  font-family: roboto;*/ }
  html.login-content, body.login-content {
    height: auto; }
    html.login-content:before, body.login-content:before {
      background-color: #FFFFFF;
      background-image: url("../media/fondo_inicio.jpg");
      background-size: cover;
      height: 100%; }

#app {
  /*.container { background-color: $blanco; } /* Refactorizacion por probar */
  /* Selects de LOPD y Detalle Clientes */
  		/* DETALLES COMUNES A SECCIONES 
  		div[class^="seccion_"] {
  
  			.container {
  				background-color: $blanco;
  			}
  		}*/
  /* LISTADO DE ARCHIVOS */
  /* FILEINPUT */
  /* FORMULARIOS Probar */
  /* datepicker */ }
  #app .btn {
    white-space: normal; }
  #app .centrado {
    margin: 0 auto;
    float: unset; }
  #app .d-none, #app .oculto {
    display: none; }
  #app div[id^='tabla_'] .dataTables_wrapper table.dataTable thead th.centrado {
    /*width: 1px !important;*/
    text-align: center; }
  #app div[id^='tabla_'] .dataTables_wrapper table.dataTable tbody td.centrado {
    text-align: center; }
  #app div[id^='tabla_'] .dataTables_wrapper table.dataTable tbody td .acciones {
    min-width: 96px;
    display: inline-block; }
    #app div[id^='tabla_'] .dataTables_wrapper table.dataTable tbody td .acciones a {
      margin: 0 .5ex;
      padding: .5ex;
      border: 1px solid #293133;
      border-radius: 5px;
      /*&.anadir { background-color: $verde; }*/ }
      #app div[id^='tabla_'] .dataTables_wrapper table.dataTable tbody td .acciones a.ver {
        background-color: #6AD3F3; }
      #app div[id^='tabla_'] .dataTables_wrapper table.dataTable tbody td .acciones a.eliminar {
        background-color: #F96E5E; }
  #app .sep20 {
    margin-top: 20px; }
  #app .sep30 {
    margin-top: 30px; }
  #app .sep50 {
    margin-top: 50px; }
  #app .selector {
    width: 100%;
    background: #fff;
    /*border: none;*/
    line-height: 2em;
    padding: 1ex 0; }
  #app .spinner {
    /*margin: 0;*/
    /*margin: -35px 0 0 -9px;*/
    margin: 0px 0px 0px -9px;
    width: 70px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    /*min-height: 100px; */ }
    #app .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #333;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    #app .spinner .bounce1 {
      -webkit-animation-delay: -.32s;
      animation-delay: -.32s; }
    #app .spinner .bounce2 {
      -webkit-animation-delay: -.16s;
      animation-delay: -.16s; }
@-webkit-keyframes bouncedelay {
  0%,80%,100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%,80%,100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
  #app .listado_ul {
    list-style: none;
    /* Sin implementar no comprobar ¿ Inutil?
    .botones_descarga{
      position: absolute;
      bottom: 10px;
      width: 100%;
      text-align: center;
      margin: 0 0 0 -15px;
    }
    */ }
    #app .listado_ul .listado_li {
      margin: 1ex 0;
      padding: 10px;

      /* Aviso LOPD en Proceso */ }
      #app .listado_ul .listado_li:nth-of-type(2n) {
        background: #fafafa; }
      #app .listado_ul .listado_li i.icono_descarga {
        position: relative;
        top: .3ex;
        background-color: #FFFFFF; }
      #app .listado_ul .listado_li .div_listado_botones {
        float: right;
        position: relative;
        top: .3ex; }
        #app .listado_ul .listado_li .div_listado_botones a {
          margin: 0 .5ex; }
      #app .listado_ul .listado_li[data-nombre_archivo=""] .listado_nombre {
        font-size: 1.2em;
        background: #ffeac1;
        text-align: center;
        padding: 1ex;
        display: block; }
      #app .listado_ul .listado_li[data-nombre_archivo=""] .div_listado_botones {
        display: none; }

  span.listado_nombre{
    display: block;
    float: left;
    padding-top: 6px;
  }
  #app .grupo_fileinput {
    			/*.input-group-btn {
    
    				float: left;
    
    				> * {
    					margin: 0 .5ex;
    				}
    			}*/ }
    #app .grupo_fileinput button.kv-fileinput-upload {
      margin: 0 1ex; }
    #app .grupo_fileinput .fileinput_caption {
      float: right; }
  #app .mi_form::before, #app .mi_form::after {
    content: '';
    display: block;
    clear: both; }
  #app .mi_form div.form-group {
    position: relative;
    margin: 0 0 30px;
    /*margin-bottom: 30px;*/ }
  #app .mi_form .mensaje_err_formulario {
    padding: 5px;
    margin: 0 0 0 25%; }
  #app div.validacion {
    bottom: 0;
    font-size: 14px;
    position: absolute;
    right: 7px;
    z-index: 100;
    top: 7px; }
    #app div.validacion.ok i {
      color: green; }
    #app div.validacion.ko i {
      color: red; }
  #app td div.validacion {
    display: none; }
  #app div.input-group.date div.validacion {
    right: 45px; }
  #app div.datepicker {
    z-index: 30000; }

/* Fin APP */
/* MODALS - Salen fuera de #app */
.modal .modal-header {
  border-bottom: 1px solid #ccc; }
  .modal .modal-header .close {
    /*color: #fff;*/
    opacity: 1; }
.modal .modal-footer {
  border-top: 1px solid #ccc;
  margin-top: 0px; }
.modal .modal-body {
  background: #fff !important;
  min-height: 200px;
  padding: 30px; }
  .modal .modal-body table {
    width: 100%; }
    .modal .modal-body table thead {
      background-color: #000000;
      color: #FFFFFF;
      font-size: 1.2em;
      padding: 0 .5ex; }
    .modal .modal-body table th, .modal .modal-body table td {
      text-align: center;
      padding: 1ex; }
    .modal .modal-body table tr.fila:nth-of-type(2n) td {
      background: #ffeac1; }
  .modal .modal-body form .panel {
    background-color: #ffeac1;
    margin-bottom: 0px; }
    .modal .modal-body form .panel .cuerpo {
      background-color: #FFFFFF; }
      .modal .modal-body form .panel .cuerpo::before, .modal .modal-body form .panel .cuerpo::after {
        content: '';
        display: block;
        clear: both; }
.modal div.resp_modal {
  margin: 20px; }
.modal p.icono_confirm {
  color: red;
  font-size: 18px; }

#header {
  height: 65px;
  background-color: #160F05;
  padding-top: .3ex;
  padding-bottom: .3ex; }
  #header .div_logo {
    float: left;
    height: 100%; }
    #header .div_logo .logo {
      display: inline-block;
      margin-right: 20px;
      height: inherit; }
      #header .div_logo .logo img {
        height: inherit;
        max-height: 55px; }
    #header .div_logo .nombre_app {
      display: inline-block;
      height: 100%;
      font-size: 1.5em;
      /*line-height: 1.2em;*/
      color: #FFFFFF; }
  #header .menu_botones {
    list-style: none;
    float: right;
    height: 100%; }
    #header .menu_botones li {
      display: inline-block;
      margin: 10px; }
      #header .menu_botones li a {
        color: #FFFFFF; }
        #header .menu_botones li a:hover {
          color: #BEC5C2; }
      #header .menu_botones li .dropdown-menu {
        background-color: #424442; }
        #header .menu_botones li .dropdown-menu a {
          display: block;
          width: 50%;
          font-size: 1.3em;
          padding-left: 2ex;
          padding-bottom: 1ex; }

footer {
  padding: 1ex 0;
  margin: 0 5%;
  text-align: center;
  width: 90%;
  border-top: 2px solid #424442; }
  footer.fijo {
    position: absolute;
    bottom: 0; }

#pruebas {
  background: #6DFF65 none repeat scroll 0 0;
  border-top: 2px solid grey;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  padding: 10px 0;
  color: #160F05;
  font-weight: bold; }

/* Inicio */
.boton_inicio {
  position: relative;
  background: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  margin: 20px 0;
  padding: 2ex;
  box-shadow: 1px 1px 2px #424442;
  font-size: 18px;
  width: 100%; }
  .boton_inicio a {
    color: #160F05;
    display: block; }
    .boton_inicio a span {
      display: block;
      padding-top: .5ex; }

/* LOGIN */
.seccion_login .logo_login {
  width: 100%; }
.seccion_login input {
  padding-left: 1ex; }

/* LOPD */
.block-header {
  padding: 20px;
  margin-bottom: 30px;
  background: #160F05; }
  .block-header h2 {
    color: #FFFFFF;
    display: inline-block; }
  .block-header .email_contacto {
    float: right;
    color: #FFFFFF; }

.lopd .div_sector button {
  background-color: #FFFFFF !important; }
.lopd div[id$="extra"] {
  display: none; }
.lopd .div_cif, .lopd .div_telefono {
  /*display: inline-block;*/ }
.lopd .campo {
  /*border: 2px solid gold;*/
  background-color: #FFFFFF;
  border-radius: 7px;
  box-shadow: 0.5px 0.5px 5px #160F05;
  padding-top: 1ex;
  padding-bottom: 1ex;
  /*margin-top: 1ex;*/
  margin-bottom: 2ex; }
  .lopd .campo p {
    margin: 1ex 0; }
  .lopd .campo label {
    float: unset;
    text-align: left; }
  .lopd .campo.textos .form-group {
    margin-bottom: 10px !important; }
    .lopd .campo.textos .form-group label.elevada {
      top: -10px;
      text-align: right; }
    .lopd .campo.textos .form-group input[type="text"] {
      height: 27px; }
  .lopd .campo .text {
    display: inline-block;
    border-bottom: 1px solid #aa0; }
  .lopd .campo .radio-inline {
    margin-left: 0px;
    padding-left: 15px;
    text-align: center; }
  .lopd .campo .checkbox label {
    margin: 1ex 0; }
    .lopd .campo .checkbox label:first-of-type {
      margin-top: 0; }
  .lopd .campo .checkbox i.input-helper:before {
    border: 1px solid #aa0; }
  .lopd .campo .radio .col-sm-1, .lopd .campo.radio .col-sm-1 {
    margin-left: 5ex; }
  .lopd .campo .radio i.input-helper:before, .lopd .campo.radio i.input-helper:before {
    top: 5px;
    border: 1px solid #aa0; }
  .lopd .campo .radio i.input-helper:after, .lopd .campo.radio i.input-helper:after {
    top: 9px;
    left: 4px; }
  .lopd .campo .radio.col-sm-6 label.control-label, .lopd .campo.radio.col-sm-6 label.control-label {
    padding-left: 15px; }
  .lopd .campo .radio.col-sm-6 .radio, .lopd .campo.radio.col-sm-6 .radio {
    margin-left: 30px; }
  .lopd .campo .radio.col-sm-6 .radio-inline i.input-helper:before, .lopd .campo.radio.col-sm-6 .radio-inline i.input-helper:before {
    left: -10px; }
  .lopd .campo .radio.col-sm-6 .radio-inline i.input-helper:after, .lopd .campo.radio.col-sm-6 .radio-inline i.input-helper:after {
    left: -6px; }
  .lopd .campo .radio.col-sm-6 .in_bloque, .lopd .campo.radio.col-sm-6 .in_bloque {
    display: inline-block; }
  .lopd .campo .radio input:checked + .input-helper:after, .lopd .campo.radio input:checked + .input-helper:after {
    background: #aa0;
    transform: scale(1.4); }
  .lopd .campo .radio div[class$="_sino"] i.input-helper, .lopd .campo.radio div[class$="_sino"] i.input-helper {
    margin-right: 1ex; }
.lopd #botones_ant_sig {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  clear: both;
  float: left; }
.lopd .div_btn_lopd_volver {
  display: none; }

/* CLIENTES */
.seccion_clientes .cabecera h3 {
  display: inline-block;
  margin: 0; }
.seccion_clientes .cabecera .div_boton_anadir_cliente {
  /*margin-right: 30px;*/
  text-align: center;
  margin-top: 10px; }
  .seccion_clientes .cabecera .div_boton_anadir_cliente button {
    width: 164px;
    margin-bottom: 5px; }
.seccion_clientes .btn_listado_clientes {
  margin-left: 1ex;
  color: #160F05; }

#form_crear_cliente label {
  /*text-align: right;*/
  position: relative;
  top: 1.2ex; }
#form_crear_cliente .btn {
  white-space: normal; }
#form_crear_cliente .div_btn_cerrar_modal_cliente {
  display: none; }

.seccion_detalle_cliente .container {
  background: #FFFFFF;
  /*.div_guardar { padding-top: 30px; }*/ }
  .seccion_detalle_cliente .container .tecnico,
  .seccion_detalle_cliente .container #pestana3,
  .seccion_detalle_cliente .container .div_btn_cliente_volver {
    display: none; }
  .seccion_detalle_cliente .container .boton_documento {
    padding: 15px; }
  .seccion_detalle_cliente .container .generacion div[class^="div_btn"] {
    margin-bottom: 18px; }

/* DOCUMENTOS */
.seccion_documentos .container {
  background: #FFFFFF;
  /*min-height: 600px*/ }

/* SOPORTE */
/* Formulario Soporte */
.lateral input[type="text"] {
  padding-left: 1ex; }

/* Summernote */
.note-toolbar.panel-heading {
  padding: 2px;
  background: #fafafa;
  border: 1px solid #ddd;
  margin-top: 30px; }

textarea.note-codable {
  display: none; }

.note-editing-area {
  outline: 1px solid #ccc;
  display: block;
  border: 1px solid #ddd;
  margin-top: -1px; }

.note-editable.panel-body {
  overflow: auto; }

/* media queries */
@media (min-width: 768px) {
  /*div.seccion_breadcrumbs span{
    padding: 10px 5px 11px 25px;
    margin-right: 0;
  }*/
  .campo.col-sm-6 {
    width: 48%; }
    .campo.col-sm-6:nth-of-type(even), .campo.col-sm-6:nth-of-type(n + 2) {
      float: right; }
  .campo.textos label {
    top: -5px;
    /*
    text-align: right;*/ }

  .seccion_clientes .cabecera .div_boton_anadir_cliente {
    text-align: initial;
    margin-top: 0;
    float: right; } }
/*
@media (max-width: 768px) {
		
	header#header{
		height: auto;
	}

	/* móviles 
	.input-group{
		width: 90%;
		margin-left: 5%;
	}

	.ayuda_contratacion{
		position: relative;
		width: 100%;
		clear: both;
		color: #333;
		margin: -40px 0 40px 0;
		padding: 0;
		font-size: 12px;
	}

	#sidebar .profile-menu > a{
		background: 0 !important;
	}

	.profile-pic img,
	#sidebar .profile-menu > a .profile-info{
		display: none;
	}

	.tab-nav>li{
		display: block;
		float: none;
		width: 100%;
		clear: none;
	}

	#seccion_login{
		margin: 0 auto;
		padding-top: 0;

	}
	
	.inner{
			width: 320px;
	}

	.top-menu>li>a{
		font-size: 10px;
		min-width: 40px;
	}

	span.icono_header{
		margin-right: 0;
	}

	#boton_salir{
		font-size: 20px;
	}

	div.div_guardar div.botones_guardar_concurso a,
	div.div_guardar div.botones_guardar_concurso button{
		min-width: auto;
	}
	

	#menu_botones{
		float: left !important;
		margin: 0 auto; width: 100%;
	}
	
	#btn_salir{
		margin: 0;
		padding: 0;
		border-left: 0;

	}

}
*/

#div_pruebas{
    z-index: 200;
    background: #ffad00;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    padding: 17px 0 20px 0;
    opacity: 0.67;
    color: #222;
    text-align: center;
}
    
.text_center{
  text-align: center;
}

#nombre_empresa{
  color:  #fff;
  padding-top: 20px;
  font-size: 16px;
}

#resp_tabla_usuarios input.password-input{
  border: 0;
  background: transparent;
}

#resp_tabla_usuarios input.password-input:active,
#resp_tabla_usuarios input.password-input:focus{
  border: 1px solid #ccc;
  background: #fff;
}

/*# sourceMappingURL=calidad.css.map */