/* CSS Document */
body {margin:0; position:relative;font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:20px; color:#4b4f52}


#header {
    width: 96%;
    height: auto;
    float: left;
    padding: 0 2%;
    border-bottom: #1bb25f double 4px;
    margin-bottom: 15px;
    background: #fff;
}
#wrapped {
    width: 96%;
    margin: 0 auto;
    height: auto;
    padding: 0 2%;
    display: inline-block;
}

#wrapped h3 {
    width: 100%;
    float: left;
    border-bottom: #d6d6d6 solid 1px;
    padding-bottom: 10px;
}

ul.medio {
    width: 46%;
    float: left;
}
ul.medio li {
    border-bottom: #d6d6d6 solid 1px;
    padding: 4px 0;
    margin-bottom: 5px;
    height: auto;
    font-size: 16px;
    float: left;
    width: 100%;
}

li.ok { color:green; font-weight: 800;}
li.no { color:red; font-weight: 800;}

.datos {
    width: auto;
    float: left;
}

.datos input {
    width: 70%;
    padding: 3%;
    float: left;
    border-radius: 7px;
    font-size: 14px;
    border: #69696b solid 2px;
    margin: 5px 0 15px 0;
}



input.manual {
    width: auto;
    padding: 10px;
    float: right;
    border-radius: 7px;
    font-size: 14px;
    border: #69696b solid 2px;
    margin: 0;
    min-width: 260px;
}

a.manu {
    float: right;
    background: mediumseagreen;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 5px 0 0 5px;
    font-size: 28px;
    border-radius: 5px;
}

a.pik {
    width: auto;
    font-size: 18px;
    padding: 0 20px;
    background: brown;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 10px 0 0;
    float: right;
    color: #fff;
}

