/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

a {
  cursor: pointer;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

/*  PROPIOS */

.navbar-form {
  position:absolute;
  right:0px;
  top:0px;
}

/* Definimos las transiciones */
.navbar-form .form-control[type=text] {
  background: transparent;
  display:inline-block;
  transition: all .5s;
}
/* Al situar el puntero en el campo de búsqueda este cambia su color de fondo a blanco, el color de la letra, el borde y la sombra */
.navbar-form .form-control[type=text]:focus {
  background-color: #fff;
  border-color: #729fcf;
  color:#333;
  -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
  -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
  box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* Para pantallas grandes hacemos que el formulario se despliegue con amplitud ya que disponemos de espacio en la barra de navegación, la busqueda se ejecuta con intro o pinchando en el icono de la lupa */
@media (min-width:1200px) {
  .navbar-form input.form-control[type=text] { width: 160px; }
  .navbar-form input.form-control[type=text]:focus { width: 350px; }
}

/* Para pantallas menores reducimos el campo de busqueda y hacemos que se despliegue cuando hacemos focus sobre el icono de la lupa. La busqueda se ejecuta con intro o pinchando de nuevo en el icono de la lupa */
@media (max-width: 1200px) {
  .navbar-form .form-control[type=text] {
      width:40px;
      position:absolute;
      right:0px;
      z-index:1000;
      /*padding:8px 12px;*/
      cursor:pointer;
  }
  .navbar-form,
  .navbar-form div.input-group {
      width:40px;
      height:50px;
  }
  .navbar-form .form-control[type=text]:focus {
      position:absolute;
      right:40px;
      width:250px;
  }
}

/* Para pantallas de smartphones ajustamos el ancho del campo de busqueda */
@media (max-width: 375px) {
  .navbar-form .form-control[type=text]:focus {
      width:150px;
  }
}

.form-control-borderless:hover {
  border: none;
  outline: none;
}

.par{
  background: #ffffff;
}

.impar{
  position:relative;
  
  background: #e5e5e5;
}

#pagingDiv a, #pagingDiv span {
  display: inline-block;
  padding: 0px 9px;
  margin-right: 1px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-size: .875em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
  cursor: pointer;
}

.well
{
   padding: 35px;
   padding-left: 30px;
   box-shadow: 0 0 10px #666666;
   margin: 4% auto 0;
   width: 450px;
}



.input-group-addon
{
  background-color: #98d1e7;
  color: #141122;
  width: 38px;
}
.glyphicon
{
  padding-top: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 0.8rem;
}
#bodyTable, #headTable{
  display: block;
}
#bodyTable{  
  height: 400px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.centrado {text-align:center;}

[type="date"] {
  background:rgb(254, 254, 255) url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png")  96% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {  
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
}