/* 
    Created on : 03/08/2017, 03:20:56 PM
    Author     : JOHNERTEC
*/


.JTfondo01 {background-image: url(../imagenes/fondo.png);background-repeat: no-repeat;background-color: #d9d9d9; overflow-x: hidden;}
.JTfondo02 {background-image: url(../imagenes/fondo.png);background-repeat: no-repeat;background-color: #d9d9d9; overflow-x: hidden;}

.JTversion{
            
            background-image: url(../imagenes/transparente/tr3.png);
            overflow: hidden;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
}
/*INICIO MENU*/
.JTmenu_verde{
    background:   #f83232; /* Old browsers */
background: -moz-linear-gradient(top, #850000 2%,   100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #850000 2%,#f83232 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #850000 2%,#f83232 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850000', endColorstr='#f83232',GradientType=0 )
}
.JTmenudrop_verde{background: #ffffff;color: #000;}
.JTmenutexto_verde{ color: #fff; font-size: 13px; }
.JTmenuactive_verde{ color: #030303; font-weight: bold;}
.JTmenudroptext_verde{ color: #0a4978; font-variant: small-caps; width: 22px;}
.JTmenudroptext_cafe{ color: #0a3f66; font-variant: small-caps; width: 22px;}
.JTmenudropico_verde{ color: #1f4c6e;}

.JTregistrar{border: 1px #ffffff solid;  height: 530px; margin: 10px;
            background-image: url(../imagenes/transparente/tr5.png);
            overflow: auto;
}
.JTregistrar_caja{
            border: 1px #5ebb48 solid;  height: 100px; margin: 10px;
            background-image: url(../imagenes/transparente/tr5.png);
            overflow: hidden;
            text-align: center;
}
.JTregistrar_caja_lista{
             margin: 10px;
            background-image: url(../imagenes/transparente/tr3.png);
            overflow: hidden;
            text-align: center;
}
.JTpoqueado{border: 1px  #ffffff solid;  height: 310px; margin: 10px;
            background-image: url(../imagenes/transparente/tr5.png);
            overflow: auto; margin: 0;
}
/*FIN MENU*/
/*.JTfondo01 {background-image: url(../imagenes/fondo.png);background-repeat: no-repeat;background-color: #ebebeb; overflow-x: hidden;}
.JTfondo02 {background-image: url(../imagenes/fondo.png);background-repeat: no-repeat;background-color: #e3e3e3; overflow-x: hidden;}
*/

.JTBRED{ background-color: red;}
.JTlogueo_alto{height: 270px; margin-top: 30px; padding-left: 30px; padding-right: 30px;}
.JTlogueo_caja{ background-image: url(../imagenes/transparente/tr3.png); border: 1px solid #fff;}

.JTtexto01{ font-size: 15px; color: #fff}
.JTtexto02{font-weight: bold; font-size: 25px; font-family:  Serif; color: #497d87}

.JTbtn01{ cursor: pointer;   -webkit-border-radius: 10;  -moz-border-radius: 10;  border-radius: 10px;  border: dotted #1f628d 0px;  padding-bottom: 7px;  padding-top: 7px; color: #ffffff;  font-size: 11px; text-decoration: none; letter-spacing: 1px; width: 100%;text-align: center;}
.JTbtn01 {background: #0099cc;}.JTbtn01:hover {  background: #000000; text-decoration: none;} 

.JTbtn01_boot{ border-radius: 0px 50px 0px 50px;
                -moz-border-radius: 0px 50px 0px 50px;
                -webkit-border-radius: 0px 50px 0px 50px;
                border: 0px solid #000000; 
                background-color: #ff9900; height: 100px; 
                text-align: center; font-size: 14px;
                font-weight: bold; color: #ffffff; cursor: pointer;
                }

.JTbtn01_boot:hover { background-color: #000;}

.JTbtn01_md,.JTbtn02_md,.JTbtn03_md{ cursor: pointer;   -webkit-border-radius: 10;  -moz-border-radius: 10;  border-radius: 10px;  border: dotted #1f628d 0px;  padding-bottom: 7px;  padding-top: 7px; padding-right: 30px; padding-left: 30px;  color: #ffffff;  font-size: 11px; text-decoration: none; letter-spacing: 1px; text-align: center;}
.JTbtn01_md{ background: #006699;} .JTbtn01_md:hover { background:  #000; color: #ffffff;}
.JTbtn02_md{ background: #ff0000;} .JTbtn02_md:hover { background: #000; color: #ffffff;}
.JTbtn03_md{ background: #000000;} .JTbtn03_md:hover { background: #ff0000; color: #ffffff;}

.JTbtn01_xs,.JTbtn02_xs,.JTbtn03_xs,.JTbtn04_xs,.JTbtn05_xs,.JTbtn06_xs,.JTbtn07_xs,.JTbtn08_xs,.JTbtn09_xs{  cursor: pointer;  -webkit-border-radius: 4; -moz-border-radius: 4;  border-radius: 4px;  color: #ffffff; font-size: 12px;  text-decoration: none;  padding-bottom: 4px;  padding-top: 2px;  padding-left: 7px;  padding-right: 7px;}
.JTbtn01_xs{ background: #66cc00;} .JTbtn01_xs:hover { background: #000; color: #ffffff;}

.JTbtn02_xs{  width: 24px; text-align: center; background: #FF3300;} .JTbtn02_xs:hover { background: #000; color: #ffffff;}

.JTbtn03_xs{ background: #D5DBDB;} .JTbtn03_xs:hover { background: #95A5A6; color: #ffffff;}
.JTbtn04_xs{ background: #ff0000;} .JTbtn04_xs:hover { background: #000; color: #ffffff;}
.JTbtn05_xs{ background:  #ff6600; } .JTbtn05_xs:hover { background: #ffcc00; color: #ffffff;}
.JTbtn06_xs{ background:   #cc00cc; } .JTbtn06_xs:hover { background: #ffcc00; color: #ffffff;}
.JTbtn07_xs{ background: #ff9900; font-weight: bold; } .JTbtn07_xs:hover { background: #ffcc00; color: #ffffff;}
.JTbtn08_xs{ background: #ccff00; font-weight: bold; } .JTbtn08_xs:hover { background: #ffcc00; color: #ffffff;}
.JTbtn09_xs{ background: #666600; font-weight: bold; } .JTbtn08_xs:hover { background: #336600; color: #ffffff;}

.JTbtn10_xs{  cursor: pointer;  color: #ffffff; font-size: 12px;  text-decoration: none;  padding-bottom: 45px;  padding-top: 45px;  padding-left: 10px;  padding-right: 8px;}
.JTbtn10_xs{ background: #ff9900; font-weight: bold; } .JTbtn10_xs:hover { background: #ff0000; color: #ffffff;}

.JTbtn11_xs{  cursor: pointer;  color: #ffffff; font-size: 12px;  text-decoration: none;  padding-bottom: 45px;  padding-top: 45px;  padding-left: 10px;  padding-right: 8px;}
.JTbtn11_xs{ background: #00ccff; font-weight: bold; } .JTbtn11_xs:hover { background: #ff0000; color: #ffffff;}



.JTbtn01_new,.JTbtn02_new,.JTbtn03_new,.JTbtn04_new{  cursor: pointer;  -webkit-border-radius: 4; -moz-border-radius: 4;  border-radius: 4px;   
                        font-size: 14px;   padding-bottom: 4px;  padding-top: 2px;  padding-left: 7px;  padding-right: 7px;}
.JTbtn01_new{ background:  #cc00cc;} .JTbtn01_new:hover { background: #000; color: #ffffff;}
.JTbtn02_new{ background:  #0099cc;} .JTbtn01_new:hover { background: #000; color: #ffffff;}
.JTbtn03_new{ background:  #ff0033;} .JTbtn01_new:hover { background: #000; color: #ffffff;}
.JTbtn04_new{ background:  #ccc;} 

/*TEXTO ESTILOS*/
.JTdr{text-align:  right;}
.JTbold{font-weight:bold;}
.JTtext{font-family: sans-serif; letter-spacing: 1px;}
.JTespacio{letter-spacing: 1px;}
.JT20px{font-size: 20px;}
.JT16px{font-size: 16px;}
.JT14px{font-size: 14px;}
.JT12px{font-size: 12px;}
.JT10px{font-size: 10px;}

.JTpad01{padding-bottom: 5px; padding-top: 5px;}
.JTupper{text-transform: uppercase;}
/*TEXTO ESTILOS*/
.JTcolorgraph1 {margin-top: 0px; margin-bottom: 8px;height: 5px; border-top: 0; background:  #005bff; border-radius: 5px;background-image: -webkit-linear-gradient(left, #2BA818, #2BA818 12.5%, #73FB1F 12.5%, #73FB1F 25%, #408E11 25%, #408E11 37.5%, #6CF318 37.5%, #6CF318 50%, #00FF1E 50%, #0A7257 62.5%, #0A7257 62.5%, #0A7257 75%, #2BA818 75%, #2BA818 87.5%, #73FB1F 87.5%, #73FB1F); background-image: -moz-linear-gradient(left,    #2BA818, #2BA818 12.5%, #73FB1F 12.5%, #73FB1F 25%, #408E11 25%, #408E11 37.5%, #6CF318 37.5%, #6CF318 50%, #00FF1E 50%, #0A7257 62.5%, #0A7257 62.5%, #0A7257 75%, #ff9900 75%, #2BA818 87.5%, #73FB1F 87.5%, #73FB1F); background-image: -o-linear-gradient(left,      #2BA818, #2BA818 12.5%, #73FB1F 12.5%, #73FB1F 25%, #408E11 25%, #408E11 37.5%, #6CF318 37.5%, #6CF318 50%, #00FF1E 50%, #0A7257 62.5%, #0A7257 62.5%, #0A7257 75%, #ff9900 75%, #2BA818 87.5%, #73FB1F 87.5%, #73FB1F); background-image: linear-gradient(to right,     #2BA818, #2BA818 12.5%, #73FB1F 12.5%, #73FB1F 25%, #408E11 25%, #408E11 37.5%, #6CF318 37.5%, #6CF318 50%, #00FF1E 50%, #0A7257 62.5%, #0A7257 62.5%, #0A7257 75%, #2BA818 75%, #2BA818 87.5%, #73FB1F 87.5%, #73FB1F);}





/*INICIO CONTENIDO*/
.JTtitulo01{border: 1px #ffffff solid;
            background-image: url(../imagenes/transparente/tr5.png);
            font-weight:bold;
            font-size: 12px;
            letter-spacing: 1px;
            
}
 

.JTlista {border: 1px #ffffff solid;  margin: 10px;
             background-image: url(../imagenes/transparente/tr5.png);
         /*    overflow: auto; */
           
             padding-bottom: 20px;
}
.JTlista_prod{ margin: 10px;
             background-image: url(../imagenes/transparente/tr5.png);
             overflow: auto; 
             height: 550px;
             padding-bottom: 20px;
}
.JTborde_punteado{
    border-bottom: 1px  #000000 dotted; 
}
/*FIN CONTENIDO*/

/*INICIO REPORTE*/
.JThead_reporte_imp{
    background-color: #cccccc;
 border-bottom: 1px solid #000;
 border-top: 1px solid #000;
    border-left:  1px solid #000;
    color: #222;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.JTbody_reporte_imp{
    border-bottom: 1px solid #000;
    border-left:  1px solid #000;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.finlinea_imp{
    border-right:  1px solid #000;
}
.JThead_reporte{
    background-color: #7facc2;
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}
.JTbody_reporte{
    background-image: url(../imagenes/transparente/tr3.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
  //  text-transform: uppercase;
}
.JTbody_reporte02{
    background-image: url(../imagenes/transparente/V3.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.JTbody_reporte21{
    background-image: url(../imagenes/transparente/V5.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.JTbody_reporte22{
    background-image: url(../imagenes/transparente/V4.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.JTbody_reporte03{
    background-image: url(../imagenes/transparente/J3.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.JTbody_reporte31{
    background-image: url(../imagenes/transparente/J4.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.JTbody_reporte32{
    background-image: url(../imagenes/transparente/J5.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.JTbody_reporte04{
    background-image: url(../imagenes/transparente/O3.png);
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.JTbody_reporte_resaltado01{
    background-color: #999900;
    border-bottom: 1px solid #FFFFFF;
    border-left:  1px solid #FFFFFF;
    color: #ccc;
    font-size: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: bold;
}


.JTselect_reporte:hover{
    
    background-color: #ccccff;
    
}
.JThead_categoria{
    background-image: url(../imagenes/transparente/tr5.png);
    border: 1px solid #FFFFFF;
    padding-bottom: 5px; 
    padding-top: 5px;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: sans-serif; 
}
.JThead_tipo{
    background-color: #ffcc33;
    border: 1px solid #FFFFFF;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: sans-serif; 
}
/*FIN REPORTE*/
/*INICIO SHOW MODAL*/
.modal-content{
    background-image: url(../imagenes/fondo.png);background-repeat: no-repeat;background-color: #dce3f2; 
}
.modal-listado{
     background-image: url(../imagenes/transparente/tr5.png);
}
.JTbtnCERRAR{ cursor: pointer; background: #000000;  padding-bottom: 10px;  padding-top: 9px;  padding-left: 15px;  padding-right: 15px; border-radius: 50px; }
.JTbtnCERRAR:hover { background: #ed1919; color: #ffffff;}

/*FIN SHOW MODAL*/

.JTbtn_grande{ margin-top: 5px; -webkit-border-radius: 10;  -moz-border-radius: 10;  border-radius: 10px;  border:1px solid #888; width: 100%;
            background-image: url(../imagenes/transparente/tr5.png); color: #000; cursor: pointer;  padding-bottom: 10px; padding-top: 5px;}
.JTbtn_grande:hover{color: #000; background-color: greenyellow;}

.JTbtn_grande2{ margin-top: 5px; -webkit-border-radius: 10;  -moz-border-radius: 10;  border-radius: 10px;  border:1px solid #888; width: 100%;
            background-color: #00FF1E; color: #000; cursor: pointer;  padding-bottom: 10px; padding-top: 5px;}
.JTbtn_grande2:hover{color: #fff; background-color: #000;}

.JTcuadro01{background-image: url(../imagenes/transparente/tr2.png); height: 100px;
           border: 0.1em solid #fff;
           padding-bottom: 10px; padding-top: 10px; margin-top: 5px;overflow: hidden;}
.JTcuadro02{background-image: url(../imagenes/transparente/V3.png);
           border: 0.1em solid #fff;
           padding-bottom: 10px; padding-top: 10px; margin-top: 5px;overflow: hidden;}
.JTcuadro03{background-image: url(../imagenes/transparente/tr5.png); height: 140px;
           border: 0.1em solid #fff;
           padding-bottom: 10px; padding-top: 10px; margin-top: 5px;overflow: hidden;}
.JTcuadro04{background-image: url(../imagenes/transparente/tr1.png); height: 140px;
           border: 0.1em solid #85C1E9;
           padding-bottom: 10px; padding-top: 10px; margin-top: 5px;overflow: hidden;}

.JTcuadroVC{ background-image: url(../imagenes/transparente/V5.png); height: 200px;
           border: 0.1em solid #fff;
           padding-bottom: 10px; padding-top: 10px; margin-top: 5px;overflow: auto;}
/*INICIO HISTORIAL*/
.JTnombresdr{
    background-image: url(../imagenes/transparente/tr1.png);
    border-bottom: 1px solid #f4f3f3;
    border-left:  1px solid #f4f3f3;
    color: #222;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 4px;
}  
.JTnombresiz{
    background-image: url(../imagenes/transparente/tr3.png);
    border-bottom: 1px dotted #000;
    border-left:  1px solid #f4f3f3;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 4px;
}

/*FIN HISTORIAL*/



/*INICIO PRODUCTOS*/


.JTlistafam {border: 1px  #cccccc solid;  margin: 5px; height: 280px;
             background-image: url(../imagenes/transparente/tr1.png);
             overflow: auto;
             padding-bottom: 20px;
}
.JTlistasubfam {border: 1px #cccccc solid;  margin: 5px; height: 200px;
             background-image: url(../imagenes/transparente/tr1.png);
             overflow: auto;
             padding-bottom: 20px;
}
/*FIN PRODUCTOS*/

/*INICIO TIENDAS ASIGNADAS*/


.JTlistatias {border: 1px  #cccccc solid;  margin: 5px; height: 290px;
             background-image: url(../imagenes/transparente/tr1.png);
             overflow: auto;
             padding-bottom: 20px;
}

.JTbtnAYUDA{ cursor: help; color: #cc00cc; }
.JTbtnAYUDA:hover {  color: #000;}
/*FIN TIENDAS ASIGNADAS*/



.JTimprimircab{font-size: 16px; font-family: arial;}
.JTimprimircue{font-size: 15px; font-family: arial;}
.JTimprimirpie{font-size: 14px; font-family: arial;}
.JTnomostrar{ visibility:hidden; height: 1px;}