/*Color de los bordes donde se encuentran las tablas*/
.panelTablas{
    border-color:#cccccc !important;
}

/*Color de los titulos de los widget donde se mestran las tablas*/
.widget-header{
    background:#cccccc !important;
    color:#000000 !important;
}

/*Color del encabezado de las tablas*/
.panel-primary>.panel-heading{
    background-color:#064F67 !important;
    border-color:#064F67 !important;
}
/*Texto en Azul Oscuro*/
.text-blue{
    color:#064F67;
}
/*Mostrar el scroll vertical*/
.overflow-y{
    overflow-y:auto !important;
}

/*Texto en Verde*/
.text-green{
    color:#05aa85;
}
/*Texto en Gris*/
.text-gray{
    color:#5e5e5e;
}
/*Atributo para que las TextAreas no se pueda modificar el tamaño desde el explorador*/
.noRezise{
    resize:none;
}
/*Tamaño de los TextAreas*/
.txtArea{
    height:95px !important;
    width:100%;
}
/*Color del redio button*/
input[type=radio].ace + .lbl::before{
    text-shadow:#064F67 !important;
}



/*Puntero de manita*/
.puntero{
    cursor:pointer !important;
}
/*Tamaño del icono para ver los detalles de una empresa*/
#detallesEmpresa{
    font-size:17px !important;
}
/*Color y puntero de los iconos de opcion en las tablas*/
.table-options{
    color:#808f92;
    cursor:pointer;
    font-size: 17px !important;
    text-decoration:none !important;
}

/*Color de los titulos de las paginas*/
.page-header > h1 > b{
    color:#005ea8;
}
/*Estilo agregado mediante JS para la seleccion de una fila en las tablas*/
table.tabla-seleccion > tbody > tr.seleccionado {
            background-color: #4D92CD !important;
            color: #ffffff !important;
        }


/*Tamaño del cuadro donde se muestra el nombre del usuario ingresado*/
.user-info{
    max-width:100%;
}

/*Tamaño del icono del usuario en la ezquina superior derecha*/
#userIcon{
    font-size:30px;
    padding: 7px 0 0 0;
    margin: 0 15px 0 0;
}
/*Color del lapiz para editar*/
#userEdit{
    color:#808f92 !important;
    font-size:30px;
    padding: 7px 0 0 0;
    margin: 0 15px 0 0;
    cursor:pointer !important;
}





/*Color de las tablas y letras de estas*/
.table > thead > tr{
    background:#f9f9f9 !important;
    background-color:#f9f9f9 !important;
    color:#7e7e7e !important;
    border-color:#064F67 !important;
}

.table > tbody > tr{
    color:#7e7e7e;
}
/*Color del titulo de la la columna "Tabla" en la tabla "estimación de productos por tabla" en modulo inicio*/
.titleTabla{
    color:#000000;
}
/*Color de las tablas en modulo proyectos*/
.table-proyect > thead > tr{
    background:#bcc6c7 !important;
    background-color:#9CA6A7 !important;
    color:#ffffff !important;
    border-color:#bcc6c7 !important;
}

/*Subrayado de color azul*/
.subrayado-azul{
    border-bottom: 1px solid #064F67 !important;
}






/*Color del texto dentro de las tablas y en las filas*/
table.tabla-seleccion > tbody > tr{
    color:#000000;
}

/*Color de letra de los identificadores de las tablas en modulo incio*/
.well-tablas{
    color:#000000 !important;
    background-color:#e6e6e6;
    border-radius:5px;
    margin-bottom:10px;
    padding-top:37px;
}

/*Color del fondo de los encabezados de las tablas en modulo inicio*/
table.tabla-Inicio > thead > tr{
    background-color: inherit !important;
}

.table-options:hover{
    color:#808f92;
}
/*Padding para las tablas que contienen una caja de texto dentro de una fila*/
.padRows{
    padding-top:15px !important;
}



