@charset "utf-8";

@font-face{
    font-family:'HPSimplifiedLight';
    src:url("https://ssl.www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot");
    src:url("https://ssl.www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"),url("https://ssl.www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"),url("https://ssl.www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'futura';
    src: url('../font/futura-md-bt-medium.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'barcode';
    src: url('../font/BarcodeFont.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'kh';
    src: url('../font/khmerui.ttf');
    font-style: normal;
}


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

#mensajeimportante{

    background-color: blue;
    padding: 7px;
    color: #fff;
}

.salida{
    background-color: blue;
}
.cverde ,.crojo
{
    display: block;
    margin: auto;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    border: solid 1px #fff;
}

.cverde{
    background-color: #1ed71e;
}
.circuloinfo{
    position: relative;
    top: -7px;
    background-color: #a54d49;
    font-size: 9px;
    padding: 1px 5px 1px 4px;
    border-radius: 10px;
}
.crojo{
    background-color: red;
}
.viewthumb2
{
    /* display: inline; */
    /* clear: both; */
    width: 100px;
    float: left;
    background-color: #fff;
    height: 100px;
    margin-right: 5px;
    cursor: pointer;
    /* margin-bottom:10px; */
    /* margin-top: 10px; */
    border: solid 0px #000;
    object-fit: contain;
    vertical-align: top;
}
#numeropedido{
    text-align: center;
    padding: 11px 0px;
    font-size: 20px;
    margin: 12px;
    display: inline-block;
    font-family: lato;
    border-radius: 7px;
    text-transform: uppercase;
    background-color: #343a48;
    /* background: -webkit-linear-gradient(top, #cb5c55 0%, #7c3c3c 100%); */
    color: #fbfbfb;
    float: right;
    width: 180px;
    position: relative;
}

.buttonamarrillo{
    border:solid 1px rgba(181, 208, 43, 0.63);
    background-color:rgb(122, 140, 42);
}

.fullpantalla{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 1;
    overflow: scroll;
    /* padding: 7px; */
    background-color: #fff;
}
.botonizquierda{
    float: right;
}
#pedidofotos{
    overflow: hidden;
    height: 0px;
}
#pedidoobservacion{
    overflow: hidden;
    height: 0px;
}


.titulozona{
    font-size: 9px;
    display: block;
    margin: auto;
    width: 100%;
    top: 4px;
    position: absolute;
}
.vistapedido{
    background-color: #666;
    font-size: 18px;
    color: #ddd;
    font-family: lato;
    padding: 0px 0 0px 0;
}

.numeropequeno{

    position: absolute;
    line-height: 15px;
    display: block;
    background-color: red;
    left: 37px;
    top: 7px;
    border-radius: 11px;
    font-size: 9px;
    width: 15px;
    height: 15px;
}
.vistaatencion{
    font-size: 18px;
    color: #ddd;
    font-family: lato;
    padding: 0px 0 0px 0;
    margin-bottom: 10px;
    max-width: 100%;
    margin: auto;
}
.panelpedido{
    padding: 10px;
    background-color: #d7d9d9;

}
.textogrande{
    font-size: 18px;
}


.firma{
    background-color: #fff;
    height: 150px;
    width: 450px;
}
.vistacabecera{
    background-color: #666;
    font-size: 14px;
    color: #fff;
    font-family: lato;
    padding: 1px 15px 15px 15px;
    white-space: pre;
    background: #999999;
    background: -webkit-linear-gradient(top, #cb5c55 0%, #7c3c3c 100%);
    background: -o-linear-gradient(top, #999999 0%, #bbbbbb 100%);
    background: -ms-linear-gradient(top, #999999 0%, #bbbbbb 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #bbbbbb 100%); */
}
.vistaatencion:nth-of-type(odd) {
    background-color:#999;
}

.vistaatencion:nth-of-type(even) {
    background-color:#777;
}
.vistacabeceraatencion{
    font-size: 14px;
    color: #ccc;
    font-family: lato;
    padding: 1px 15px 15px 15px;
    white-space: pre;

}



.fechagrande{
    font-size: 18px;
    background-color: #FFF;
    font-family: arial;
    border-radius: 5px;
    width: 130px;
    letter-spacing: -0.8px;
    border: 0;
    color: #888;
    display: inline-block;
    padding: 5px 0px 5px 5px;
    height: 28px;
}

.grande{font-size:18px;}
.textorecortado{
    width: 220px;
    display:inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pedidolisto{
    background-color: #b24539;
    padding: 20px;
    /* width: 600px; */
    /* border-top: solid 1px #c11414; */
    /* text-align:center; */
    margin-top: -3px;
    background: -webkit-linear-gradient(top, #7e7e7e 0%, #6f6767 100%);
}
.pedidolisto button{
    /* border-radius:5px; */
    font-size: 11px;
    font-family: arial;
    /* padding:5px 30px; */
}

.transparent{
    background-color:transparent;
}
.numerogrande{
    font-size: 18px;
    background-color: #FFF;
    font-family: arial;
    border-radius: 5px;
    width: 50px;
    color: #888;
    border: 0;
    display: inline-block;
    /* float: right; */
    padding: 5px;
    height: 28px;
    text-align: right;
}
.circulo{

    background-color:#656262;
    border-radius:40px;
    width:35px;
    height:35px;
    font-size:18px;
    line-height:35px;
    display:block;
    color:#fff;
    cursor: pointer;
    text-align:center;
}
.imagearticulo{width: 75px;height: 55px;margin-right: -9px;text-align: center;background-color: #ffffff;/* border-radius: 54px; */margin-left: -10px;overflow: hidden;text-align: center}
.imagearticuloatencion{width: 95px;height: 95px;margin: 10px;text-align: center;background-color: #ffffff;/* border-radius: 54px; */margin-left: 0px;margin-right: 0px;overflow: hidden;text-align: center;}
.pedidodetalle{
    overflow-y: auto;
    overflow-x: hidden;
    width:100%;
    background-color: #ebf0f1;
}
.imagearticulo img {
    display: inline-block;
}

.cabecera-subtitulo{
    display: block;
    font-size: 11px;
    color: #ffffff94;
    margin-top: 10px;
}
.cabecera-subtitulo-atencion{ display: block;
    font-size: 11px;
    color: #ffffff;
    margin-top: 10px;
}
/*
.cabecera-subtitulo:first-child{
    margin-top: 0px;
}
*/
.leyenda2{

    float: right;/**/
    width: 100%;
    padding-left: 20px;
    border-top: solid 1px #d1d1d1;
    line-height: 26px;
    background-color: #f7e8e8;
    padding-bottom: 17px;
    /*position: absolute;
        bottom: 0;*/
    border-bottom: solid 1px #d1d1d1;
}

.tblForm td{
    padding-bottom: 5px;
}
.caparesultados{
    overflow:auto;
    max-height:157px;

}

.verinfo{
    color: #82a5f9;
    cursor:pointer;
}

.numpendientes{
    position: absolute;
    top: 6px;
    margin-left: -4px;
    background-color: #f00;
    color: #fff;
    z-index: 0;
    font-family: arial;
    border-radius: 15px;
    text-shadow: 0px 0px 0px;
    font-size: 9px;
    padding: 2px 5px;
}
.rotar {
    position: absolute;
    z-index: 10;
    /* left: 0; */
    margin-left: -10px;
    margin-top: 0px;
    background-color: #ddddddc9;
    /* padding: 4px 5px 1px 6px; */
    /* border-radius: 10px; */
}

.rotar img{width: 14px;
    height: 14px;
    margin: 4px 4px 1px 5px;}
.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.comparacion{

    position: absolute;
    display: block;
    top: 0;
    font-family: lato;
    background-color: rgba(246, 25, 25, 0.8);
    font-size: 17px;
    text-align: left;
    padding: 10px;
    line-height: 20px;
}
.titulocomparacion{
    font-size:9px;
    display:block;
    color:silver;
}

.ImportaResultado td{border-bottom:solid 1px #ddd;padding:5px;}


.ListaInventarioNuevo select
{
    width: 227px;
}

.labelcard{
    /* display:none; */
}


.textupper{text-transform:uppercase;}
.valor{
    display: block;
    /* font-size: 14px; */
    color: #68a4c5;
    font-size: 2vw;
    padding-bottom: 10px;
}
td.maysuculas{text-transform:uppercase;}

#time-range p {
    font-family:"Arial", sans-serif;
    font-size:14px;
    color:#333;
}
.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.65em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}

#slider-range {
    width: 90%;
    /*margin: 0 auto;*/
}
#time-range {
    width: 200px;
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: rgba(185, 153, 153, 0.4705882352941176);
    -webkit-box-shadow: inset 0 0 6px rgb(62, 65, 86);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(221,221,221,0.4);
}

#Programacion_detalle td{
    padding: 3px;
}
#Programacion_detalle tr{
    height: 30px;
}


.Programacion_form{
    width: 100%;
    margin-bottom: 10px;
}

.js-as{cursor:pointer}

.hide{display:none;}
#compartir{border: 0;float: right;width: 150px;height:25px;overflow: hidden;margin-bottom: 0; }
#detallearchivo td{background-color: rgba(70,70,70,0.3); }
/* Standards
-------------------------------------------------- */
::selection {
    color: #fff;
    text-shadow: none;
    background-color: #8f8f8f;
}

/* Hide the outline http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#element-level-focus-apis http://outlinenone.com */
:link:focus, :visited:focus, input:focus {
    outline: none;
}

form table td{
    /*font-family:tahoma;
    font-size:8pt;
    color:#666;
    text-shadow: 0 1px 0 #fff;*/

}
.linea5{margin-bottom: 15px;
    margin-top: 10px;
    border-bottom: 0;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-left: 0;
    border-right: 0;
}
.oculto{display: none}
.textobservacion{
    white-space: pre-wrap;
    text-align: left;
    line-height: 16px;

}

.vistafotopequenia{

    height: 70px;
    width: 40px;
    object-fit: scale-down;

}


#GuiaPrint td{font-family: arial;font-size: 12pt;min-height: 20px;text-transform: uppercase;font-weight: 100}
.observacionguia{text-transform: uppercase;white-space: pre-wrap;margin-top: 5px;}

.buttoniframe {    width: 25px;
    height: 25px;
    cursor: pointer;
    border: solid 0px;
    overflow: hidden;}

.buttoniframe i{
    font-size: 14px;

    color: #1b3362;
    cursor: pointer;

}

.formulario td{line-height:24px ;min-width:110px }
#reporte {
    zoom: 1;
    -ms-zoom: 1;
    -webkit-zoom: 1;
    -moz-transform: scale(1,1);
    -moz-transform-origin: left center;
    width: 100%;

    height: 100%;
    background-Color: #444;
    overflow-y: scroll;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    border: solid 1px #444;
}


.openNav{
    width: 5px;
    z-index: 99;
    position: fixed;
    cursor: pointer;
    top: 0;
    display: block;
    background-Color:transparent;
    left: 0;
    height: 100%;
}

.mens{
    text-align: center;
    /* padding: 10px 0; */
    /* border-bottom: solid 1px #bbb; */
    /* margin-bottom: 10px; */
}
.mensajeusuario{
    margin:auto;
    width:380px;
    padding:15px;
}
#resu{
    margin:auto;
    width:380px;
    padding:15px;
}