td a {
    background: cadetblue;
    color: #fff !important;
    padding: 5px;
    border-radius: 5px;
}
.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    width: 100% !important;
    padding:0 !important;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    overflow: hidden;
    display: none;
    z-index: 2000;height:100% !important;
}
td a:hover { background: #f19c00; color: #444 !important;}

p.archivo {margin-top: 20px;
    float: left;
    width: auto;
    max-width: 400px;}

.login {border-top:#69696b solid 5px;width:100%; height:auto; position:relative; min-height:100px; background: #fff}
.header{ width:100%; margin:0 auto; height:auto; background: #fff;}
.logo { width:100%; max-width:120px; float:left; text-align:left; padding:10px 0; height:auto; }


.logo img {
    height: auto;
    width: 130px;
    margin-top: 0;
}
.alert.alert-primary:hover {background:#f3f3f3;}
.alert.alert-danger:hover {background:#f3f3f3;}
.alert.alert-success:hover {background:#f3f3f3;}

.header p { color:#000; font-weight:300; letter-spacing:1px; width:100%; max-width:267px; float:left; margin-bottom:30px;margin-top:35px; margin-left:15px;}
a {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; text-decoration:none;}
#form-login {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}
img.logo { margin-top:10px; float:none;max-width:150px !important;}
#form-login p { color:#000; letter-spacing:1px; width:100%; display: inline-block;margin-bottom:15px; margin-top:0;}
#form-login input {
    width: 100%;
    padding: 3% 0;
    border-radius: 7px;
    font-size: 14px;
    border: #69696b solid 2px;
    margin: 5px 0;
    display: inline-block;
    text-align: center;
}
#form-login b { color:#000; font-weight:400; letter-spacing:1px; width:100%; float:left; text-align:left;}
a.ingresar {width: 100%;text-align: center;display: inline-block;max-width: 180px;background: #f09c22;color: #fff;padding: 10px 0;border-radius: 7px;margin-top: 20px;border-bottom: #be7306 solid 4px;text-shadow: 1px 1px 3px #8A5405;}a.ingresar:hover { background:#db870d ;}
.fechas-user {
    width: auto;
    float: right;
    margin-top: 25px;
    text-align: left;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.fechas-user a {background: #1bb25f;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 4px;cursor:pointer !important;}
.fechas-user a:hover {background:#f19c00 !important}

    a.ren {background:#fff !important;}
a.bv {background:#fff !important;color:#666 !important;}

    .fechas-user i {display:none;}

.fechas-user span {padding-left: 10px;border-left:#f09c22  solid 1px;float: right; margin-left: 10px; line-height:23px;}
.fechas-user span a { background:url(img/cerrar-sesion.png) center no-repeat; width:20px; height:25px; float:right; margin-left:10px}
.fechas-user span a:hover { opacity:0.5 !important}



.column { width:100%;height:auto;max-width:1090px; margin:0 auto; padding:10px;}
h1.titulo { width:auto; float:left; color:#2e6b90; font-size:20px;  letter-spacing:1px; line-height:35px;}
h1.titulo img { float:left; margin-right:10px;}
.buscador-orden { width:auto; float:right; margin-top:7px;}
.buscador-orden p { float:left;}
.buscador-orden input {float: right;background: #f0f0f0;border-radius: 6px;font-size: 14px;font-weight: 600;border: none;height: 30px; padding: 0 6px;margin-top: 10px;margin-left: 10px; width:120px;}
.separator{background:#fff; height:30px; width:100%; float:left;}
.bloque-dato { width:100%; float:left; max-width:110px; height:auto; padding:10px; margin:10px 10px 0 0; border:#c7c7c7 solid 1px;border-radius:7px;-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);}.bloque-dato h3 { width:100%; float:left; text-align:left; margin:5px 0; border-bottom:#c7c7c7 solid 1px; padding-bottom:5px;color:#2e6b90; font-size:16px;font-weight:400;}.bloque-dato h3 b {color:#da920f}.razon-social { max-width:300px}.division-empresa{ max-width:190px}.division-empresa h3 a { float:right}.division-empresa h3 a:hover { opacity:0.5}.bloque-dato input {float: left;background: #f0f0f0;border-radius: 6px;font-size: 14px;font-weight: 600;border: none;height: 35px; padding: 0 2%;margin-top: 5px; width:96%;}p.ingresado {color: #2e6b90;margin: 10px 0;font-weight: 800;float: left;width: 100%;text-align: center;}.dos-columnas { width:50%; float:left;}.dos-columnas p { margin:0 0; padding:10px 0}.tres-columnas { width:75%; float:left;}.tres-columnas p { margin:0 0; padding:10px 0}.documento-ingreso { max-width:696px;}.cuatro-columnas { width:25%; float:left;}.cuatro-columnas p { margin:0 0; padding:10px 0}.tres-columnas input { width:100%}a.mas {background: #2e6b90;color: #fff;text-decoration: none;float: right;padding: 5px;margin-right: 10px;border-radius: 50%;height: 11px;width: 11px;text-align: center;line-height: 11px; font-size:17px;}a.mas:hover{background:#f19c00}.full-width { min-width:97%; }.bloque-dato select {float: left;background: #f0f0f0;border-radius: 6px;font-size: 14px;font-weight: 600;border: none;height: 35px; padding: 0 2%;margin-top: 5px; width:100%;}


.contador {
    width: auto;
    float: right;
    padding: 0 15px;
}

.contador span { width: 50%; float: left; text-align: center;}

.contador span p {
    margin: 0 0;
    font-size: 13px;
    width: 100%;
    float: left;
    line-height: 12px;
}

.imprimir {
    margin: 10px 0 0 0;
    float: right;
    background: mediumseagreen;
    padding: 12px 20px;
    border-radius: 10px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    text-shadow: 0 0 6px #5c5c5c;
    cursor: pointer;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.imprimir:hover { background: #f19c00;}


.tabs {
  position: relative;
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px; border-radius: 5px 5px 0 0;
}
.tab [type="radio"] {
  opacity: 0;
}
.content { width: 100%; float: left;
  padding: 20px;
  border-top: 1px solid #ccc;
  height: auto;
}

.content input {
    width: auto;
    padding: 1%;
    float: left;
    border-radius: 7px;
    font-size: 14px;
    border: #69696b solid 2px;
    margin: 13px 10px 0 0;
}

.content h3 { width: 100%; float: left; margin-bottom: 0; border-bottom: #d6d6d6 solid 1px !important; padding-bottom: 10px}
.content p { width: auto; float: left}

.content > * {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.6s ease;
}
[type="radio"]:focus ~ label {
  ouline: 2px solid blue;
}
[type="radio"]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type="radio"]:checked ~ label ~ .content {
  z-index: 1;
}
[type="radio"]:checked ~ label ~ .content > * {
  opacity: 1;
  transform: translateX(0);
}



.dato-detalle-pdcto { width:23%; float:left; padding:0 1%; margin-top:5px;}.dato-detalle-pdcto p { width:auto; float:left;margin: 12px 5px 0 0}.dato-detalle-pdcto input { width:100px; float:left;}a.menos {background: #eb6161;color: #fff;text-decoration: none;float: right;padding: 5px;border-radius: 50%;height: 11px;width: 11px;text-align: center;line-height: 11px; font-size:24px;}a.menos:hover{background:#cf3d3d}.txt-area { float: left;background: #f0f0f0;border-radius: 6px;font-size: 14px;font-weight: 600;border: none;height: 70px; padding: 2%;margin-top: 5px; width:96%;}
.cl p { margin:0 0 !important; padding:10px 0 0 0 !important}
.cl {
    width: 50%;
    padding: 0 2% 0 2%;
    float: left;
    margin-bottom: 10px;
}


.botones-bottom-ingreso-orden {clear: both;width: 100%;max-width: 600px;height: auto; min-height:60px;margin: 0 auto;padding: 20px 0; font-size:13px; }
.btn-bottom { width:auto; min-width:16%;float: left;margin: 1%;border-radius: 7px;color: #fff;padding: 10px 10px 10px 10px;line-height: 25px;height: 23px;text-align: center; letter-spacing:1px;border-bottom:#306b91 solid 3px;text-shadow: 1px 1px 3px #777;opacity:0.9;}.btn-bottom:hover { opacity:1}
.btn-bottom.eli { background:#388dae url(img/icon-eliminar.png) left center no-repeat; }
.btn-bottom.e-m { background:#388dae url(img/icon-mail.png) left center no-repeat; }
.btn-bottom.capt { background:#388dae url(img/icon-capturar.png) left center no-repeat;}
.btn-bottom.gua { background:#388dae url(img/icon-guardar.png) left center no-repeat; }
.btn-bottom.en-rec { margin-left:25px;background:#388dae url(img/icon-en-rec.png) left center no-repeat;}
.btn-bottom.aprob { background:#388dae url(img/icon-aprob.png) left center no-repeat; }
.btn-bottom.est-ant { background:#388dae url(img/icon-est-ant.png) left center no-repeat; }
.btn-bottom.aviso { background:#388dae url(img/icon-aviso.png) left center no-repeat; }
.btn-bottom.imprimir { background:#388dae url(img/icon-imprimir.png) left center no-repeat;}
.btn-bottom.rec-pdctos { background:#388dae url(img/icon-rec-pdctos.png) left center no-repeat; }
.btn-bottom.asig-caja { background:#388dae url(img/icon-asig-caja.png) left center no-repeat; }
.btn-bottom.en-desp { background:#388dae url(img/icon-en-desp.png) left center no-repeat; }
.btn-bottom.desp { background:#388dae url(img/icon-desp.png) left center no-repeat; }


#buscar-subcliente {width: 100%;max-width: 1000px;height: 500px;overflow: auto;padding: 25px}
#buscar-subcliente .bloque-dato.full-width { min-width:100% !important; margin:15px 0 0 0 !important; background:#fff !important}
#buscar-subcliente .cuatro-columnas { margin:10px 0}
#buscar-subcliente .btn-bottom.gua {background: #5cba33 url(img/icon-guardar.png) left center no-repeat;border-bottom: #398a16 solid 3px;height: 37px;width: 140px;margin: 0 auto;float: none;position: relative;margin-top: 15px;margin-bottom: 15px; font-size:13px; line-height:16px}

#datos-proyectos{width: 100%;max-width: 600px;height: 500px;overflow: auto;padding: 25px}
#datos-proyectos .bloque-dato { padding-bottom:15px; background:#fff !important}
#datos-proyectos .bloque-dato.full-width { min-width:100% !important; margin:15px 0 0 0 !important; background:#fff !important}
#datos-proyectos p.ttlo-sec {color:#f2a426; margin:10px 0;float:left; width:100%;}
#datos-proyectos .txt-area { margin-top:10px; width:99%; margin-bottom:15px}
#datos-proyectos .btn-bottom.gua {background: #5cba33 url(img/icon-guardar.png) left center no-repeat;border-bottom: #398a16 solid 3px;height: 37px;width: 140px;margin: 0 auto;position: relative;font-size: 13px;clear: both;float: none; line-height:16px}

#ingreso-productos {width: 100%;max-width: 1000px;height: 500px;overflow: auto;padding: 25px}
#ingreso-productos .bloque-dato { padding-bottom:15px; background:#fff !important}
#ingreso-productos .bloque-dato.full-width { min-width:100% !important; margin:15px 0 0 0 !important; background:#fff !important}
#ingreso-productos p.ttlo-sec {color:#f2a426; margin:10px 0;float:left; width:100%;}
#ingreso-productos .txt-area { margin-top:10px; width:99%; margin-bottom:15px}
#ingreso-productos .btn-bottom.gua {background: #5cba33 url(img/icon-guardar.png) left center no-repeat;border-bottom: #398a16 solid 3px;height: 37px;width: 140px;margin: 0 auto;position: relative;font-size: 13px;clear: both;float: none; line-height:16px}

#rec-pdct {width: 100%;max-width: 1000px;height: 850px;overflow: auto;padding: 25px}
#rec-pdct .bloque-dato { padding-bottom:15px; background:#fff !important}
#rec-pdct .bloque-dato.full-width { min-width:100% !important; margin:15px 0 0 0 !important; background:#fff !important;}
#rec-pdct p.ttlo-sec {color:#f2a426; margin:10px 0;float:left; width:100%;}
#rec-pdct .txt-area { margin-top:10px; width:99%; margin-bottom:15px}
#rec-pdct .btn-bottom.gua {background: #5cba33 url(img/icon-guardar.png) left center no-repeat;border-bottom: #398a16 solid 3px;height: 37px;width: 140px;font-size: 13px;line-height:16px; float:left;}
#rec-pdct .btn-bottom.eli { background:#eb6161 url(img/icon-eliminar.png) left center no-repeat; border-bottom:#ba1c1c solid 3px;height: 37px;width: 140px;font-size: 13px;line-height:16px; float:left; margin-left:115px;}

#tipo-almacenamiento {width: 100%;max-width: 1000px;height: 550px;overflow: auto;padding: 25px}
#tipo-almacenamiento .bloque-dato { padding-bottom: 15px;min-width: 100%;margin: 15px 0 0 0; }
#tipo-almacenamiento .bloque-dato.full-width { min-width:100% !important; margin:15px 0 0 0 !important; background:#fff !important}
#tipo-almacenamiento p.ttlo-sec {color:#f2a426; margin:10px 0;float:left; width:100%;}
#tipo-almacenamiento .txt-area { margin-top:10px; width:99%; margin-bottom:15px}
#tipo-almacenamiento .btn-bottom.gua {background: #5cba33 url(img/icon-guardar.png) left center no-repeat;border-bottom: #398a16 solid 3px;height: 37px;width: 140px;font-size: 13px;line-height:16px; float:left;}
#tipo-almacenamiento .btn-bottom.eli { background:#eb6161 url(img/icon-eliminar.png) left center no-repeat; border-bottom:#ba1c1c solid 3px;height: 37px;width: 140px;font-size: 13px;line-height:16px; float:left; margin-left:115px;}span.ub {width: auto;float: right;line-height: 35px;}span.ub input {width: 60px;float: right;text-align: center;margin: 0 0 0 5px;}.w3-bar {width: 100%;float: left;margin-top:10px;}.w3-red { background:#f19c00 !important}.w3-button {background: #c7c7c7;height: 30px;text-transform: uppercase;border: none;border-radius: 5px 5px 0 0;font-size: 14px;letter-spacing: 1px; font-weight:800;line-height: 31px;cursor: pointer;padding: 0 15px;font-family: 'Roboto Condensed', sans-serif;}.w3-container { background: #f2f2f2;float: left; width: 100%;border: #f19c00 solid 1px;padding: 2% 2% 4% 2%;}.w3-container .bloque-dato { padding:0 !important; box-shadow:none !important; border:none !important; margin:0 0 !important}.w3-container .bloque-dato input { background:#fff !important; margin-left:0 !important; width:100% !important}.w3-container .bloque-dato .dato-detalle-pdcto input { margin-top:0 !important}.w3-container .bloque-dato .dato-detalle-pdcto { min-width:115px;}.fancybox-content { background:none !important}
.w3-container a.mas {
    background: #2e6b90;
    color: #fff;
    text-decoration: none;
    float: right;
    padding: 5px;
    margin-right: 5px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 10px;
    font-size: 18px;
    margin-top: 44px;
}
.w3-container a.menos {
    background: #eb6161;
    color: #fff;
    text-decoration: none;
    float: right;
    padding: 5px;
    margin-right:0;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 10px;
    font-size: 21px;
    margin-top: 44px;
}
.fancybox-slide--html .fancybox-close-small {
    padding: 0px !important;
    right: 25px !important;
    top: 6px !important;
    background: red !important;
    height: 30px !important;
    width: 30px !important;
    color: #fff !important;
    opacity: 1 !important;
    border-radius: 4px !important;
}

.recepcion-pdctos { min-width:13.8%; }.sel { width:20px;}
.sel input {
    margin: 0 0 0 5px;
    height: auto;
}
.almc{max-width: 684px !important;float: right !important;clear: inherit !important;margin-top: 15px !important;}.des-pd { min-width:18%; }
.calendar { background:#f0f0f0 url(img/icon-calendar.jpg) right center no-repeat !important;}
.detalle-ordenes { background:#f5f5f5 url(img/arrow-bottom-white.png) top center no-repeat; width:100%; height:auto; padding-top:20px; padding-bottom:30px; float:left; margin-top:20px}.ordenes { border:none;margin-top: 0 !important;min-width:100%;margin-right: 0;float: left; padding:0 0;box-shadow: none !important;}.detalle-ordenes-blanco { background:#fff url(img/arrow-top-white.png) top center no-repeat; width:100%; height:auto; padding-top:20px; padding-bottom:30px; float:left;}.rec {max-width: 20%; padding:0 0}.rec input { margin-left:5px}

.simbologia-recepcion-productos { width:100%; max-width:500px; margin:0 auto; height:auto; margin-top:20px; margin-bottom:20px}
.simbologia{ width:25%; float:left; text-align:center; font-size:13px}.simbologia p { width:100%; margin:0 0; float:left;}
.cantidades-cuadradas { background:#c0f6ae !important}
.cantidades-sin-ubicacion td {background:#f287af;}
.sin-movimiento { background:#fff}
.ingresada-diferencias { background:#eecaff}
.ingresos-adicionales { background:#f287af}

.simbologia-almacenamiento { width:auto; float:right; margin-top:12px}
.simbologia-alm{ width:auto; float:left; text-align:center; font-size:13px}.simbologia-alm p { width:auto;margin: 7px 10px 0 5px; float:left;}.simbologia-alm img { float:left}

.layout { margin-right:0; width:98%; background:#fff}
.layout h3 { margin:5px 0 1px 0; border-bottom:none !important; padding-bottom: 0 !important;color:#4b4f52 !important; background:#fce7c0 !important; font-size:16px;font-weight:400;    border-radius: 5px 5px 0 0;
    overflow: hidden;}
.layout h3 b {margin: 6px 0 0 5px; color:#4b4f52;float: left;letter-spacing: 1px;font-weight: 500;}
#bodega{ width:100%; height:auto; float:left; margin:15px 0}
.izquierda-bodega{ width:102px; float:left; height:auto; margin-top:67px}
.posicion { width:30px; height:30px; float:left; margin:0 1px 1px 0; text-align:center; font-size:11px;letter-spacing: 1px;font-weight: 600; background:#c0f6ae; color:#4b4f52; text-align:center; line-height:30px}
.posicion a { text-decoration:none; color:#4b4f52;}
.der {width: 33.33px;}.en-uso { background:#4b4f52; color:#fff}.posicion:hover{ background:#4b4f52; color:#fff !important; cursor:pointer}.posicion a:hover{  color:#fff !important; }
.derecha-bodega {width: 926px;float: left;height: auto;}
.separator-layout { width:100%; height:0; float:left;}p.disp-bodega {background:#c0f6ae; color:#4b4f52; float:left; margin:0 0; padding:5px 10px; font-size:13px}p.en-uso-bodega{ background:#4b4f52; color:#fff; float:left; margin:0 0; padding:5px 10px; font-size:13px}p.disp-bodega b {
    font-size: 18px;
    float: right;
    font-weight: 800;
    letter-spacing: 1px; margin:0 0 0 3px
}p.en-uso-bodega b {
    font-size: 18px;
    float: right;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;margin:0 0 0 3px
}

.rack-b-izq { width:100%; max-width:481px; height:62px; float:left; }
.rack-b-der { width:100%; max-width:445px; height:62px; float:left; }.rack-b-der .posicion { height:61px; line-height:61px}.large {
    min-width: 100%;
    HEIGHT: 30PX !IMPORTANT;
    line-height: 30px !important;
}

.btn-sol-desp {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 7px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff; cursor:pointer;
}
.caja { background:#D9978C}.agre-co { background:#2e6b90}.elim-co { background:#eb6161}.tres { width:150px;}

.agre-c {margin-top: 0 !important;min-width: 479px !important;}.agre-c h3 {margin-bottom: 0px;padding-bottom: 0px;margin-top: 0;}

.agre-c .una-columnas { width:98%; padding:1%; float:left; text-align:left;}
.agre-c .una-columnas p { width:100%; margin:0 0;float:left;}
.agre-c .una-columnas input { width:96%; margin:0 0;float:left;}

.agre-c .dos-columnas { width:48%; padding:0 1% 1% 1%; float:left; text-align:left;}
.agre-c .dos-columnas p { width:100%; margin:0 0;float:left; padding:0 0}
.agre-c .dos-columnas input { width:97%; margin:0 0;float:left;}
.agre-c .dos-columnas select { width:97%; margin:0 0;float:left;}

.desp-pd { max-width:850px}
.desp-pd .btn-bottom {
    min-width: 116px !important;
    max-width: 116px !important;
}

#show,#hide {
	display:none;
}

div#content {
    display: none;
    padding: 0;
    background-color: #f6f6f6;
    width: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 9999; font-size:14px !important; text-align:left !important; left:0;
}

div#content #rec-pdct { padding:0 !important; height:auto !important}
div#content #rec-pdct .bloque-dato.full-width{margin: 0 0 0 0 !important; border-radius:0 0 !important; height:450px !important }
div#content #rec-pdct .bloque-dato { padding-bottom:0 !important}

input#show:checked ~ div#content {
	display:block;
}

input#hide:checked ~ div#content {
	display:none;
}


.tooltip .tooltiptext th { font-size:11px;}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    margin-left: -196px; color:#4b4f52
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}



table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; border-radius:7px; overflow:hidden; margin-bottom: 30px
}
table tr {
    background-color: #fff2db;
    border-bottom: #f19c00 solid 1px;
    padding: 10px 0;
    margin: 0 0;
    font-size: 13px;
    /* cursor:pointer; */
    line-height: 17px;
}


table th,
table td {
  padding: 10px 0;
  text-align: center;overflow:hidden;
}
table td a { color:#4b4f52}

table th {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f19c00;
    color: #fff;
    text-shadow: 1px 1px 3px #8A5405;
    padding-top: 10px;
}
/* Micro Clearfix */
.cf:before,
.cf:after {
	content: '';
	display: table;
	visibility: hidden;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.wrap {
  text-align: center;
}

.row {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  width: 96%;
}


#primary-nav-button {
  background: transparent;
  display: none;
  border: 1px solid #aaa;
  position: absolute;
  bottom: 5px;
  right: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  text-align: center;
  font-weight: bold;
  font-size: 0;
}

#primary-nav-button:hover {
  background: rgba(0,0,0,0.05);
}

#primary-nav-button.selected {
  background: rgba(0,0,0,0.1);
}

#primary-nav-button:before {
  /* content: '☰'; */
  content: '\2261';
  display: block;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.05;
  height: 1em;
  width: 1em;
  color: inherit;
  speak: none;
}



.menu li:last-child {
  margin-right: 0;
}

.menu .sub-menu li {
  width: 100%;
}

.menu li a {
  display: block;
  text-decoration: none;  transition:none !important;
}






.downarrow {
  	background: none;
  display: inline-block;
	  padding: 0;
  	text-align: center;
  min-width: 3px;
}

.sub-menu .downarrow {
  position: absolute;
  right: 0;
  padding-right: 10px;
}



.menu .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  max-height: 1000px;
}

.menu .sub-menu.hide {
  display: none;
}





#primary-nav .sub-menu li:last-child {
  border-bottom: 0;
}

#primary-nav .sub-menu .downarrow:before {
  content: '\25b8';
}

#primary-nav.mobile {
  display: none;
  position: absolute;
  top: 100%;
  background: #A0D468;
  width: 100%;
}

#primary-nav.mobile li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #7cb142;
}

#primary-nav.mobile li.selected > a {
  border-bottom: 1px solid #7cb142;
}

#primary-nav.mobile li:last-child {
  border: none;
}

#primary-nav.mobile li a {
  padding: 5%;
}

#primary-nav.mobile .sub-menu li a {
  padding-left: 7%;
}

#primary-nav.mobile .sub-menu .submenu li a {
  padding-left: 9%;
}

#primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {
  padding-left: 11%;
}

#primary-nav.mobile .sub-menu {
  float: left;
  position: relative;
  width: 100%;
}

.mobile .downarrow,
.mobile .sub-menu .downarrow {
  position: absolute;
  right: 0;
  padding-right: 5%;
}

#primary-nav.mobile .sub-menu .downarrow:before {
  content: '\25be';
}
#primary-nav-button.mobile {
  display: inline-block;
}

}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}


@media (max-width: 990px){
a.ren {float:right !important;}
.logo {text-align: center;max-width:none !important;}
.logo img {width: 115px;}
.fechas-user {width:100%;float:left;margin-top:5px;padding-bottom:0px;}
#header {margin-bottom: 0;}.mobile {}
.mobile a {float: left;width: 33%;text-align: center;padding: 8px 0px 0 0;font-size:13px !important;}
.mobile i {display:none;}
span.elNumero {float: right !important;margin-right: 0 !important;
margin-left: 0 !important;margin-top: 8px !important;}
.mobile a.bv {min-width:100%;float:left;text-align:center;padding: 10px 0;}
#wrapped h3 {padding-bottom: 10px;text-align: center;line-height: 30px;
margin-top: 15px;font-size: 15px;}
p.archivo {margin-top: 0;float: left;width: auto;margin-left: 0 !important;
min-width: 100%;line-height: 40px; margin-bottom: 0;}
.imprimir {min-width:100%;margin-bottom:10px;}
#wrapped h3 input {width: 95%;float: left;padding: 2%;margin-bottom: 10px;}
table {table-layout: auto;}
table th {padding: 5px;border: #fff solid 1px;letter-spacing:0; font-weight:800;line-height:14px;}
table th, table td {
    padding: 10px;
    overflow: hidden;
    border: #fff solid 1px;
    width: auto !important;
    text-align: center !important;font-size: 13px;
}
p.archivo {margin-top:5px;}
p.archivo b {width:100%;float:left;}
p.archivo input {width: 95%;float: left;padding: 2%;margin-bottom: 10px;}
td a {float: left;}

ul.medio {width:45%;padding:2%;}

ul.medio li {
    border-bottom: #d6d6d6 solid 1px;
    padding: 4px 0;
    margin-bottom: 5px;
    height: auto;
    font-size: 12px !important;
    float: left;
    width: 100%;
    min-height: 60px;
}



li.ok { color:green; font-weight: 800;height: auto;min-height: 60px;}
li.no { color:red; font-weight: 800;height: auto;min-height: 60px;}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    min-width: 100%;
    padding: 0  !important;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    overflow: hidden;
    display: none;
    z-index: 2000;
    height: 100% !important;
    overflow: auto;
    padding-bottom: 20px !important;
}
.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin: 0;
    line-height: normal;
    height: 100px;
    overflow: auto;
    max-width: 80%;
    display: inline-block !important;
}
.fechas-user a {width:100%;margin-bottom:3px;padding:5px 0 !important;}
a.ren {float:right !important;text-align:right !important;width:auto !important;margin-top:4px !important;}
span.elNumero{float:right !important;margin-right:15px !important;}

.alert.alert-primary {width:100% !important;margin-bottom:5px !important;margin-top:5px !important;}
.alert.alert-danger {width:100% !important;margin-bottom:5px !important;margin-top:5px !important;}
.alert.alert-success {width:100% !important;margin-bottom:5px !important;margin-top:5px !important;}

}

tr td.archivo_bitacora .descargar,
tr td.archivo_bitacora .eliminar,
tr td.archivo_bitacora .loader {
    display: none;
}

tr td.archivo_bitacora.loading .loader {
    display: inline-block;
}
tr td.archivo_bitacora .eliminar {
    margin-left: 3px;
    background: none;
    color: #f19c00!important;
    font-size: 24px;
    padding: 3px 0 0 0;
}
tr td.archivo_bitacora input[type="file"] {
    display: none;
}
tr td.archivo_bitacora a.subir {
    display: inline-block;
    text-align: center;
}
tr td.archivo_bitacora a img {
    cursor: pointer;
}

tr td.archivo_bitacora.con_archivo .info {
    display: none;
}
tr td.archivo_bitacora.con_archivo .descargar,
tr td.archivo_bitacora.con_archivo .eliminar {
    display: inline-block;
}


.loader {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 4px dotted #333;
    margin-bottom: -2px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 20px;


    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;

}



@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}