/*Botones ikkarus color verde*/
.btn-pisa{
    color: #fff !important;
    background-color: #005ea8 !important;
    border-color: #005ea8 !important; 
    padding: 0;
}
.btn-pisa:hover, .btn-pisa:focus, .btn-pisa:active, .btn-pisa.active, .open>.dropdown-toggle.btn-pisa {
    color: #fff !important;
    background-color: #005ea8 !important;
    border-color: #005ea8 !important; /*set the color you want here*/
}
/*Botones ikkarus color azul*/
.btn-pisa-blue{
    color: #fff !important;
    background-color: #064F67 !important;
    border-color: #064F67 !important; 
    padding:0;
}
.btn-pisa-blue:hover, .btn-pisa-blue:focus, .btn-pisa-blue:active, .btn-pisa-blue.active, .open>.dropdown-toggle.btn-pisa-blue {
    color: #fff !important;
    background-color: #064F67 !important;
    border-color: #064F67 !important; /*set the color you want here*/
}











/*Tamaño y acomodo del icono de usuario "Modulo Salir para moviles"*/
.user-phone{
    font-size: 40px;
    padding-left:20px;
    padding-top:17px;
}


/*Color y tamaño de las etiquetas con acciones en los index de cada modulo*/
.linkText{
    color:#064F67;
    font-size:20px;
    
}
/*relleno para las barras de progreso de cada proyecto en modulo Inicio*/
.progress.pos-rel{
    padding:0 0 0 0;
}
/*Color de las barras de progreso de cada proyecto en modulo inicio*/
.progress-bar{
    background-color:#064F67;
}



/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer{
    background-color:#ffffff;
    height:70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text{
    padding:10px 0 0 0;
}
/*Color del fondo del menú donde se muestran todas las vistas(parte superior del pie de la pagina)*/
.main-container:before{
    background-color:#E6E6E6;
}

/*Color de las letras e iconos cuando se posiciona el cursor arriba de los iconos del menu*/
.no-skin .nav-list>li:hover>a
{
    color:#ffffff;
}

.nav-list > li:before
{
    content:none;
}
/*Cuadro "Flotante" donde se muestran las vistas*/
#main-well {
    height: 100%;
    margin-top: 11px;
    
}
/*Relleno superior para los iconos de las tablas con acciones en sus filas*/
.icon-options{
    padding-top:7px;
    font-size:19px !important;
}
/*color y color de borde de los botones en general*/


/*Subrayado*/
.subrayado{
    border-bottom: 3px solid #00906F !important;
    
}
/*Margen de los titulos de las vistas*/
h1{
    margin:0 0 0 37px !important;
}
/*Margen de los form group*/
.margin-FG{
    margin:0 25px 0 25px !important;
}


/*padding botones en modulo proyectos*/
.pBotones-proyectos{
    padding-left:111px;
}
/*padding botones en modulo inicio*/
.pBotones-inicio{
    padding:0 111px 0 0;
}
.pBotones-inventarioA{
    padding:0 111px 0 0;
}
/*Subrayado de las opciones de los menus*/
.subrayado:hover{
    
    text-decoration:none;
}

/*Borde del navegador de pestañas en modulo proyecto*/
.nav-tabs{
    border-bottom:0;
}

.cultivo-options{
    margin-top:25px;
}

/*Ajuste para que el texto que identifica cada tabla este centrado*/
.widget-header > .widget-title{
    display:block !important;
}

/*No padding de las opciones etiquetas*/
.no-padd{
    padding:0 0 0 0 !important;
}

/*No padding izquierda*/
.no-padd-left{
    padding-left:0px !important;
}

/*No padding derecha*/
.no-padd-right{
    padding-right:0px;
}


/*Tamaño de letra de las Tablas*/
.textTables{
    font-size:15px !important;
    
}
/*Color gris claro de las filas con el patron 1 si 1 no*/
.tableColorRowGrayLight1>tbody>tr:nth-child(odd){
    background-color:#e6e6e6 !important;
}

/*Color gris claro de las filas con el patron 1 no 1 si */
.tableColorRowGrayLight2>tbody>tr:nth-child(even){
    background-color:#e6e6e6 !important;
}
/*Color gris oscuro de las filas con el patron 1 sí 1 no.*/
.tableColorRowGrayStrong1>tbody>tr:nth-child(odd){
    background-color:#bbc5c7 !important;
}