#datos {
    background-color:rgba(200,200,200,0.5);
    border: solid 1px #DDD;
    width:100%;

}

html, body {
    height: 100%;
    margin:0 0;
    font-family:"PT Sans Narrow";
    font-size:11px;
}

.codigobarra{
    font-family: barcode;
    font-size: 34px;
    color: #000;
}

.inforesumen{background-color: rgba(255,255,255,0.6);border: solid 1px #bbbbbb;display: inline-block;padding: 15px; }

.middle {
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: solid 0px #0000cc;
}

.inner {
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    display: none;
    border:solid 0px #00bf00;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.fechasistema{
    z-index: -1;
    font-size: 80px;
    line-height: 70px;
    position: fixed;
    font-family: "Arial Black", arial-black;
    text-align: left;
    left: 20px;
    top:50px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.2);
}

footer {

    position: absolute;
    bottom:0;
    display:none;
    width: 100%;
    background-color:rgba(0, 0, 0,0.5);
    color:#FFFFFF;
    line-height:30px;
}

footer div {

    display:inline-block;

}

footer div:nth-child(2){
    float: right;margin-right:20px;
}
footer div:nth-child(1){
    background-color: #3e4156;
    padding-left: 20px;
    padding-right: 20px;

}

#pantallacompleta{float: right;}

