.contenedor_sh_java {
    display: flex;
    background-color: var(--colorfondo_sh_java);
    margin: 0px;
    padding: 0px;    
}

.enu_sh_java {
    background-color: var(--colorfondoenu_sh_java);
    width: 35px;
    color: var(--colorenu_sh_java);
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;    
    padding-right: 5px;
    margin: 0px;
}

.codigo_sh_java {
    width: calc(var(--anchocod) + 350px);
    overflow: auto;
    padding: 0px;
    margin: 0px;
    padding-left: var(--paddignleft);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    background-color: var(--colorfondo_sh_java) !important;
}

.contBotones_sh_java{
    display: flex;    
}


.bocultar_sh_java{
    padding: 10px;    
    font-size: 15px;    
    background-color: var(--colorfondodescarga_sh_java);
    color: var(--colordescarga_sh_java);    
    text-align: center;
    width: 25px;    
    border-right: 4px white solid;   
}

.bocultar_sh_java:hover {
    color: var(--colordescarga_sh_java);
    background-color: var(--colorfondodescargahover_sh_java);    
    cursor: pointer;
}

.bcopiar_sh_java{
    padding: 10px;    
    font-size: 15px;    
    background-color: var(--colorfondodescarga_sh_java);
    color: var(--colordescarga_sh_java);
    text-align: center;
    width: 25px;    
    border-right: 4px white solid;   
}

.bcopiar_sh_java:hover{
    color: var(--colordescarga_sh_java);
    background-color: var(--colorfondodescargahover_sh_java);    
    cursor: pointer;
}

.descargacf_sh_java {
    padding: 10px;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    background-color: var(--colorfondodescarga_sh_java);    
    color: var(--colordescarga_sh_java);
    display: block;    
    width:25px;     
}

.descargacf_sh_java:hover {
    color: var(--colordescarga_sh_java);
    background-color: var(--colorfondodescargahover_sh_java);
}

.descargacf_sh_java:link {
    color: var(--colordescarga_sh_java);
}

.msj_sh_java{
    padding: 10px;    
    font-size: 15px;        
    border-right: 4px white solid;       
}

.leyendacf_sh_java {
    padding: 4px;
    font-size: 15px;
    background-color: var(--colorfondoleyenda_sh_java);    
}