/*Color gris oscuro de las filas con el patron 1 no 1 si.*/
.tableColorRowGrayStrong2>tbody>tr:nth-child(even){
    background-color:#bbc5c7 !important;
}


/*Padding para modales*/
.modalPadding{
    padding:30px 15px 15px 15px !important;
}


/*Radio/Redondo del bootstrap switch*/
.bootstrap-switch{
    border-radius:20px !important;
}
/*--------------------------------------------------------------------------------------------------*/

.multiselector > .btn-group {
    width:100%;
}


.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px rgba(255, 255, 255, 0.00) solid;
    background-color:#cccccc;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: #cccccc;
}
/*--------------------------------------------------------------------------------------------------*/

p{
    margin-top: 13px;
    margin-bottom: 13px;
}

.contenedorEventosAdversos{
    max-height:150px;
    overflow-y:auto;
}

.contenedorAnexos{
    max-height:500px;
    overflow-y:auto;
}




.datepicker{
    padding:0 !important;
}

.contenedorPDF{
    max-height:120px;
    overflow-y:auto;
}

/*Estilos para la vsita de carga*/
#loading{
    display:block;
    background-color:rgba(0, 0, 0, 0.58);
    color:#ffffff;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}
/*Estilos para el icono de carga*/
#loading > i{
    display:block;
    width:100px;
    height:30px;
    font-size:30px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
}

#loading > span{
    display:block;
    width:225px;
    height:0px;
    font-size:20px;
    position:absolute;
    top:25px;
    left:25px;
    bottom:0;
    right:0;
    margin:auto;
}


.right-well-blue{
    background-color:#005ea8 !important;
    height:100% !important;
    width:100% !important;
    /*padding:30%;*/
}

#ImgBienvenida{
    opacity: 0.4;
    filter: alpha
}

/*Padding que tienen las etiquetas de los menus laterales para mostrarse centradas en el contenedor*/
.padd-top-25{
    padding-top: 25px !important;
}

/*Medidas para Monitores mayores a 1200px*/
@media(min-width:1200px){
/*Tamaño y color de la barra izquierda del login*/
#LeftBar
{
    background-color:#ffffff !important;
    height: 100%;
    padding: 0 0 0 0;
    
}
/*Tamaño y color de la barra derecha del login*/
#rightBar{
    background-color: #EDEDED !important;
    height: 100%;
}

/*Acomodo, color y tamaño de la etiqueta Bienvenido */
#lblBienvenido{
    color: #005ea8 !important;
    font-size:50px;
    font-family: 'Roboto', sans-serif;
    padding-top:206.984px;
    padding-left:14px;
}
/*Tamaño y acomodo del logo en el login*/
#imgLogoLogin{
    margin:230px 0 0 0;
    width:100%;
    padding:0 61px 0 40px;
}
/*Tamaño de la caja de texto para la contraseña*/
#inputPassword{
    width:275.984px
}
/*Tamaño de la caja de texto para usuario*/
#inputUser{
    width:275.984px
}
/*Tamaño y color del boton de inicio de sesión*/
#btnInicio{
    background-color:#005ea8 !important;
    border-color: #005ea8 !important;
    width:275.984px
}
/*color y color de borde de los botones en general*/
.botones{
    background-color:#00906F !important;
    border-color: #00906F;
}
/*color y color de borde de los botones en general*/


.btn-custom{
    width:100%;
}

.toolBoxMap{
    height:500px;
}
/*Margen de las tablas*/
.tableMargin{
    margin:0 85px 0 85px !important; 
}

/*Margen de las tabla en modulo proyecto proyecto*/
.tableMargin-proyecto{
    margin:0 85px 0 35px !important; 
}
/*No padding de las opciones etiquetas*/
.no-padd{
    padding:0 0 0 0 !important;
}

/*No padding izquierda*/
.no-padd-left{
    padding-left:0px !important;
}

/*No padding derecha*/
.no-padd-right{
    padding-right:0px;
}
.tabs-proyect{
    margin: 0 110px 0 110px !important;
}

.tab-cultivo{
    padding:54px 18px 54px 18px !important;
}

.tab-bitacora{
    padding:0px 18px 0px 18px !important;
}

