body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color:#616161;
	font-size:15px;
}


.botonera-gris {background:#6d6e70; width:100%; padding-top:15px; padding-bottom:5px;}
.botonera-gris a {color:#ffffff; font-size:14px;}
.botonera-gris .user {float:right; color:#ffffff; font-size:14px; padding:0; margin:0;}

.logo {padding:30px 0; text-align:center;}

h1 {
	font-weight: 100;
	font-size: 1.7em;
	color:#a0a0a0;
}

h6 {
	color:#616161;
	font-size:1em;
	font-weight:300;
}

.linea {border-top:1px solid #a0a0a0; padding-top:15px}

.form-check-label {font-size:13px;}

.texto {
	font-weight:300;
	color:#616161;
	padding:0; margin:0;
	text-align:left;
	padding-left: 5px;
	line-height: 1.5em;
}

.seguimiento-margin {margin-top:70px;}
.seguimiento {min-height:40px; padding-top:10px; padding-bottom:10px; font-weight: 300; border-bottom: 1px dotted #ddd}
.seguimiento-titulo {padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #e2e2e2; color: #a0a0a0; font-weight: 300}
.seguimiento-ocultar {display: none;}
.seguimiento-collapse {background: rgb(240, 240, 240) none repeat scroll 0% 0%; padding: 7px 5px; margin-top: 10px;}
.gris {background:#e2e2e2;}

.detalle {display: inline; margin-right: 30px;}
.detalle-titulo {font-weight: 500;}
a.detalle-titulo {font-weight: 300; color:#616161; text-decoration: underline;}
a.detalle-titulo:hover {color:#2f91d5}

.cliente {font-size: 16px;}
.documentacion {margin-right:10px; font-size: 15px; color:#616161;}
.documentacion:hover {color:#2f91d5;}
.seguimiento span {padding:0 10px}
/*
.nuevo-doc {margin-top:50px; margin-bottom: 40px; padding: 10px 0; background: #eee; font-weight: 300;}
.nuevo-doc-titulo {margin:5px 0 10px 0; font-size:18px; color: #2f91d5; border-bottom: 1px dotted #2f91d5; padding-bottom: 5px;}
*/
.btn-secondary {padding: 8px 15px 5px 15px; border: none; font-size: 14px; background: #2f91d5; color: #ffffff; text-transform: uppercase;}

.fa-stack {margin-top:-4px !important; width:1em !important; margin-right:5px;}
.icon-pre {color:#FF8000; padding-left:9px;}
.icon-acep {color:#2f91d5; padding-left:7px;}
.icon-ok {color:#088A29; padding-left:5px;}
.icon-no {color:red; padding-left:5px;}
.icon-naranja {color:#FF8000;}
.icon-azul {color:#2f91d5;}
.icon-rojo {color:red;}
.icon-verde {color:#088A29;}

.btn-upload {color:grey; font-weight:100; font-size: 14px}
.btn-default {font-size:14px; font-weight: 300; padding: 3px 7px 2px 7px; color: #616161;}
.btn-default:hover {background: #2f91d5; color: #efefef;}
a.imprimir {font-size: 14px; font-weight: 300; padding: 3px 7px 2px 7px; color: #616161; background: #efefef; text-decoration: none;
	display: inline-block;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.imprimir:hover {background: #2f91d5; color: #efefef;}
.card-header {background: #eee; color: red;}
.card-header a {font-weight: 300 !important; color: #2f91d5; font-size: 18px;}
.referencia-subtitulos {color:#2f91d5; font-size:1em; font-weight:400; margin-top: 20px;}


@media only screen and (max-width:900px) {
	.seguimiento-titulo {display: none;}
	.seguimiento {height: auto !important;}
	.seguimiento div {margin-bottom: 7px;}
	.seguimiento-ocultar {display: block; padding: 0px !important; font-weight: 500;}
	.detalle {display: block;}
}


/************ ESTILOS HEADER **********/
header{
  width: 100%;
  height: auto;
  background: #6d6e70;
}
/* .header-left, */
.header-right{
  position: relative;
  color: white;
  float: right;
}
.header-left{
  /* width: 30%; */
  position: relative;
  float: left;
  text-align: left;
}
.header-right label{
  position: absolute;
  top: -3.7em;
  right: 0;
  cursor: pointer;
}
.header-right span{
  position: relative;
  width: 2em;
  height: 2em;
  background: rgba(255,255,255,.3);
  -webkit-transition: all .3s ease;
}
.header-right span:hover{
  background: rgba(255,255,255,.6);
}
.header-right span:before,
.header-right span:after{
  content: '';
  position: absolute;
  width: 2em;
  height: .5em;
  top: 4px;
  left: 0;
  background: #6d6e70;
}
.header-right span:after{
  top: 14px;
}
.header-right{
  width: 70%;
  text-align: right;
}
.header-left{
  width: 30%;
  text-align: left;
}
#open{
  display: none;
}
h1.user{
  font-weight: 300;
  line-height: 40px;
  font-size: 14px;
}
a{
  text-decoration: none;
  color: white;
}
nav>a{
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 40px;
  padding: 0 2em;
  -webkit-transition: all .3s ease;
}
nav>a:hover{
  background: rgba(255,255,255,.9);
  color: black;
}
.hidden-desktop{
  display: none;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .box{
    width: 49%;
    margin-bottom: 5%;
  }

  ul li:nth-child(3) .box{
    clear: both;
  }

  ul li:nth-child(2n) .box{
    margin-right: 0;
    clear: right;
  }
}

/* Small monitor */
@media (max-width: 979px){
  nav>a{
    padding: 0 1.5em;
  }
}
 
/* Landscape phones and down */
@media (max-width: 767px) {
  body{
    padding: 0 .5em;
  }
  .container{
    width: 90%;
  }
  nav{
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
  }
  input[type="checkbox"]:checked + nav{
    height: 205px;
  }
  nav>a{
    padding: 0 1em;
    display: block;
    border-bottom: solid 1px rgba(255,255,255,.1);
  }
  h1.user{
    padding: .5em 0;
  }
  /* .header-left,
  .header-right{
    width: 100%;
    text-align: center; 
  } */
  .hidden-desktop{
    display: block;
  }
}