@media only screen and (max-width: 300px) {.codigo_sh_java { width: var(--anchocod); }}
@media only screen and (min-width: 301px) and (max-width:310px) {.codigo_sh_java { width: calc(var(--anchocod) + 10px); }}
@media only screen and (min-width: 311px) and (max-width:320px) {.codigo_sh_java { width: calc(var(--anchocod) + 20px); }}
@media only screen and (min-width: 321px) and (max-width:330px) {.codigo_sh_java { width: calc(var(--anchocod) + 30px); }}
@media only screen and (min-width: 331px) and (max-width:340px) {.codigo_sh_java { width: calc(var(--anchocod) + 40px); }}
@media only screen and (min-width: 341px) and (max-width:350px) {.codigo_sh_java { width: calc(var(--anchocod) + 50px); }}
@media only screen and (min-width: 351px) and (max-width:360px) {.codigo_sh_java { width: calc(var(--anchocod) + 60px); }}
@media only screen and (min-width: 361px) and (max-width:370px) {.codigo_sh_java { width: calc(var(--anchocod) + 70px); }}
@media only screen and (min-width: 371px) and (max-width:380px) {.codigo_sh_java { width: calc(var(--anchocod) + 80px); }}
@media only screen and (min-width: 381px) and (max-width:390px) {.codigo_sh_java { width: calc(var(--anchocod) + 90px); }}
@media only screen and (min-width: 391px) and (max-width:400px) {.codigo_sh_java { width: calc(var(--anchocod) + 100px);}}
@media only screen and (min-width: 401px) and (max-width:410px) {.codigo_sh_java { width: calc(var(--anchocod) + 110px);}}
@media only screen and (min-width: 411px) and (max-width:420px) {.codigo_sh_java { width: calc(var(--anchocod) + 120px);}}
@media only screen and (min-width: 421px) and (max-width:430px) {.codigo_sh_java { width: calc(var(--anchocod) + 130px);}}
@media only screen and (min-width: 431px) and (max-width:440px) {.codigo_sh_java { width: calc(var(--anchocod) + 140px);}}
@media only screen and (min-width: 441px) and (max-width:450px) {.codigo_sh_java { width: calc(var(--anchocod) + 150px);}}
@media only screen and (min-width: 451px) and (max-width:460px) {.codigo_sh_java { width: calc(var(--anchocod) + 160px);}}
@media only screen and (min-width: 461px) and (max-width:470px) {.codigo_sh_java { width: calc(var(--anchocod) + 170px);}}
@media only screen and (min-width: 471px) and (max-width:480px) {.codigo_sh_java { width: calc(var(--anchocod) + 180px);}}
@media only screen and (min-width: 481px) and (max-width:490px) {.codigo_sh_java { width: calc(var(--anchocod) + 190px);}}
@media only screen and (min-width: 491px) and (max-width:500px) {.codigo_sh_java { width: calc(var(--anchocod) + 200px);}}
@media only screen and (min-width: 501px) and (max-width:510px) {.codigo_sh_java { width: calc(var(--anchocod) + 210px);}}
@media only screen and (min-width: 511px) and (max-width:510px) {.codigo_sh_java { width: calc(var(--anchocod) + 220px);}}
@media only screen and (min-width: 511px) and (max-width:520px) {.codigo_sh_java { width: calc(var(--anchocod) + 230px);}}
@media only screen and (min-width: 521px) and (max-width:530px) {.codigo_sh_java { width: calc(var(--anchocod) + 240px);}}
@media only screen and (min-width: 531px) and (max-width:540px) {.codigo_sh_java { width: calc(var(--anchocod) + 250px);}}
@media only screen and (min-width: 541px) and (max-width:550px) {.codigo_sh_java { width: calc(var(--anchocod) + 260px);}}
@media only screen and (min-width: 551px) and (max-width:560px) {.codigo_sh_java { width: calc(var(--anchocod) + 270px);}}
@media only screen and (min-width: 561px) and (max-width:570px) {.codigo_sh_java { width: calc(var(--anchocod) + 280px);}}
@media only screen and (min-width: 571px) and (max-width:580px) {.codigo_sh_java { width: calc(var(--anchocod) + 290px);}}
@media only screen and (min-width: 581px) and (max-width:590px) {.codigo_sh_java { width: calc(var(--anchocod) + 300px);}}
@media only screen and (min-width: 591px) and (max-width:600px) {.codigo_sh_java { width: calc(var(--anchocod) + 310px);}}
@media only screen and (min-width: 591px) and (max-width:600px) {.codigo_sh_java { width: calc(var(--anchocod) + 310px); }}
@media only screen and (min-width: 601px) and (max-width:610px) {.codigo_sh_java { width: calc(var(--anchocod) + 320px); }}
@media only screen and (min-width: 611px) and (max-width:620px) {.codigo_sh_java { width: calc(var(--anchocod) + 330px); }}
@media only screen and (min-width: 621px) and (max-width:630px) {.codigo_sh_java { width: calc(var(--anchocod) + 340px); }}
@media only screen and (min-width: 631px) and (max-width:640px) {.codigo_sh_java { width: calc(var(--anchocod) + 350px); }}
@media only screen and (min-width: 641px) and (max-width:650px) {.codigo_sh_java { width: calc(var(--anchocod) + 360px); }}
@media only screen and (min-width: 651px) and (max-width:660px) {.codigo_sh_java { width: calc(var(--anchocod) + 370px); }}
@media only screen and (min-width: 661px) and (max-width:670px) {.codigo_sh_java { width: calc(var(--anchocod) + 380px); }}
@media only screen and (min-width: 671px) and (max-width:680px) {.codigo_sh_java { width: calc(var(--anchocod) + 390px); }}
@media only screen and (min-width: 681px) and (max-width:690px) {.codigo_sh_java { width: calc(var(--anchocod) + 400px); }}
@media only screen and (min-width: 691px) and (max-width:700px) {.codigo_sh_java { width: calc(var(--anchocod) + 410px); }}
@media only screen and (min-width: 701px) and (max-width:710px) {.codigo_sh_java { width: calc(var(--anchocod) + 420px); }}
@media only screen and (min-width: 711px) and (max-width:720px) {.codigo_sh_java { width: calc(var(--anchocod) + 430px); }}
@media only screen and (min-width: 721px) and (max-width:730px) {.codigo_sh_java { width: calc(var(--anchocod) + 440px); }}
@media only screen and (min-width: 731px) and (max-width:740px) {.codigo_sh_java { width: calc(var(--anchocod) + 450px); }}
@media only screen and (min-width: 741px) and (max-width:750px) {.codigo_sh_java { width: calc(var(--anchocod) + 460px); }}
@media only screen and (min-width: 751px) and (max-width:760px) {.codigo_sh_java { width: calc(var(--anchocod) + 470px); }}
@media only screen and (min-width: 761px) and (max-width:770px) {.codigo_sh_java { width: calc(var(--anchocod) + 480px); }}
@media only screen and (min-width: 771px) and (max-width:780px) {.codigo_sh_java { width: calc(var(--anchocod) + 490px); }}
@media only screen and (min-width: 781px) and (max-width:790px) {.codigo_sh_java { width: calc(var(--anchocod) + 500px); }}
@media only screen and (min-width: 791px) and (max-width:800px) {.codigo_sh_java { width: calc(var(--anchocod) + 510px); }}
@media only screen and (min-width: 801px) and (max-width:810px) {.codigo_sh_java { width: calc(var(--anchocod) + 520px); }}
@media only screen and (min-width: 811px) and (max-width:820px) {.codigo_sh_java { width: calc(var(--anchocod) + 530px); }}
@media only screen and (min-width: 821px) and (max-width:830px) {.codigo_sh_java { width: calc(var(--anchocod) + 540px); }}
@media only screen and (min-width: 831px) and (max-width:840px) {.codigo_sh_java { width: calc(var(--anchocod) + 550px); }}
@media only screen and (min-width: 841px) and (max-width:850px) {.codigo_sh_java { width: calc(var(--anchocod) + 560px); }}
@media only screen and (min-width: 851px) and (max-width:860px) {.codigo_sh_java { width: calc(var(--anchocod) + 570px); }}
@media only screen and (min-width: 861px) and (max-width:870px) {.codigo_sh_java { width: calc(var(--anchocod) + 580px); }}
@media only screen and (min-width: 871px) and (max-width:880px) {.codigo_sh_java { width: calc(var(--anchocod) + 590px); }}
@media only screen and (min-width: 881px) and (max-width:890px) {.codigo_sh_java { width: calc(var(--anchocod) + 600px); }}
@media only screen and (min-width: 891px) and (max-width:900px) {.codigo_sh_java { width: calc(var(--anchocod) + 610px); }}
@media only screen and (min-width: 901px) and (max-width:910px) {.codigo_sh_java { width: calc(var(--anchocod) + 620px); }}
@media only screen and (min-width: 911px) and (max-width:920px) {.codigo_sh_java { width: calc(var(--anchocod) + 630px); }}
@media only screen and (min-width: 921px) and (max-width:930px) {.codigo_sh_java { width: calc(var(--anchocod) + 640px); }}
@media only screen and (min-width: 931px) and (max-width:940px) {.codigo_sh_java { width: calc(var(--anchocod) + 650px); }}
@media only screen and (min-width: 941px) and (max-width:950px) {.codigo_sh_java { width: calc(var(--anchocod) + 660px); }}
@media only screen and (min-width: 951px) and (max-width:960px) {.codigo_sh_java { width: calc(var(--anchocod) + 670px); }}
@media only screen and (min-width: 961px) and (max-width:970px) {.codigo_sh_java { width: calc(var(--anchocod) + 680px); }}
@media only screen and (min-width: 971px) and (max-width:980px) {.codigo_sh_java { width: calc(var(--anchocod) + 690px); }}
@media only screen and (min-width: 981px) and (max-width:990px) {.codigo_sh_java { width: calc(var(--anchocod) + 700px); }}
@media only screen and (min-width: 991px) and (max-width:1000px) {.codigo_sh_java { width: calc(var(--anchocod) + 710px); }}
@media only screen and (min-width: 1001px) and (max-width:1010px) {.codigo_sh_java { width: calc(var(--anchocod) + 720px); }}
@media only screen and (min-width: 1011px) and (max-width:1020px) {.codigo_sh_java { width: calc(var(--anchocod) + 730px); }}
@media only screen and (min-width: 1021px) and (max-width:1030px) {.codigo_sh_java { width: calc(var(--anchocod) + 740px); }}
@media only screen and (min-width: 1031px) and (max-width:1040px) {.codigo_sh_java { width: calc(var(--anchocod) + 750px); }}
@media only screen and (min-width: 1041px) and (max-width:1050px) {.codigo_sh_java { width: calc(var(--anchocod) + 760px); }}
@media only screen and (min-width: 1051px) and (max-width:1060px) {.codigo_sh_java { width: calc(var(--anchocod) + 770px); }}
@media only screen and (min-width: 1061px) and (max-width:1070px) {.codigo_sh_java { width: calc(var(--anchocod) + 780px); }}
@media only screen and (min-width: 1071px) and (max-width:1080px) {.codigo_sh_java { width: calc(var(--anchocod) + 790px); }}
@media only screen and (min-width: 1081px) and (max-width:1090px) {.codigo_sh_java { width: calc(var(--anchocod) + 800px); }}
@media only screen and (min-width: 1091px) and (max-width:1100px) {.codigo_sh_java { width: calc(var(--anchocod) + 810px); }}
@media only screen and (min-width: 1101px) and (max-width:1110px) {.codigo_sh_java { width: calc(var(--anchocod) + 820px); }}
@media only screen and (min-width: 1111px) and (max-width:1120px) {.codigo_sh_java { width: calc(var(--anchocod) + 830px); }}
@media only screen and (min-width: 1121px) and (max-width:1130px) {.codigo_sh_java { width: calc(var(--anchocod) + 840px); }}
@media only screen and (min-width: 1131px) and (max-width:1140px) {.codigo_sh_java { width: calc(var(--anchocod) + 850px); }}
@media only screen and (min-width: 1141px) and (max-width:1150px) {.codigo_sh_java { width: calc(var(--anchocod) + 860px); }}
@media only screen and (min-width: 1151px) and (max-width:1160px) {.codigo_sh_java { width: calc(var(--anchocod) + 870px); }}
@media only screen and (min-width: 1161px) and (max-width:1170px) {.codigo_sh_java { width: calc(var(--anchocod) + 880px); }}
@media only screen and (min-width: 1171px) and (max-width:1180px) {.codigo_sh_java { width: calc(var(--anchocod) + 890px); }}
@media only screen and (min-width: 1181px) and (max-width:1190px) {.codigo_sh_java { width: calc(var(--anchocod) + 900px); }}
@media only screen and (min-width: 1191px) and (max-width:1200px) {.codigo_sh_java { width: calc(var(--anchocod) + 910px); }}
/*hasta 1200*/

/*de 1201 a  1280 hay un cambio*/
@media only screen and (min-width: 1201px) and (max-width:1210px) {.codigo_sh_java { width: calc(var(--anchocod) + 310px); }}
@media only screen and (min-width: 1211px) and (max-width:1220px) {.codigo_sh_java { width: calc(var(--anchocod) + 320px); }}
@media only screen and (min-width: 1221px) and (max-width:1230px) {.codigo_sh_java { width: calc(var(--anchocod) + 330px); }}
@media only screen and (min-width: 1231px) and (max-width:1250px) {.codigo_sh_java { width: calc(var(--anchocod) + 340px); }}
/* @media only screen and (min-width: 1241px) and (max-width:1250px) {.codigo { width: calc(var(--anchocod) + 340px); }} */
@media only screen and (min-width: 1251px) and (max-width:1280px) {.codigo_sh_java { width: calc(var(--anchocod) + 350px); }}
/* @media only screen and (min-width: 1261px) and (max-width:1270px) {.codigo { width: calc(var(--anchocod) + 350px); }} */
/* @media only screen and (min-width: 1271px) and (max-width:1280px) {.codigo { width: calc(var(--anchocod) + 350px); }} */