.tab-historico{
    padding:0px 18px 0px 18px !important;
}

.tabs-options{
    margin:20px 0 0 0;
}

.textAreaBitacora{
    width:100%;
    height:110px;
}
/*tamaño, color y posicion de la etiqueta total de cultivos modulo proyecto*/
.labelTotalAgaves{
    background-color: #CCCCCC;
    height: 35px;
    margin-left: 0px;
    padding-top: 6px;
    border-radius: 4px;
    max-width:163px;
    min-width:163px;
    color:#000000;
    font-size:16px;
}

.mapaUbicacion{
    height:500px;
}

.lblcopyRight{
    padding:130px 0 0 50px;
}
/*Tamaño del well que se encuentra en el login*/
.well-loging{
    height:91%;
    width:95%;
    margin: 35px 20px 20px 20px;
    background:#ffffff;
    border-radius:10px 10px;
    
}

/*Tamaño del contenedor de las graficas y tablas*/
.wellContenido{
    height:385px;
}

.Graficas{
    max-height:305px;
    min-height:305px;
}


/*Tamaño del modal*/
.modal-lg{
    width:1020px !important;
}

/*Color y tamaño del icono refresh*/
.logoRefresh{
    color:#7e7e7d;
    font-size:30px;
}

.icoGuardar{
    color:#005ea8;
    font-size:30px;
}
/*Tamaño de las cajas donde se muestran los permisos y los usuarios*/
.cajas-Perfiles{
    max-height:250px !important;
}

.cajaPermisos > ul {
    max-height:250px !important;
    overflow-y:auto !important;
}

.sidebar ~ .footer .footer-inner{
    left:160px !important;
}

.logoESR{
    position:absolute;
    right:125px;
}
.logoPISA{
    position:absolute;
    right:0px;
}

/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer{
    background-color:#ffffff;
    height:70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text{
    padding:10px 0 0 0;
}

/*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
.padd-top-7{
    padding-top:7px !important;
}

.lblBienvenidoLogin{
    color: #005ea8 !important;
    font-size:50px;
    font-family: 'Roboto', sans-serif;
}
/*Lector de RPS*/
.RPSReader{
    max-height:350px;
    overflow: auto;
}
/*Boton para exportar el RPS*/
.generarRPS{
    height:60px !important;
    width:100% !important;
    font-size:large;
}

.txtAlerta{
    height:400px !important;
    overflow:auto;
}
}
/*Medidas para Monitores entre 992px y 1199px*/
@media(min-width:992px) and (max-width:1199px)
{
#LeftBar
{
    background-color:#ffffff !important;
    height: 100%;
    padding:0 0 0 0;
    
}

#rightBar{
    background-color: #EDEDED !important;
    height: 100%;
}

#lblBienvenido{
    color: #005ea8 !important;
    font-size:50px;
    font-family: 'Roboto', sans-serif;
    padding-top:206.984px;
    padding-left:14px;
}

#imgLogoLogin{
    margin:230px 0 0 0;
    width:100%;
    padding:0 44px 0 23px;
}

#inputPassword{
    width:275.984px
}
#inputUser{
    width:275.984px
}
#btnInicio{
    background-color:#005ea8 !important;
    border-color: #005ea8 !important;
    width:275.984px
}

.botones{
    background-color:#00906F !important;
    border-color: #05aa85;
}

.btn-custom{
    width:100%;
}

.toolBoxMap{
    height:500px;
}

/*Margen de las tablas*/
.tableMargin{
    margin:0 35px 0 35px !important; 
}
/*No padding de las opciones etiquetas*/
.no-padd{
    padding:0 0 0 0 !important;
}

.textAreaBitacora{
    width:100%;
    height:110px;
}

.labelTotalAgaves{
    background-color: #CCCCCC;
    height: 28px;
    margin-left: 0px;
    padding-top: 3px;
    border-radius: 4px;
    max-width:163px;
    min-width:163px;
}

.mapaUbicacion{
    height:300px;
}
.lblcopyRight{
    padding:130px 0 0 50px;
}

/*Tamaño del well que se encuentra en el login*/
.well-loging{
    height:91%;
    width:95%;
    margin: 31px 20px 20px 15px;
    background:#ffffff;
    border-radius:10px 10px;
}

