/* 
    Document   : estilo.css
    Created on : 20/03/2014, 04:54:58 PM
    Author     : Carlos Gaviria, Cristian Arteaga
    Description:
        Hoja de estilos de estilo.jsp
*/
/*********************************************************************************/
/* Maquetado de la pagina                                                        */
/*********************************************************************************/
body{
    background: url("images/fondo.jpg") no-repeat top;
    background-size: cover;
    color: rgba(65, 59, 59, 1);
    font-family: sans-serif;
    font-size: 14px;
}

.logoannar{
    float:left;
    width: 130px;
}

.logolaboratorio{
    float:right;
    width: 130px;
}
.header{
    width:450px;
    margin-bottom: 12px;
    list-style-type:none;
    border-radius: 10px;
    background-color: #ffffff;
    opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;
}

.footer{
    width:450px;
    height: 100px;
    list-style-type:none;
    border-radius: 10px;
    /*background-image: url("/images/banner-inferior.png");*/
    background-color: #ffffff;
    margin-top: 12px;
    opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;
}

.footer img{
    width:100%;


}

/*********************************************************************************/
/* Formulario de contacto base                                                   */
/*********************************************************************************/
.contact_form div{
    width:450px;
    border-radius: 10px;
    margin:0px;
    padding:0px;
    background-color: #ffffff;
    opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;
}

.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #3FA6AE;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
}

.contact_form h3 {
    color: #3FA6AE;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    display:inline;
}
.contact_form h4 {
    color: #000000;
    font-family: sans-serif;
    font-size: 14px;
    display:inline;
}
.contact_form h5 {
    font-family: sans-serif;
    font-size: 13px;
    display:inline;
}

.contact_form h6 {
    color: #F71616;
    font-family: sans-serif;
    font-size: 11px;
    display:inline;
}

.contact_form ul {
    width:450px;
    list-style-type:none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin:0px;
    padding:0px;
    background-color: #ffffff;
    opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;
}
.contact_form li{
    padding:12px; 
    border-top:1px solid #eee;
    position:relative;
} 
.contact_form label{
    /*color: rgba(65, 59, 59, 1);*/
    font-family: sans-serif;
    font-size: 14px;
    display:block;
}

.contact_form checkbox{
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}

.contact_form td{
    height:35px;
    border-bottom:1px solid #eee;
    /*color: rgba(65, 59, 59, 1);*/
    font-family: sans-serif;
    font-size: 14px;    
}
.contact_form th{
    border-bottom:1px solid #eee;
    color: #151111;
    font-family: sans-serif;
    font-size: 13px;
    text-align: center;
}

.contact_form a{
    display:block;
    font-family: sans-serif;
    color: #444;
}

.enlacepeq{
    font-family: sans-serif;
    font-size: 11px;
    display:inline; 
}
a.enlacepeq:hover, a.enlacepeq:active {font-size: 120%;}

/*********************************************************************************/
/* Table Style                                                                   */
/*********************************************************************************/

.tblseleccion{
    color: rgba(65, 59, 59, 1);
    font-family: sans-serif;
    font-size: 12px;
}

.tblseleccion tr:hover{
    background: none repeat scroll 0 0 #3FA6AE;
    cursor: pointer;
}