.exclamacion{font-size: 24px;
    margin-right: 10px;color: #ffff00;}

.informacion{font-size: 24px;
    margin-right: 10px;color: #ffffff}

.celdaicono tbody td{
    padding: 5px;
    border: 0;
    border-top: 0px;
    background-color: transparent;
}
#extraD{background-color: #f7e8e8;
    padding: 10px;}


.fijalista{

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: solid 0px #ddd;
}

.minimo
{
    min-width: 80px;text-align: center;
}

.fija{
    height: 26px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: solid 1px #ddd;
    padding-top: 4px;
    padding-bottom: 4px;
}
.fija2{
    height: 52px;
    line-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-wrap;
    border-bottom: solid 1px #ddd;
    padding-top: 6px;
    padding-bottom: 4px;
}
.ultima{
    border-bottom: solid 0px #ddd;
}
.fondorojo{
    background-color: #ff6868;
    color: #f9e9e9;
    padding-left: 5px;
    display: initial;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -5px;
    border-radius: 5px;
}
.fondorojo2{
    background-color: #ff6868;
    color: #f9e9e9;
    /* padding-left: 5px; */
    /* display: initial; */
    /* padding-right: 5px; */
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
    /* margin-left: -5px; */
    border-radius: 5px;
}

.fondoceleste{
    background-color: #bda4f7;
    color: #f9e9e9;
    padding-left: 5px;
    display: initial;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -5px;
    border-radius: 5px;
}



.fondoceleste:hover{
    color: #ffffff;
    background-color: #d6c4ff;
    text-decoration: none;
}

.fondorojosup{
    color: #f50c0c;
    display: inline-block;
    padding-left: 2px;
    /* padding-right: 2px; */
    padding-top: 0px;
    position: relative;
    top: -7px;
    /* border-radius: 3px; */
    font-size: 9px;
    /* height: 10px; */
    /* margin-top: -4px; */
}


.fondorojo:hover{
    color: #ffffff;
    background-color: #f96868;
    text-decoration: none;
}

.textorojo{
    color: #ff0000;
}

.textoverde{
    color: #67bd62;
}
.resumenambiente
{
    padding-top: 10px;
}

.resumenambiente span
{
    margin-left: 5px;
    margin-right: 5px;
}


.muycorta{width: 50px;}
.muycorta2{width: 80px;}
.corta{width: 100px;}
.corta2{width: 120px;}
.media{width: 180px;}
.media2{width: 200px;}
.larga{ width: 240px;}
.muylarga{  width: 290px;}

.vistafoto{
    border: solid 0px #f00;
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 80px;
    margin-right: -10px;
    margin-left: -10px;
}

.vistafoto img{
    width: 80px;
    background-color: transparent;
    height: 80px;
    cursor: pointer;
    object-fit: scale-down;
    vertical-align: middle;

}

.vistafoto2{
    border: solid 0px #f00;
    width: 60px;
    margin-right: -10px;
    margin-left: -10px;
    height: 40px;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 40px;}

.vistafoto2 img{
    width: 60px;
    height: 40px;
    object-fit: contain;
    vertical-align: middle;

}
.sinopsis
{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    min-width: 340px;
    /* border: solid 1px #eee; */
    text-align: left;
    display: block;
    align-items: center;
    white-space: pre-wrap;
    margin-left: auto;
    margin-right: -10px;
}


.vistascroll
{

    overflow-x: hidden;
    overflow-y: auto;
    height: 52px;
    /* min-width: 160px; */
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    text-align: left;
    display: block;
    /* align-items: center; */
    white-space: pre-wrap;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.sinopsis2
{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 285px;
    min-width: 340px;
    border: solid 1px #eee;
    text-align: left;
    display: block;
    align-items: center;
    white-space: pre-wrap;
    margin-left: auto;
    /* border: solid; */
    margin-right: -10px;
}

.invisible{
    color: rgba(0,0,0,0);
    visibility: hidden;
    position: absolute;
}

.sinopsis3
{

    width: 100%;

    overflow-x: hidden;

    overflow-y: auto;

    min-height: 50px;

    height: 100%;

    min-width: 300px;

    max-width: 360px;

    /* border: solid 1px #eee; */

    text-align: left;

    display: flex;

    line-height: 14px;

    align-items: center;

    white-space: pre-wrap;

    margin-left: auto;

    margin-right: auto;
}
.controltiempo
{

    color:#fff;
    background-color:#3e4156;
    display:inline-block;
    border-radius:15px;
    padding:4px;
}

.sinopsis4
{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    height: 80px;
    min-width: 280px;
    border: solid 1px #eee;
    text-align: left;
    display: block;
    align-items: center;
    white-space: pre-wrap;
    margin-left: auto;
    margin-right: auto;
}


#detalledevolucion{
    width: calc(100% + 18px);
    background-color: white;
    text-align: left;
    padding: 20px 15px 20px 15px;
    /* margin-bottom: -15px; */
    margin-left: -9px;
}
.marcoimagen{width: 100%;max-width: 100px;margin-right: auto;margin-left: auto;}
.marcoimagen2{width: 100%;max-width: 50px;margin-right: auto;margin-left: auto;}

#panel{background-image:url("../images/panel.html");width: 230px;height: 355px;position: absolute;
    padding: 10px;
    top:50%;
    margin-top: -187.5px;
    left:100px;

    border-radius: 15px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.75);
    /* box-shadow: 0 0 30px rgba(0,0,0,0.75); */

}