.no-padd-left{
    padding-left:0px !important;
    
}

/*No padding derecha*/
.no-padd-right{ 
    padding-right: 0px !important; 
    
}

.margin-FG{
    margin:0 !important;
}
/*Tamaño del modal*/
.modal-lg{
    width:992px !important;
}

/*Color y tamaño del icono refresh*/
.logoRefresh{
    color:#7e7e7d;
    font-size:30px;
}

.sidebar + .main-content{
    margin-left:160px !important;
}

.sidebar{
    width:160px !important;
}

.sidebar ~ .footer .footer-inner{
    left:160px !important;
}

.icoGuardar{
    color:#005ea8;
    font-size:30px;
}

.cajas-Perfiles{
    max-height:250px !important;
}

.cajaPermisos > ul {
    max-height:250px !important;
    overflow-y:auto !important;
}

.logoESR{
    position:absolute;
    right:125px;
}
.logoPISA{
    position:absolute;
    right:0px;
}

/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer{
    background-color:#ffffff;
    height:70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text{
    padding:10px 0 0 0;
}

/*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
.padd-top-7{
    padding-top:7px;
}

.logoBienvenida{
    top:20%;
    right:20%;
    bottom:20%;
    left:20%;
    width:100%;
}

.RPSReader{
    max-height:290px;
    overflow: auto;
}

/*Boton para exportar el RPS*/
.generarRPS{
    height:60px !important;
    width:100% !important;
    font-size:large;
}

.txtAlerta{
    height:400px !important;
    overflow:auto;
}
}
/*Medidas para Tabletas entre 768px y 991px*/
@media(min-width:768px) and (max-width:991px)
{
#LeftBar
{
    background-color:#ffffff !important;
    height: 100%;
    padding:0 0 0 0;
}

#rightBar{
    background-color: #EDEDED !important;
    height: 100%;
}

#lblBienvenido{
    color: #005ea8 !important;
    font-size:50px;
    font-family: 'Roboto', sans-serif;
    padding-top:150px;
    padding-left:14px;

}

#imgLogoLogin{
    margin:230px 0 0 0;
    width:100%;
    padding:0 31px 0 15px;
}
#inputPassword{
    width:275.984px
}
#inputUser{
    width:275.984px
}
#btnInicio{
    background-color:#005ea8 !important;
    border-color: #005ea8 !important;
    width:275.984px
}

.botones{
    background-color:#00906F !important;
    border-color: #05aa85;
}

.btn-custom{
    width:100%;
}

.toolBoxMap{
    height:500px;
}

/*Margen de las tablas*/
.tableMargin{
    margin:0 35px 0 35px !important; 
}
/*No padding de las opciones etiquetas*/
.no-padd{
    padding:0 0 0 0 !important;
}

.textAreaBitacora{
    width:100%;
    height:110px;
}

.labelTotalAgaves{
    background-color: #CCCCCC;
    height: 28px;
    margin-left: 0px;
    padding-top: 3px;
    border-radius: 4px;
    max-width:163px;
    min-width:163px;
}
.mapaUbicacion{
    height:300px;
}
.lblcopyRight{
    padding:100px 0 0 50px;
}

/*Tamaño del well que se encuentra en el login*/
.well-loging{
    height:91%;
    width:95%;
    margin: 30px 20px 20px 13px;
    background:#ffffff;
    border-radius:10px 10px;
}

.margin-FG{
    margin:0 !important;
}

.no-padd-left{
    padding-left:0px !important;
    
}

/*No padding derecha*/
.no-padd-right{
    padding-right: 0px !important; 
    
}

/*Color y tamaño del icono refresh*/
.logoRefresh{
    color:#7e7e7d;
    font-size:30px;
}

.icoGuardar{
    color:#005ea8;
    font-size:30px;
}

.logoESR{
    position:absolute;
    right:125px;
}
.logoPISA{
    position:absolute;
    right:0px;
}