.tblseleccion th{
    color: #151111;
    font-weight:bold;
    border-bottom:1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.tblseleccion td{
    border-bottom:0px;
    font-size: 12px;
}

.tblseleccion tr{
    height:40px;
    background-color:#444;
    color:#444;
    font-family: sans-serif;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
}


.textotitulo {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #3FA6AE;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}

.textoparrafo {
    color: rgba(65, 59, 59, 1);
    font-family: sans-serif;
    font-size: 14px;
    display:inline;
}

.label{
    color: rgba(65, 59, 59, 1);
    font-family: sans-serif;
    font-size: 14px;
}
/*----- estilos visuales de los elementos --------*/

.bigtextbox { 
    height:40px; 
    width:220px; 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #5A5A5A;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.bigtextbox:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
    padding-right:80px;
}

/* === Estilos de Validacion === */	
.bigtextbox:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.bigtextbox textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.titulopeque label{
    color: #555555;
    font-family: serif;
    font-size: 13px;
    font-weight: bold;

}

.comentario label{
    color: rgba(65, 59, 59, 1);
    font-family: serif;
    font-size: 11px;
}

/*********************************************************************************/
/* Selectores                                                                    */
/*********************************************************************************/
select{
    height:40px; 
    width:255px; 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #eaeaea, 0 10px 15px #F7F7F7 inset;
    border-radius:2px;
    color: #5A5A5A;
    font-size: 12px;
    padding-right:30px;
    text-indent: 0.3px;
    text-overflow: "";

}
select:focus{
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
option{
    height:40px; 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #5A5A5A;
    font-size: 12px;
    padding-right:30px;

}
option:focus{
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 

}

/*********************************************************************************/
/* Botones de Submit                                                             */
/*********************************************************************************/
input.submit {
    height:40px; 
    width:180px; 
    padding: 9px 17px;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1;
    color: white;
    border: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    /*    background-image: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#fff), to(#3A99A0));
        background-image: -moz-linear-gradient(0% 80% 90deg, #3A99A0, #FFFFFF);
        background-color: #fff;*/
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 1px 2px #3A99A0;
    background: url("images/btnFondo.png") no-repeat top;
}
input.submit:hover {
    opacity:.55;
    cursor: pointer; 
    color: #fff;
}
input.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset; 
}


input.checkbox {
    padding: 9px 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #444;
    border: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
input.checkbox:hover {
    opacity:.55;
    cursor: pointer; 
    color: #fff;
}
input.checkbox:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset; 
}

/*********************************************************************************/
/* Botones para enlaces                                                          */
/*********************************************************************************/

.button
{        
    height:15px; 
    width:140px;  
    padding: 12px 27px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 1;
    color: red;
    border: none;
    text-decoration:none;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 26px 0px 26px 0px;
    border-radius: 26px 0px 26px 0px;
    /*    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
        background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
        background-color: #fff;
        border: 1px solid #f1f1f1;
        border-radius: 10px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        margin-top: 12px;*/
}

.button:hover
{
    opacity:.55;
    cursor: pointer; 
    color: #fff;
}

.button:active
{
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444;
}

.boton
{        
    padding: 10px 27px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 1;
    color: #444;
    border: none;
    text-decoration:none;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}

.boton:hover
{
    opacity:.55;
    cursor: pointer; 
    color: #fff;
}

.boton:active
{
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444;
}

/*********************************************************************************/
/* Botones con icono                                                             */
/*********************************************************************************/

.btn-icono
{        
    height:33px; 
    width:35px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 1;
    color: #444;
    border: none;
    margin-top: 10px;
    text-decoration:none;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}

.btn-icono:hover
{
    opacity:.55;
    cursor: pointer; 
    color: #fff;
}

.btn-icono:active
{
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444;
}

.td-icono{
    vertical-align:central;    
    text-align:center;
}
/*********************************************************************************/
/* Mensajes                                                                     */
/*********************************************************************************/

.mensaje{
    width:450px;
    margin-bottom: 12px;
    list-style-type:none;
    border-radius: 10px;
    opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); -khtml-opacity: 0.7;
}

.correcto{
    background-color: #088A08;
    /*opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;*/
}
.error{
    background-color: #FA8258;
    /*opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;*/
}

.lbl-mensaje{
    color: #000000;
    font-family: sans-serif;
    font-size: 14px;
    display:block;
}



/*********************************************************************************/
/* Barra Superior                                                                */
/*********************************************************************************/
.barrasuperior{
    width:450px;
    height: 50px;
    margin-bottom: 1px;
    list-style-type:none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff;
    /*position:relative;*/
    opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -khtml-opacity: 0.8;
}
.barrasuperior h3 {
    color: #3FA6AE;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    display:inline;
}

.barrasuperior label{
    color: rgba(65, 59, 59, 1);
    font-family: sans-serif;
    font-size: 14px;
    display:inline;
}

.derecha{
    /*    margin-right: 10px;
        float: right; */

    width: 80px;
    height: 32px;
    padding: 0px;
    float: right;
    background: url("images/salir.png") no-repeat top;
}

.izquierda{
    width: 80px;
    height: 32px;
    padding: 0px;
    margin-left: 10px;
    float: left;
    background: url("images/inicio.png") no-repeat top;
    /*    margin-top: 10px;
        margin-left: 10px;
    */
}
.izquierdaBack{
    width: 80px;
    height: 32px;
    padding: 0px;
    float: left; 
    background: url("images/volver.png") no-repeat top;
    /*    margin-top: 10px;
        margin-left: 10px;
    */
}

.botonatras{
    height:33px; 
    width:35px;  
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 1;
    color: #444;
    border: none;
    text-decoration:none;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-top: 10px;

}


/*********************************************************************************/
/* Date time picker                                                            */
/*********************************************************************************/
/* Datewheel overlay */
.dw {
    padding: 0 10px;
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 1001;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #000;
}
/* Datewheel overlay background */
.dwo {
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .7;
    filter:Alpha(Opacity=70);
}
/* Datewheel wheel container wrapper */
.dwc {
    display: block;
    float: left;
    margin: 0 2px 5px 2px;
    padding-top: 30px;
}
/* Datewheel label */
.dwl {
    margin: 0 2px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: relative;
    top: -30px;
}
/* Datewheel value */
.dwv {
    padding: 10px 0;
    border-bottom: 1px solid #000;
}
/* Datewheel wheel container */
.dwrc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dwwc {
    display: block;
    margin: 0;
    padding: 0 2px;
    position: relative;
    background: #000;
}
/* Datewheel wheels */
.dwwl {
    margin: 4px 2px;
    float: left;
    display: block;
    position: relative;
    background: #888;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),color-stop(1, #000));
    background: -moz-linear-gradient(center bottom,#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
}
.dww {
    margin: 0 2px;
    overflow: hidden;
    position: relative;
    top: -30px;
    color: #fff;
    background: #444;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.45, #444),color-stop(0.55, #444),color-stop(1, #000));
    background: -moz-linear-gradient(center bottom,#000 0%,#444 45%, #444 55%, #000 100%);
}
.dww ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}
/*.dww ul.dwa {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}*/
.dww li {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    text-shadow:0 1px 1px #000;
}
/* Wheel +/- buttons */
.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    background: #ccc;
    text-align: center;
    color: #888;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
}
.dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bdbdbd),color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(center bottom,#bdbdbd 0%,#f7f7f7 100%);
    font-size: 40px;
}
.dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f7f7f7),color-stop(1, #bdbdbd));
    background: -moz-linear-gradient(center bottom,#f7f7f7 0%,#bdbdbd 100%);
    font-size: 32px;
    font-weight: bold;
}
.dwpm .dwwc {
    background: transparent;
}
.dwpm .dww {
    margin: -1px;
    color: #000;
    background: #fff;
    border: 1px solid #AAA;
}
.dwpm .dww li {
    text-shadow: none;
}
.dwpm .dwwol {
    display: none;
}
/* Datewheel wheel overlay */
.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),color-stop(1, #000));
    background: -moz-linear-gradient(center bottom,#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
}
/* Background line */
.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
}
/* Datewheel button */
.dwb {
    display: block;
    /*width: 70px;*/
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow:0 -1px 1px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    color: #fff;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
    background: -moz-linear-gradient(center bottom,#000 50%,#6e6e6e 50%);
}
.dwb-a {
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
    background:-moz-linear-gradient(center bottom,#3c7500 50%,#94c840 50%);
}
.dwwl .dwb-a {
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #3c7500),color-stop(1, #94c840));
    background:-moz-linear-gradient(center bottom,#3c7500 0,#94c840 100%);
}
/* Datewheel button container */
.dwbc {
    /*margin-top: 5px;*/
    padding: 5px 0;
    text-align: center;
}
/* Datewheel button wrapper */
.dwbw {
    display: inline-block;
    width: 50%;
}
/* Android Skin */
.android {
    padding: 0;
    background: #000;
    border: 2px solid #555;
    color: #fff;
}
.android .dwv {
    padding: 10px;
    border-bottom: 1px solid #333;
}
.android .dwwc {
    background: #000;
}
.android .dwc {
    padding-top: 8px;
}
.android .dwwl {
    margin: 4px 1px;
    border: 1px solid #9C9C9C;
}
.android .dww {
    top: 0;
    border: 0;
    background: #fff;
}
.android .dwpm .dww {
    margin: 0;
}
.android .dwpm .dwwl {
    margin: 4px 2px;
    border: 0;
}
.android .dww li {
    color: #000;
    text-shadow: none;
}
.android .dwl  {
    display: none;
}
.android .dwwol {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #9C9C9C;
}
.android .dwbc {
    padding: 5px 1px;
    background: #9c9c9c;
}
.android .dwb {
    margin: 0 5px;
    background: #ccc;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ccc),color-stop(1, #eee));
    background: -moz-linear-gradient(center bottom,#ccc 0%,#eee 100%);
    color: #000;
    font-weight: normal;
    text-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.android .dwb-a {
    background: #ffb25a;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ef6100),color-stop(1, #ffb25a));
    background: -moz-linear-gradient(center bottom,#ef6100 0%,#ffb25a 100%);
}
/* Sense UI Skin */
.sense-ui {
    padding: 0;
    background: #333;
    border: 2px solid #fff;
    color: #fff;
}
.sense-ui .dwv {
    padding: 5px 10px;
    border-bottom: 1px solid #666;
    text-align: left;
}
.sense-ui .dwwc {
    background: #333;
}
.sense-ui .dww {
    margin: 0 2px;
}
.sense-ui .dwpm .dww {
    margin: 0;
    border: 0;
}
.sense-ui .dwbc {
    padding: 5px 1px;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #666));
    background: -moz-linear-gradient(center bottom,#000 50%,#666 50%);
}
.sense-ui .dwb {
    margin: 0 5px;
    background: #000;
    border: 1px solid #333;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #444));
    background: -moz-linear-gradient(center bottom,#000 0%,#444 100%);
    box-shadow: inset 0 0 5px #000;
}
.sense-ui .dwb-a {
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #3c7500),color-stop(1, #94c840));
    background:-moz-linear-gradient(center bottom,#3c7500 0,#94c840 100%);
}
/* iOS Skin */
.ios {
    padding: 40px 10px 10px 10px;
    border: 1px solid #2d3034;
    background: #50515d;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #484a56),color-stop(1, #a2a3ab));
    background: -moz-linear-gradient(center bottom,#484a56 0%, #a2a3ab 100%);
    color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.ios .dwv {
    display: none;
}
.ios .dwwc {
    background: transparent;
}
.ios .dwwl {
    margin: 4px 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #cbcce0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2c2c38),color-stop(0.35, #cbcce0),color-stop(0.65, #cbcce0),color-stop(1, #2c2c38));
    background: -moz-linear-gradient(center bottom,#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
}
.ios .dww {
    margin: 0 3px;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333),color-stop(0.10, #999),color-stop(0.30, #fff),color-stop(0.70, #fff),color-stop(0.90, #999),color-stop(1, #333));
    background: -moz-linear-gradient(center bottom,#333 0%, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.ios .dwpm .dww {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333),color-stop(0.48, #fff),color-stop(0.52, #fff),color-stop(1, #333));
    background: -moz-linear-gradient(center bottom,#000 0%, #fff 48%, #fff 52%, #000 100%);
}
.ios .dwpm .dwwl {
    margin: 4px 2px;
}
.ios .dwpm .dww {
    margin: 0;
    border: 0;
}
.ios .dww li {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    text-shadow: none;
}
.ios .dwwo {
    display: none;
}
.ios .dwwol {
    height: 28px;
    padding: 1px;
    margin-top: -16px;
    border-color: #7b8699;
    background: #6f75b0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(111, 117, 176, 0.5)),color-stop(0.5, rgba(151, 157, 197, 0.5)));
    background: -moz-linear-gradient(center bottom,rgba(111, 117, 176, 0.5) 50%,rgba(151, 157, 197, 0.5) 50%);
    z-index: 10;
    left: -1px;
    filter: alpha(opacity=50);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.ios .dwbc {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    background: #8093b0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6e83a4),color-stop(0.5, #8093b0),color-stop(0.5, #889ab5),color-stop(1, #b1bccf));
    background: -moz-linear-gradient(center bottom,#6e83a4 0%, #8093b0 50%, #889ab5 50%, #b1bccf 100%);
    border-bottom: 1px solid #2d3034;
}
.ios .dwb {
    margin: 0 5px;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #1947bb;
    background: #2461e6;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2461e6),color-stop(0.5, #225ee5),color-stop(0.5, #386de8),color-stop(1, #7c9df0));
    background: -moz-linear-gradient(center bottom,#2461e6 0%, #225ee5 50%, #386de8 50%, #7c9df0 100%);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.ios .dwb-a {
    border: 1px solid #394f76;
    background: #2461e6;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4c6b9f),color-stop(0.5, #49689d),color-stop(0.5, #5a76a6),color-stop(1, #8fa4c4));
    background: -moz-linear-gradient(center bottom,#4c6b9f 0%, #49689d 50%, #5a76a6 50%, #8fa4c4 100%);
}
.ios .dwwb {
    color: #fff;
    border: 0;
    background: #3f4e68;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3f4e68),color-stop(0.5, #75859f),color-stop(0.5, #808ea6),color-stop(1, #c7d1e2));
    background: -moz-linear-gradient(center bottom,#3f4e68 0%, #75859f 50%, #808ea6 50%, #c7d1e2 100%);
}
.ios .dwwl .dwb-a {
    background: #252c36;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #252c36),color-stop(0.5, #171e28),color-stop(0.5, #272e38),color-stop(1, #6b6e75));
    background: -moz-linear-gradient(center bottom,#252c36 0%, #171e28 50%, #272e38 50%, #6b6e75 100%);
}
.ios .dwb-s {
    float: right;
    text-align: right;
}
.ios .dwb-c {
    float: left;
    text-align: left;
}
/*********************************************************************************/
/* JQUERY DATA PICKER                                                       */
/*********************************************************************************/
.xdsoft_datetimepicker{
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect:selection { background: transparent; }
.xdsoft_noselect:-moz-selection { background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline{
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker *{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0px;
    margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
    display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
    display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width: 224px;
    float:left;
    margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
    width: 58px;
    float:left;
    text-align:center;
    margin-left:8px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
    margin-top:8px;
    margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
    background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
    background-position:-70px 0px;
    margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
    background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
    float:none;
    background-position:-40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left:14px;
    margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
    background-position:-40px 0px;
    margin-bottom:7px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
    height:151px;
    overflow:hidden;
    border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
    background: #F5F5F5;
    border-top:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: center;
    border-collapse:collapse;
    cursor:pointer;
    border-bottom-width:0px;
    height:25px;
    line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
    border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float:left;
    width:182px;
    text-align:center;
    cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
    text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
    border:1px solid #ccc;
    position:absolute;
    right:0px;
    top:30px;
    z-index:101;
    display:none;
    background:#fff;
    max-height:160px;
    overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
    padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
    width:90px;
    text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
    clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
    width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
    border-collapse:collapse;
    width:100%;

}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
    padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
    width:14.2857142%;
    background: #F5F5F5;
    border:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding:0px;
    border-collapse:collapse;
    cursor:pointer;
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
    color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
    opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
    opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
    color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
    position:relative;
    border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
    background:#ccc !important;
    height:20px;
    border-radius:3px;
}
.xdsoft_scrollbar{
    position:absolute;
    width:7px;
    right:0px;
    top:0px;
    bottom:0px;
    cursor:pointer;
}
.xdsoft_scroller_box{
    position:relative;
}



.estado_activo{
    color: #305d02;
    background-color: #b4ff65;
    border-color: #bee5eb;
    font-weight: bold;
}

.estado_inactivo{
    color: #856404;
    background-color: #f3dc95;
    border-color: #ffeeba;
    font-weight: bold;
}
.estado_SinMuestra{
    color: #721c24;
    background-color: #f5858f;
    border-color: #752a32;
    font-weight: bold;
}

.estado_confidencial{
    background-color: #FFCC33
}

.imgB1{
    background: url("images/usuario.png") ;
}
.imgB2{
    background: url("images/empresa.png") no-repeat top;
}
.imgB3{
    background: url("images/empleados.png") no-repeat top;
}
.imgB4{
    background: url("images/clientes2.png") no-repeat top;
}

.imgB5{
    background: url("images/parametros2.png") no-repeat top;
}

.imgB6{
    background: url("images/recargar2.png") no-repeat top;
}