.mainnotas{display: block;
    border:solid 0px #ffff00;width:100%}

.detallenotas{
    width: 65%;display: inline-block;border: solid 0px rgba(255,0,0,0.2)
;margin-left: 1%;margin-right: 1%;
}

.gestion td a:hover{text-decoration: none;cursor: pointer}
.gestion td a{text-decoration: none;color:#ffffff;cursor: pointer}


.gestion img{cursor:pointer }
.gestion table{ align:center; align-self: center; border-spacing: 15px;}
.gestion td{padding: 15px;text-align: center;width:250px ;background-color: rgba(0,0,0,0.8);
    color: #ffffff;}

.gestion hr{border-bottom: solid 1px #aaaaaa;border-top: 0}
.lista-servicios{
    list-style-image: none;/*url(../../jnr/images/sort_asc.png);*/
    list-style:none;

    margin-top: 10px;
    padding: 0px;
}
.lista-servicios li {background-position:0px 1px;
    color:#666666;/*#1b3362;*/
    padding-left:20px;
    background-image: url(../../jnr/images/arrow-left.html);
    background-repeat: no-repeat ;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #cccccc;
    font-family: 'kh', sans-serif;
    font-size: 12px}

.listanotas{margin-top:-10px;width: 30%;display: inline-block;border:solid 0px rgba(0,0,255,0.2);vertical-align: top;
;margin-left: 1%;margin-right: 1%;}


.listanotas a{
    font-size: 12px;
    font-family: futura, sans-serif  ;
    color: #1b3362;
    text-decoration: none;
    line-height: 28px;

}

.displaydetails thead th,.tablaporcentaje thead th{
    height: 26px;
}


table.displaydetails tbody tr{

    background-color: #fdf2f2;
}


.displaydetails tfoot th,.tablaporcentaje tfoot th{
    height: 26px;
    border-top: solid 1px #3e4156;
}



.controles{
    position: absolute;

    display: block;
    text-align: left;
    bottom: 10px;
    left: 10px;
    border: solid 0px #ff0000;
}

.controles i{
    font-size: 24px;
    margin: 15px;
}
.imagevista {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 800px;
    max-width: 800px;
}

.FotoListaInventario{
    width: 80px;
    height: 60px;
    cursor: pointer;
    object-fit: cover;
    /* margin-bottom: -4px; */
}

.FotoListaReporte{
    width: 80px;
    height: 80px;
    cursor: pointer;
    object-fit: contain;
    /* margin-bottom: -4px; */
}



.imagevistafull {
    position: relative;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.contenedorfoto{
    height: 800px;
    width: 800px;
    overflow: auto;
    /* left: 0; */
    position: absolute;
    border: solid 0px #ff0000;
    /* top: 0; */
}

.listanotas a:hover{text-decoration: none;color: orange}
.BarraPorcentaje{
    height: 20px;
    position: relative;
    display: block;
    width: 150px;
    margin-right: -10px;
    border: solid 0px #eeeeee;
    background-color: #b3a9a9;
    border-radius: 3px;
    overflow:  hidden;
    color: #ffffff;
}
.BarraValor{
    height: 20px;
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fef45+0,16a324+100 */
    background: #1fef45; /* Old browsers */
    background: -moz-linear-gradient(top, #1fef45 0%, #16a324 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1fef45 0%,#16a324 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1fef45 0%,#16a324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fef45', endColorstr='#16a324',GradientType=0 ); /* IE6-9 */
}

.BarraValorNoUbicado{
    height: 20px;
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7dd4a+1,ff920a+100 */
    background: #f7dd4a; /* Old browsers */
    background: -moz-linear-gradient(top, #f7dd4a 1%, #ff920a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7dd4a 1%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7dd4a 1%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dd4a', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}

.BarraPorcentaje span{
    position: absolute;
    width: 40px;
    text-align: center;
    left: 55px;
    line-height: 20px;
}

.tituloresultado{ font-size: 16px;text-align: center;margin-bottom: 15px }
.tituloresultado i { font-size: 24px;}


.tablainfocarta tbody td span,.tablainforesultado tbody td span {
    border-bottom: solid 1px #eeeeee;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 4px;
    min-height: 24px;
    /* overflow: hidden; */
    overflow: auto;
    display: block;
    max-height: 60px;
    font-family: 'PT Sans Narrow';
    padding-left: 7px;
    padding-right: 7px;
    text-shadow: 1px 1px 0px #fff;
    background-color: #eeeeee;
    margin-right: 10px;
    /* white-space: pre; */
    text-overflow: ellipsis;
}
.tablainfocarta tbody td div,.tablainforesultado tbody td div {
    border-bottom: solid 1px #eeeeee;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 4px;
    height: 24px;
    overflow: hidden;
    width: 200px; /* */
    max-width: 300px;
    font-family: 'PT Sans Narrow';
    padding-left: 7px;
    padding-right: 7px;
    text-shadow: 1px 1px 0px #fff;
    background-color: #eeeeee;
    min-width: 100px;
    margin-right: 10px;
    white-space: pre;
    text-overflow: ellipsis;}

.tablaporcentaje tbody tr:last-child{display: none}
.listanotas img{
    border:solid 1px rgba(100,100,100,0.5);margin-right: 15px;float: left;width: 100px;height:60px }
.totales{background-color: #ff0000;color: #ffffff;font-size: 16px;text-align: right}
.ocultar{display: none}
.muestra{display: block}
.listanotas div{
    border-bottom: solid 1px rgba(100,100,100,0.3);margin-top: 5px;margin-bottom: 5px;height:110px ;
}

.contactenos-block{display: inline-block;vertical-align: top;width:28.5%;min-height: 500px; margin-left: 1%;margin-right: 1%;}


.mascara{ overflow: hidden;height:190px;}
.mascara2{ overflow: hidden;height:100px;width:100px;display:inline-block; }

#tituloproyecto{text-transform: uppercase;font-family: futura;font-size: 12px;
    color: #1b3362;line-height: 30px}
#tituloproyecto:hover{text-decoration: none;
    color: #4977cd;}


.home-info{
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right:0.6%;
    width: 46.4%;
    padding: 15px;
    background-color: rgba(255,255,255,1);
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'kh' ;
    line-height: 15px;
    color: #777777;
    box-shadow: 1px 1px 5px #aaaaaa;
    background-image: url("../../jnr/images/point.html");
    background-repeat: no-repeat;
    background-position: top right;
}




.centrado{text-align: center;margin-top: 1%;margin-bottom: 1%;font-family: 'kh';color:#1b3362;line-height: 40px; }
.separador{border-top: solid 1px #cccccc;border-bottom: 0; margin-bottom: 20px;}
.col3{
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1%;
    margin-top: 1%;

}

.celdaimagen{width: 130px;vertical-align: top; border-right: solid 1px #cccccc;}
.celdatexto{padding-left: 10px;font-family: 'kh', sans-serif;font-size: 11px;
    /*color: rgba(255,255,255,0.8);*/
    color:#666666;
    line-height: 16px;}

.home-center {
    display: inline-block;
    padding-top: 15px;
    width: 100%;
}

.home {
    background-color: rgba(255,255,255,1);
    /*background-image: url(../../jnr/images/background-transparente.png);
    background-position: bottom left;*/
    width:66.5%;
    min-height:454px ;
    display: inline-block;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding-top: 15px;
    box-shadow: 1px 1px 5px #aaaaaa;
}

.home-group{
    padding: 15px;
    background-color: rgba(255,255,255,1);
    /*
    background-image: url(../../jnr/images/jnr-background-home-azul.jpg);
    background-position: center center;
*/
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    top:0px;
    box-shadow: 1px 1px 5px #aaaaaa;
}

.home-derecha{width:31.2%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    display: inline-block;
    vertical-align: top;
}
.home-premios {
    background-color: rgba(255,255,255,1);
    position: relative;
    top:0px;
    box-shadow: 1px 1px 5px #aaaaaa;
}
.home-premios img {margin:12px;margin-left: 20px;}



.home-certificaciones
{
    background-image: url("../../jnr/images/certificado.html");
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}


.home-premio
{

    background-image: url("../../jnr/images/premio.html");
    background-repeat: no-repeat;
    background-position: top right;
    margin-top:0px;
    /*  border-top: solid 1px rgba(66,121,223,0.5);*/
    border-top: solid 1px #cccccc;

    margin-bottom: 10px;
    padding-top: 20px;
}

.home-premio p, .home-certificaciones p
{font-family: 'kh', sans-serif;font-size: 11px;
    /*color: rgba(255,255,255,0.8);*/
    color:#666666;
    line-height: 16px;
    /*text-align: justify;*/
}



.servicio-block img{



}

.servicio-block ul{margin-left: 40px; padding-left: 20px;

    list-style-image: url(../../jnr/images/arrow-left.html);
    margin-top: 0;
    margin-bottom: 0;

}
.servicio-block div{display: inline-block;vertical-align: top;border: solid 0px #0000FF;white-space:pre-wrap;height: 100%}
.servicio-block div:first-child{width: 30%;margin-left: 2%;margin-right: 2%;margin-top: 2%;margin-bottom: 2%;}
.servicio-block div:last-child{min-height: 180px;border-left: solid 1px #CCCCCC;width: 61%;margin-left: 0;padding-left:2%;margin-right: 2%;margin-top: 2%;margin-bottom: 2%;}

.servicio-block li{
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.servicio-block h3{text-align: left;margin-bottom: 0px;margin-top: 0;}
.servicio-block
{   display: inline-block;

    font-family: 'kh', sans-serif;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color:#1b3362;
    background-color: rgba(255,255,255,0);
    text-align: justify;
    border: solid rgba(150,150,150,0.5) 1px;
    display:block;
}


.marco{
    border: solid 1px rgba(150,150,150,0.5);
    padding: 15px;
}

.box{width:32%;display: inline-block; margin-left: 1%;margin-right: 1%;
    border:solid 0px #ffff00;}
.boxes{
    border:solid 0px #ff0000; display: inline-flex;width: 100%}



fieldset hr{border-bottom: 0;border-top: solid 1px #aaaaaa;}


html {
    overflow-x: hidden;
    overflow-y: hidden;
    /* font-size: 62.5%; */
    background-color: #FFF;
    /*background-image: url(../images/stripes2.png); */
    background-size: auto,auto;
    background-attachment: scroll,fixed;
    background-repeat:repeat,no-repeat;
    background-position:0px 170px,right bottom;
    cursor: default;
    /*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

#body {
    /* overflow-x: auto; */
    /* overflow-y: scroll; */
    overflow: hidden;
    /* margin-top: 24px; */
    /* font-size: 62.5%; */
    height: 100%;
    background-color: #999999;
    background-image: url(../images/stripes2.png);
    background-size: auto,auto;
    background-attachment: scroll,fixed;
    background-repeat:repeat,no-repeat;
    background-position:0px 170px,right bottom;
    cursor: default;
    /*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}




h1, h2, h3, h4, ul, ol, dl, dd, blockquote, figure, select, input, textarea {
    margin: auto;
}
h3, h1, h2 {
    font-weight: 100;
    /* text-transform: uppercase; */
    font-family: 'open sans', sans-serif;
}
h1 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: center;
    font-weight: 300;
    color: #1b3362;
}

h3 {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    color: #1b3362;
}

h6{
    font-size: 11px;
    font-family: 'kh', sans-serif  ;
    margin-bottom: 0;
    margin-top: 0;
    color: #444444;}






.margenv{margin-bottom: 50px;margin-top: 50px}


h1 span{ font-size:12px;line-height:10px;
    vertical-align: super;
    color:#FF0000;font-weight: bold}

#sup{font-size:12px;
    color:#fe7171;
    line-height:10px;
    vertical-align: super;
    font-weight: bold;
    padding-left:10px;
}

h2 {
    font-size: 18px;
    font-size: 1.8em;
    /* margin-bottom:15px; */
    margin-top: 15px;
    text-align: center;
}

h4 {
    font-size: 16px;
    font-family: open sans,sans-serif;
    color: #8b98f3;
    font-weight: 100;
    text-align: center;
    /* text-transform: uppercase; */
    margin-bottom:15px;
    margin-top: 15px;
    /* line-height: 11px; */
}


p {
    margin-top: 1%;
    margin-top: 1rem;
    margin-bottom: 1%;
    margin-bottom: 1rem;
    /* word-break: break-all; */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


.imgline{border-top: dotted 1px #000;width:100%;height:1px}

img, abbr, iframe {
    border: 0;
}
a, input, textarea {
    pointer-events: auto;
}
a, img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
}
a {
    color: #2d76b9;
    text-decoration: none;
    cursor: default;
}
a:hover, a:focus {
    color: #2f6291;
    text-decoration: underline;
}
img {/*
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    */
}
.espacio{
    width:25px;
    text-align: center;
    white-space: nowrap;
}
hr {

    /*clear: both;
    border-width: 0;
    border-top: 1px solid #eee;*/
}

legend {
    /* IE line-wrapping issue */
    display: table;
}
label {
    display: inline-block;
    /* padding-top: .5%; */
    /* padding-bottom: .5%; */
    /* font-family: "PT Sans Narrow"; */
    /* font-size: 11px; */
    /* cursor: pointer; */
}





/* Common rules
-------------------------------------------------- */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
/* .article a {
*//* Enlarge visible click area *//*
padding: .2%;
margin: -.2%;
} */


/*
---codigo

.transition:before, .transition {
    -webkit-transition-duration: .14s;
    transition-duration: .14s;
}

.transition:hover:before, .transition:hover {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
*/

/* .beforesprites {
position: relative;
}
[class*="beforesprites"]:before {
content: "";
}
[class*="beforesprites"]:before,
[class|="sprites"] {
display: inline-block;
vertical-align: top;
background: no-repeat url(sprites.png);
}
[class|=icon]{
display: inline-block;
width: 24px;
height: 24px;
} */
.ui-center {
    overflow: hidden;
    /*width: 99%;*/
    min-width: 320px;
    max-width: 1220px;
    /*  padding-right: 2.5%;
        padding-left: 2.5%;*/
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box; /* removable at Andriod 4 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0px red;
}






.logopie img {
    border: solid #FF0000 0px;float: left;margin-bottom: 14px;
}

#textopie{
    width:100%;text-align:center;line-height:20px;height:20px;border: solid 1px #000;
}

.logopie hr {border-top: solid 1px rgba(0,0,0,0.3);border-bottom:solid 0px #000;margin-bottom: 10px;}


#pie {
    line-height:26px;
    padding-left:1.5%;
    padding-right:1.5%;
    color:#FFF;
    font-family: tahoma;
    font-size:8pt;
    background-color:rgba(0,0,0,0.9);
    border-top: solid 3px rgba(255,0,0,0.9);
}


.absolute {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}


.article {
    display:inline-block;
    padding-top: 1.5%;
    /*  padding-left: 1.5%;
      padding-right: 1.5%;*/
    margin-bottom:40px;
    width:100%;
    padding-bottom: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border: solid 1px white;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.6)

}


.alldiplomados{


    white-space:pre-wrap;
    font-family: tahoma;
    font-size: 11px;
    background-color: rgba(255,255,255,0.7);

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+64,6d0019+100 */
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 64%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(64%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 64%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 64%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 64%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 64%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    padding-left:1%;
    padding-right:0%;
    padding-top:20px;
    text-align:justify;
    padding-bottom:20px;

    margin-bottom: 10px;
    border: solid #FFFFFF 0px;
    display:inline-block;
    width:99%;
    /*    margin-bottom: 220px;*/
}

.alldiplomados span
{
    color:#FFFFFF;
    float: left;
    width:229px;
    padding-left: 15px;
    padding-right: 0px;
    border:solid #FF0000 0px;margin-bottom: 15px;
    /*letter-spacing: -0.1px;*/
    line-height: 15px;
    border-right: dotted 1px #f83051;
}

.alldiplomados span b
{ color: #face71;font-size:13px;

}

.alldiplomados span a
{ color: #ffffff;font-size:11px;text-decoration: none;
}
.alldiplomados span a:hover
{ color: #face71;font-size:11px;text-decoration:underline;
}




.detalle{


    white-space:pre-wrap;
    font-family: 'kh', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color:#1b3362;
    background-color: rgba(221,221,221,0);
    padding-left:15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: justify;
    padding-bottom: 15px;
    border: solid rgba(150,150,150,0.5) 1px;
    display:inline-block;
    /*width:95%;*/
    /*    margin-bottom: 220px;*/
}



section{margin-bottom: 40px;}

.otrodiplomados{

    float: left;
    width: 140px;
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: rgba(255,255,255,0.8);
    padding-left:20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    border: solid #FFFFFF 1px;
    margin-right:20px;
    text-align: center;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}




.detalle span
{ float: left;padding-right: 50px;
    border:solid #FF0000 0px;margin-bottom: 15px;
}

.detalle span b
{

    line-height: 30px;
}


#dm
{
    float: left;
    padding-right: 30px;
    width:260px;
    border:solid #FF0000 0px;
    margin-bottom: 15px;
}


.otrodiplomados a{text-decoration:none;color: #000000;cursor: pointer;}
.otrodiplomados a:hover{text-decoration:none;color: #f00;cursor: pointer;}


/* Classification
-------------------------------------------------- */
.container {
    min-height: 100%;
    /*border:solid 3px blue;*/

}

h5{color:#e76e37;
    font-family: futura;
    font-weight: 100;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 7px;

}


.logo {
    margin-left: 50px;
    margin-top: 20px;
    position: absolute;
    margin-bottom: 20px;
    text-decoration: none;
}
header{
    /* height: 24px; */
    border: solid 0px #ff0000;
    /* position: fixed; */
    width: 100%;
    top: 0;
    /* margin-bottom: 25px; */
    z-index: 99;
}
#infouser{
    float: right;
    color: #666666;
    padding: 3.5px 6px;
    text-shadow: 1px 1px 0px #eee;
    font-family: arial,"PT Sans Narrow";
    font-size: 11px;}

#infouser a:hover{text-decoration: none;cursor: pointer;color: #999}
#infouser a{color: #666}

#infouser i{font-size: 14px;margin-right: 5px}
#redessociales{float: right; width:160px;margin-top:5px;font-size: 26px;  }
#redessociales a{
    color: #1b3362;cursor: pointer}
#redessociales a:hover{
    color: #e76e37;
}
.borderojo{border: solid 1px #f00;background-color: red;}
#logininfo{color: #f00;text-align: center;width: 100%;display: block;}
.icono i{font-size: 14px;display: inline-block;border: solid 0px #0000cc;width:20px;height: 20px;text-align: center;}
.cellfechadevolucion{display: none}
.iconomenu{display: inline-block;margin-right: 5px;width: 20px;text-align: center;}
.icono{
    font-size: 14px;
    display: inline-block;
    /*color: #3e4156;*/
    text-shadow: #fff 1px 1px 0px;
    border: solid 0px #0000cc;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;}

.iconosvg{
    height: 14px;
    display: inline-block;
    position: relative;
    top: 1px;
    /*color: #3e4156;*/
    text-shadow: #fff 1px 1px 0px;
    border: solid 0px #0000cc;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;}

.icono2{
    font-size: 14px;
    display: inline-block;
    /*color: #3e4156;*/
    /*text-shadow: #000 1px 1px 2px;*/
    border: solid 0px #0000cc;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;}



.mainWrap{
    max-width:850px;margin-bottom: 0px;float: right;
    border:solid #ffff00 0px;
}

.logo:hover, .logo:focus {
    color: #333;
    text-decoration: none;
}
.logo small {
    color: #aaa;
    font-size: 20px;
    vertical-align: top;
}

.info-cabecera{

    float: right;
    margin-top: 20px;margin-bottom: 20px;
    border: solid 0px #FF0000;

    display: inline-block;
}




.galleria{margin-right:14px;margin-bottom:20px;}






/* Webkit old syntax to support also mobile devices */
@-webkit-keyframes slide-down {
    0% {
        -webkit-transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(0);
    }
    90% {
        -webkit-transform: translateY(0);
    }
    /* Android 2.3 flicker issue, final frame less than 100% http://georgehess.com/post/2054803814/css-keyframe-animation-flicker */
    99.99% {
        -webkit-transform: translateY(-50px);
    }
    /* Do not remove, otherwise will not work on Android 2.3 */
    100% {}
}
@keyframes slide-down {
    0%, 100% {
        transform: translateY(-50px);
    }
    10%, 90% {
        transform: translateY(0);
    }
}

.breadcrumb {
    border-top: 1px solid #eee;
}
.breadcrumb a {
    margin-right: 2px;
    margin-left: 2px;
}



/* Handlers
-------------------------------------------------- */
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
    pointer-events: none;
}
.touchstart {
    opacity: .55;
}
.disabled, .disabled a {
    pointer-events: none;
}
.disabled {
    /* opacity: .3;*/
}











/* base nav styles */
/*
nav { display:block; margin:0 auto 10px; border:0px solid #222; position:relative; background-color:rgba(0,0,0,0.9); font:11px Tahoma, Sans-serif;border-bottom:solid 3px #FF0000; }
nav ul { padding:0; margin:0;   float:left;  display:block;  list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}


nav li { position:relative; float:left; list-style-type:none; }
nav li a { display:block;height:24px;line-height: 24px;padding:0px 20px; border-left:0px solid #FFF; border-right:0px solid #999999; color:#eee; text-decoration:none; }
nav li a:hover { outline:none; text-decoration:none;color: #FFFFFF;background-color: #871111}
nav li a:focus { outline:none; text-decoration:none;color: #FFFFFF;background-color: #871111}
nav li a::selection { outline:none; text-decoration:none;background-color: #871111}

nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }

nav a span { display:block; float:right;height:24px; margin-left:5px; border:solid #FFFFFF 1px;line-height: 24px;}

nav ul ul { display:none;  position:absolute; left:0; line-height: 24px; top:24px;background:rgba(255, 0, 0, 0.8);  border:solid #FFFF00 0px}

nav ul ul li { float:none;width:250px;border-bottom: solid rgba(255,255,255,0.3) 1px}

nav ul ul li a {height:24px;line-height:24px;padding:0px 20px; border-left:none; border-right:none; font:11px Tahoma, Sans-serif; }
nav ul ul li a:hover {line-height: 24px;background-color:#871111;color:#FFF;}

*/





/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);*/









#caption {
    display: inline-block;
    position: relative;
    vertical-align:middle;
    margin-left: auto;
    margin-right: auto;

    margin-top: 40px;
    border: solid 0px #2d76b9;

    -webkit-transition: width 0.25s linear;
    -moz-transition: width 0.25s linear;
    -ms-transition: width 0.25s linear;
    -o-transition: width 0.25s linear;
    transition: width 0.25s linear;
}

#caption > span {
    display: none;
    font-size:15pt;
    font-family:corbel;
    font-style: italic;
    letter-spacing:-0.9px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-family:'Merriweather Sans', sans-serif;
    color: #fe7070;
    text-align: center;
    line-height:18px;
    width:320px;
    height:30px;

}

#caption > span:first-child {
    display: inline-block;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    cursor: default;
}
.ui-front {
    z-index: 100;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
    z-index: 99999;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}


.ui-widget-content {
    /*  border: 1px solid #aaaaaa;
        background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
        color: #222222;
        overflow-y: auto;
    max-height: 200px;*/
}
.ui-widget-content a {
    color: #222222;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    font-family: "PT Sans Narrow";font-size: 11px;

    white-space: nowrap;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-state-focus {
    border: 0px;

    background-color: #1e90ff;
    /*background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;*/
    font-weight: normal;
    color: #FFFFFF;
    white-space: nowrap;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    box-shadow: 5px -1px 5px #aaa;
    /*background-color: #111;*/
    overflow-x: hidden;
    transition: 0.5s;
}



.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 15px;
    right: 15px;
}


.multiselect {
    display: inline-block;
    width: 320px;
    height: 127px;
    border: solid 1px #c0c0c0;
    background-color: #f7e8e8;
    margin-top: 1px;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.multisubtipo {
    display: inline-block;
    width: 260px;
    height: 127px;
    border: solid 1px #c0c0c0;
    background-color: #f7e8e8;
    margin-top: 1px;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.multiselect label {
    display: block;
    text-overflow: ellipsis;

    overflow: hidden;
    white-space: nowrap;

}

.multiselect-on {
    color:#ffffff;
    background-color:#3e4156;
}


.masinfo{transition: 0.5s;cursor: pointer;display:  inline-block;margin-right: -5px;border-radius: 9px;padding: 2px 5px 2px 10px;}

.masinfo:hover{cursor: pointer;background-color: #3e4156;color: #ffffff;display:  inline-block;margin-right: -5px;border-radius: 9px;padding: 2px 5px 2px 10px;}

.resaltar{
    background-color: #3e4156;
    color: #f2f1f5;
    /* text-shadow: 1px 1px 0px #9486f1; */
    /* font-size: 14px; */
    /* font-weight: bold; */
    font-family: lato;
    border-radius: 5px;
    padding: 2px 6px 2px 6px;
}
.capaderecha,.capaizquierda{

    width: 50%;
    /*   min-height: 40px;
    border: solid 1px #f00; */
    vertical-align: top;
    margin: 0;
    padding: 0;
    float: left;
}

.capaderecha{
    text-align: right;
}

.titulocal{

    margin-bottom: 5px;
    padding-top: 10px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}
.titulocal2{

    margin-bottom: 5px;
    padding-top: 10px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    display: none;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}


#multiperfil{width: 260px;
    height: 127px;
    overflow: hidden;
    background-color: #eee;
    border: solid 1px #ccc;
    border-radius: 5px;}



#externaly_triggered_wrapper table td {

    padding-right: 10px;
}
.iconoderecha{
    /* position: absolute; */
    right: 5px;
    /* margin-top: -25px; */
    float: right;
}
.iconoderecha i {
    /* float: right; */
    /* font-size: 24px; */
    cursor: pointer;
    margin-left: -40px;
}
.iconoizquierda{float: left;
    font-size: 14px;
    cursor: pointer;
}

a.BtnMobCan,a.BtnMobRep
{

    WIDTH: 48%;

    /* BORDER: solid 0px; */

    margin: 5%;

    display: inline-block;

    padding: 0.7em 1.4em;

    margin: 0 0.4em 0.4em 0;

    border-radius: 0.15em;

    box-sizing: border-box;

    text-decoration: none;

    font-family: 'Roboto',sans-serif;

    text-transform: uppercase;

    font-weight: 400;

    color: #FFFFFF;

    background-color: #eb4a4a;
}


table.dataTable.display tbody td.pre {
    white-space: pre;
}
.semaforo{
    /* float: left; */
    border-radius: 3px;
    color: #fff;
    /* font-size: 11px; */
    line-height: 16px;
    /* font-family: lato; */
    min-width: 30px;
    display: inline-block;
    /* height: 20px; */
    text-align: center;
    /* padding-top: 7px; */
    /* padding-bottom: 7px; */
}

.fverde{background-color: #6fbd6f;}
.famarillo{background-color: #e1e100;}
.frojo{background-color: #ff2828;}

#listaindicadoresAsignaciones thead th,#listaestadoinventariocuenta thead th, #listaindicadores thead th
{
    border-left: solid 1px #505575;
    border-top: solid 1px #505575;
}
.leyenda{
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;

}
.nota{
    display: block;
    padding: 10px;
    background-color: #d7ef48;
    margin-top: 20px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    color: #292929;

}

.iconocalendario{

    height: 28px;
    margin-left: 10px;
    margin-right: -9px;
    margin-bottom: -3px;
    cursor: pointer;

}



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

.jsdropdown-content {
    display: none;
    position: absolute;
    background-color: #3e4156;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /* padding: 12px 16px; */
    z-index: 1;
}
.jsdropdown-content a {
    display: block;
    font-family: lato;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    background-color: #3e4156;
    border-top: solid 1px #474f64;
    padding: 7px;
}
.jsdropdown-content a:hover {
    color: #ddd;
    background-color: #33333;
}
.jsdropdown:hover .jsdropdown-content {
    display: block;
}

.fixed{
    /*   box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    position: fixed;
    z-index: 1;
    top:24px;
    left: 0px;
    background-color: #3e4156;
    border-bottom: solid 5px #575c7b;
}

.tituloinformes{
    margin-bottom: 40px;
    margin-top: 40px;
}


.circuloverde{
    font-size: 16px;
    color:#6fbd6f;
    border:solid 1px #fff;
    border-radius: 24px;

}
.circuloamarrillo{
    font-size: 16px;
    color:#e1e100;
    border:solid 1px #fff;
    border-radius: 24px;
}
.circulorojo{
    font-size: 16px;
    color:#ff2828;
    border:solid 1px #fff;
    border-radius: 24px;
}


table.cards {
    background-color: transparent;
}
.cards thead,.cards tfoot {
    display: none;
}
/*--[  This does the job of making the table rows appear as cards ]----------------*/
.cards tbody img {
    height: 140px;
    width: 140px;
    object-fit: contain;
}
.cards tbody tr {
    float: left;
    width: 100%;
    /*   border-bottom: solid 0.5px #bfa413;
       border-top: solid 1px #d5d358;*/
}

.primeracelda{
    text-align: right;
    width: 25%;
    line-height: 90px;
    padding: 20px 10px 20px 10px;
    display: inline-flex;
    /* min-height: 22px; */
    overflow: hidden;
    float: inherit;

}

.cards tbody td:not(:first-child) {
    display: inline-flex;
    padding: 0;
    width: calc(60% + 20px);
    /* min-height: 22px; */
    /* line-height: 20px; */
    overflow: hidden;
    /* float: inherit; */
}

/*---[ The remaining is just more dressing to fit my preferances ]-----------------*/
.table {
    background-color: #fff;
}
.table tbody label {
    display: none;
    margin-right: 5px;
    width: 50px;
}
.table .glyphicon {
    font-size: 20px;
}

.cards .glyphicon {
    font-size: 75px;
}

.cards tbody label {
    display: block;
    width: 36%;
    padding: 0px 10px 0px 0px;
    position: relative;
    /* font-size: 85%; */
    font-weight: normal;
    /* top: -5px; */
    text-align:left;
    /* left: -3px; */
    text-transform: capitalize;
    line-height: 25px;
    float: left;
    border-bottom: solid 1px #ddd;
    color: #ffffff;
    padding-left: 10px;
    background-color: #c3baba;
}



.cards tbody span {
    /* display: block; */
    width: 81%;
    /* padding: 0px 10px 0px 10px; */
    /* position: relative; */
    /* font-weight: normal; */
    /* line-height: 25px; */
    /* text-align:left; */
    /* white-space: normal; */
    /*text-transform: uppercase;*/
    /*line-height: 20px;*/
    /* background-color: #fff; */
    /* float: left; */
    /* border-bottom: solid 1px #ddd; */
}

.cards tbody span.multi {
    white-space: pre-wrap;
    line-height: 18px;
    padding-top: 4px;
}

.cards tbody span.ajustetitulo{
    margin-top: -5px;
    padding-bottom: 10px;
}

.vistaNPS1{
    font-size: 3.5vw;
    font-family: HPSimplifiedLight;
    font-weight: 700;
    /* color: #ffffff; */
    /* border: solid 4px #fff; */
    /* border-radius: 15px; */
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    /* line-height:7vw; */
}

.vistaNPS2 div{
    width:50%;
    margin:auto;
}
.vistaNPS2{
    font-size: 2.2vw;
    font-family: HPSimplifiedLight;
    font-weight: 700;
    display:inline-block;
    width: 100%;
    color: #000000;
    /* background-color: #7fb754; */
    border-radius: 4px;
    border: solid 1px #888;
    padding: 10px 5px 10px 5px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}

.titulorecepcion{
    text-align:center;
    padding: 20px 10px 20px 10px;
    color: #8f8484;
    border-top:solid 1px #ddd;
}

.botonregistrar{
    color: #f3f6fa !important;
    text-transform: uppercase;
    background: #f6b93b;
    margin: auto;
    text-shadow: none;
    box-shadow: none;
    /* border-radius: 37px; */
    padding: 10px 20px;
    border-color: #f6b93b;
    display: inline-block;
    font-family: lato;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.botonaccion{
    /* color: #f3f6fa !important; */
    text-transform: uppercase;
    background: #ebf0f1;
    margin: auto;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    position: absolute;
    /* border-radius: 16px; */
    border: 0;
    padding: 8px 18px;
    /* border-color: #ff5284; */
    display: inline-block;
    font-family: lato;
    /* display: block; */
    /* margin-top: 20px; */
    /* margin-bottom: 20px;*/
    left: 7px;
    top: 4px;
}



.openfoto{
    background-color: #fe6969;
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    padding-top: 22px;
}

.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 600px;
    height: 300px;
    min-width: 600px;
    margin: auto;
    min-height: 300px;
    /* border: 1px solid #e8e8e8;*/
    /* background-color: #fff; */
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;*/
    border-radius: 0px;
    padding: 0px;
}

.responsablefirma{
    border: solid 0px;
    /* border-bottom: solid 1px #ccc; */
    text-align: center;
    font-family: lato;
    padding: 5px;
}

.signature-pad::before,
.signature-pad::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    bottom: 10px;
    background: transparent;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
    left: 20px;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
    right: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4;
}

.signature-pad--body
canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}



.signature-pad--footer {
    color: #ffffff;
    text-align: center;
    font-size: 1.2em;
    /*margin-top: 8px;*/
}

.custom-file{
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: aqua;
    height: 100px;
    opacity: 0.0;
}
.description{
    background-color: white;
    padding: 10px;
    position: relative;
}
.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}



table.ficha {
    background-color: transparent;
}
.ficha thead,.ficha tfoot {
    display: none;
}
/*--[  This does the job of making the table rows appear as cards ]----------------*/
.ficha tbody img {
    /* height: 140px; */
    margin: 10px;
    /* width: 140px; */
    /* object-fit: contain; */
}
.ficha tbody tr {
    float: left;
    width: 32%;
    /*   border-bottom: solid 0.5px #bfa413;
       border-top: solid 1px #d5d358;*/
    margin-right: 1%;
}


.ficha tbody td {
    display: inline-flex;
    padding: 0;
    width: calc(100%);
    /* min-height: 22px; */
    /* line-height: 20px; */
    overflow: hidden;
    float: inherit;
}




.ficha tbody label {
    display: block;
    width: 36%;
    padding: 0px 10px 0px 0px;
    position: relative;
    /* font-size: 85%; */
    font-weight: normal;
    /* top: -5px; */
    text-align:left;
    /* left: -3px; */
    text-transform: capitalize;
    line-height: 25px;
    float: left;
    border-bottom: solid 1px #ddd;
    color: #ffffff;
    padding-left: 10px;
    background-color: #c3baba;
}



.ficha tbody span {
    /* display: block; */
    width: 81%;
    padding: 0px 10px 0px 10px;
    position: relative;
    font-weight: normal;
    line-height: 25px;
    text-align:left;
    white-space: normal;
    text-transform: uppercase;
    line-height: 20px;
    background-color: #fff;
    float: left;
    border-bottom: solid 1px #ddd;
}

.ficha tbody span.multi {
    white-space: pre-wrap;
    line-height: 18px;
    padding-top: 4px;
}


.multi {
    white-space: pre;
    line-height: 18px;
    padding-top: 4px;
}

.ficha tbody span.ajustetitulo{
    margin-top: -5px;
    padding-bottom: 10px;
}






.seleccionado{

}

.seleccionado:hover{
    opacity:0.9;
}


.tituloencuesta{
    font-size: 5vw;
    text-align: center;
    font-family: HPSimplifiedLight;
    font-weight: 700;
    padding-top: 120px;
    padding-bottom: 30px;
    color: #676767;
}
.preguntaencuesta{
    font-size: 2.5vw;
    font-family: HPSimplifiedLight;
    font-weight: 700;
    text-align: left;
    /* padding-left: 30px; */
    /* margin-bottom: 30px; */
    color: #676767;
    width: 90%;
    max-width: 1200px;
    /* border: solid; */
    margin: auto;
}

.fondo1{
    /* animation: colorchange 50s; */ /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    /* -webkit-animation: colorchange 50s; */
    height: 100%;
    /* background-color: #eee; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#062738+0,004b9c+100 */
    background: #062738; /* Old browsers */
    background: -moz-linear-gradient(top, #062738 0%, #004b9c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #062738 0%,#004b9c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #062738 0%,#004b9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062738', endColorstr='#004b9c',GradientType=0 ); /* IE6-9 */
}

.fondo2{
    animation: colorchange 50s;
    -webkit-animation: colorchange 50s;
    height: 100%;
    background-color: #d8d8d8;
    background: #dedede;
    background: -moz-linear-gradient(top, #062738 0%, #004b9c 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#cecece 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062738', endColorstr='#004b9c',GradientType=0 );
}


#mensajefinal{
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 100px;
    font-size: 35px;
    text-align: center;

    font-family: HPSimplifiedLight;
    font-weight:700;
}
.bouncy{
     animation:bouncy 5s infinite linear;
     position:relative;
}
@keyframes bouncy {
 0%{top:0em}
 40%{top:0em}
 43%{top:-0.9em}
 46%{top:0em}
 48%{top:-0.4em}
 50%{top:0em}
 100%{top:0em;}
}


.animated {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    0%, 10%, 20%, 30%, 40%, 60%,70%, 80%,90%, 100% {-webkit-transform: translateY(0);}
    50% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce {
    0%, 10%, 20%, 30%, 40%, 60%,70%, 80%,90%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}



table.vistacard {
    background-color: transparent;
}

.vistacard thead,.vistacard tfoot {
    display: none;
}

.vistacard tbody img {
    width: 80%;
}


#marcalogo{
    position: absolute;
    right: 3%;
    top: 5%;
    height: 120px;
}

.cards2 tbody tr {
    float: left;
    width: 30%;
    margin-left: 12%;
    margin-right: 0%;
}

.cards3 tbody tr {
    float: left;
    width: 27%;
    margin-right: 3%;
    margin-left: 3%;
}

.cards6 tbody tr {
    float: left;
    width: 33%;
    /* margin-right: 3%; */
    /* margin-left: 3%; */
}

.cards4 tbody tr {
    float: left;
    width: 23%;
    margin:1%;
}

.cards5 tbody tr {
    float: left;
    width: 40%;
    margin:5%;
}

.NPS tbody tr {
    float: left;
    width: 8.88%;
    margin:0.1%;
    cursor:pointer;

}

.cards11 tbody tr {
    float: left;
    width: 8.88%;
    margin:0.1%;
    cursor:pointer;

}


.NPSLista tbody tr {
    /* width:60%;
     margin-bottom:20px;*/

}



.NPS2 {
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.vistacard tbody td {
    text-align: center;
    float: inherit;
    width: 100%;
}


.NPSLista tbody td {

    /* padding:5px 15%; */

    /* border:solid 0px; */

    /* text-align:left; */
}

.fotoencuesta{
    display: block;
    width: 54%;
    margin: auto;
}

.vistaencuesta {
    width: 95%;
    margin: auto;
}

/*
.cards tbody td:nth-child(1) {
    width: 25%;
    line-height: 69px;
    padding: 20px 10px 20px 10px;
}
*/



.paginate_input{
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
.paginate_page{

}

.paginate_of{

}



.dt-relativo{
    position: relative;
}

.segundafoto{
    position:absolute;left:50%;margin-left:-40px;
}


#resultado{
    margin: 20px;
}

.titulobienes{
    margin-bottom: 5px;
    color: #8894e8;
    margin-top: 5px;

}


.NumeroSolicitud{
    font-size: 20px;
    padding: 10px 0 3px 0;
    color: #fff;
    font-family: roboto;
    font-weight: 100;

}

.centro90{
    width: 90%;
    margin:auto;
    max-width: 1240px;
}

#fecha {
    bottom: 2%;
    position: absolute;
    font-size: 16px;
    color: #676767;
    font-weight: 700;
    right: 2%;
    font-family: HPSimplifiedLight;
}
#sede{
    bottom: 2%;
    position: absolute;
    font-size: 16px;
    color: #676767;
    font-weight: 700;
    left: 2%;
    font-family: HPSimplifiedLight;
}

.mascaramapa{
    overflow: hidden;
    height: 280px;
    width: 400px ;
    display: block;
    margin-right: -10px;
    margin-left: -10px;
}
.capamapa {
    border: 0px solid red;
    height: 850px;
    width: 800px ;
    position:relative;
    top:-280px;
    left:-200px;
    filter:brightness(2.4) saturate(0.6);
}

.adjfot{
    display: inline-block;
    height: 100px;
    width: 370px;
    border: solid 0px #444;
    vertical-align: middle;
}


@media (max-width: 767px) {

    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .detalle_tabla{
        padding: 20px 0 20px 0px;
    }
}