/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer{
    background-color:#ffffff;
    height:70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text{
    padding:10px 0 0 0;
}

.cajas-Perfiles{
    max-height:250px !important;
}

.cajaPermisos > ul {
    max-height:250px !important;
    overflow-y:auto !important;
}

/*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
.padd-top-7{
    padding-top:7px;
}

.logoBienvenida{
    top:20%;
    right:20%;
    bottom:20%;
    left:20%;
    width:100%;
}


.RPSReader{
    max-height:350px;
    overflow: auto;
}

/*Boton para exportar el RPS*/
.generarRPS{
    height:60px !important;
    width:100% !important;
    font-size:large;
}

.txtAlerta{
    height:400px !important;
    overflow:auto;
}
}
/*Medias para telefonos celulares menores a 768px*/
@media(min-width:0px) and (max-width:767px)
{
#LeftBar
{
    background-color:#ffffff !important;
    height: 20%;
    padding:0 0 0 0;
}

#rightBar{
    background-color: #EDEDED !important;
    height: 85%;
    padding-top:30px
}

#lblBienvenido{
    color: #005ea8 !important;
    font-size:50px;
    font-family: 'Roboto', sans-serif;

}

#btnInicio{
    background-color:#005ea8 !important;
    border-color: #005ea8 !important;
    /*width:275.984px*/
}

#imgLogoLogin{
    margin:0 0 0 0;
    width:250px;
}


.botones{
    background-color:#00906F !important;
    border-color: #00906F;
}
.btn-custom{
    width:100%;
}

.toolBoxMap{
    height:300px;
}

.jumbotron{
    margin: 0 0 0 0 !important
}
.textAreaBitacora{
    width:100%;
    height:110px;
}

.labelTotalAgaves{
    background-color: #CCCCCC;
    height: 28px;
    margin-left: 0px;
    padding-top: 3px;
    border-radius: 4px;
    max-width:163px;
    min-width:163px;
}

.mapaUbicacion{
    height:300px;
}
.lblcopyRight{
    padding:200px 0 0 50px;
}
/*Tamaño del well que se encuentra en el login*/
.well-loging{
    height:91%;
    width:95%;
    margin: 0px 20px 20px 10px;
    background:#ffffff;
    border-radius:10px 10px;
}
/*Ancho de columna para pantalla de telefonos celulares*/
.widthColumnXs{
    width:140px;
}

.margin-FG{
    margin:0 !important;
}

/*Margen de las tablas*/
.tableMargin{
    margin:0 !important; 
}

.no-padd-left{
    padding-left:0px !important;
    padding-right: 0px !important;  
}

/*No padding derecha*/
.no-padd-right{
    padding-right: 0px !important; 
    padding-left:0px !important;
}

/*Color y tamaño del icono refresh*/
.logoRefresh{
    color:#7e7e7d;
    font-size:30px;
}

.logoESR{
    /*position:absolute;*/
    right:125px;
    width:100px;
}
.logoPISA{
    /*position:absolute;*/
    right:0px;
    width:100px;
}

/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer{
    background-color:#ffffff;
    height:105px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text{
    padding:10px 0 0 0;
}

.cajas-Perfiles{
    max-height:250px !important;
}

.cajaPermisos > ul {
    max-height:250px !important;
    overflow-y:auto !important;
}

/*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
.padd-top-7{
    padding-top:7px;
}

.logoBienvenida{
    top:20%;
    right:20%;
    bottom:20%;
    left:20%;
    width:100%;
}


.RPSReader{
    max-height:250px;
    overflow: auto;
}

/*Boton para exportar el RPS*/
.generarRPS{
    height:60px !important;
    width:100% !important;
    font-size:large;
}

.txtAlerta{
    height:400px !important;
    overflow:auto;
}
}
/*Medidas para telefonos celulares menores a 768px y en modo horizontal*/
@media(min-width:0px) and (max-width:767px) and (orientation: landscape)
{
#LeftBar
{
    background-color:#ffffff !important;
    height:20% !important;
    padding:0 0 0 0;
}
}



/*Estilo para los campos erroneos*/
input.error, textarea.error {
    border: 1px #D9534F solid;
}

#errorContrasenaActual, #errorContrasenaNueva, #errorConfirmacionContrasenaNueva {
    color: #D9534F;
}

span.error {
    color: #D9534F;
    clear: both;
}