.scroll-style::-webkit-scrollbar {
width: 9px;
}
.scroll-style::-webkit-scrollbar-thumb  {
background-color: #c3c3c3;
border-radius: 0;
}
.scroll-style::-webkit-scrollbar-track  {
background: transparent;
}


/*!
Theme: Tokyo-night-Dark
origin: https://github.com/enkia/tokyo-night-vscode-theme
Description: Original highlight.js style
Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
License: see project LICENSE
Touched: 2022
*/

/*  Comment */
.hljs-meta,
.hljs-comment {
color: #565f89;
}

/* Red */
/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
.hljs-tag,
.hljs-doctag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-template-tag,
.hljs-selector-pseudo,
.hljs-selector-attr,
.hljs-variable.language_,
.hljs-deletion {
color: #f7768e;
}

/*Orange */
/*INFO: Number and Boolean constants, Language support constants */
.hljs-variable,
.hljs-template-variable,
.hljs-number,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-link {
color: #ff9e64;
}


/*  Yellow */
/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
.hljs-built_in, 
.hljs-attribute {
color: #e0af68;
}
/* cyan */
/* INFO: Language support functions, CSS HTML elements */
.hljs-selector-tag {
color: #2ac3de;
}

/* light blue */
/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
.hljs-keyword,
.hljs-title.function_,
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-subst,
.hljs-property {color: #7dcfff;}

/*Green*/
/* INFO: Object literal keys, Markdown links, Terminal Green */
.hljs-selector-tag { color: #73daca;}


/*Green(er) */
/* INFO: Strings, CSS class names */
.hljs-quote,
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
color: #9ece6a;
}

/* Blue */
/* INFO:  	Function names, CSS property names, Terminal Blue */
.hljs-code,
.hljs-formula,
.hljs-section {
color: #7aa2f7;
}



/* Magenta */
/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
.hljs-name,
.hljs-keyword,
.hljs-operator,
.hljs-keyword,
.hljs-char.escape_,
.hljs-attr {
color: #bb9af7;
}

/* white*/
/* INFO: Variables, Class names, Terminal White */
.hljs-punctuation {color: #c0caf5}

.hljs {
background: #1a1b26;
color: #9aa5ce;
}

.hljs-emphasis {
font-style: italic;
}

.hljs-strong {
font-weight: bold;
}


body{
background:#e7e7e7;
word-break: break-all;
font-size: 13px;
}

label{
display: block !important;;
}
.titulo2-error{
color: black;
}


.div-error{
    background: white;
    padding: 27px 34px;
    border: 9px solid #c7c7c7;
    display: block;
    margin: 10% 0;
    font-family: sans-serif;
    word-break: break-word;
    border-radius: 15px;
}
.titulo-error{
color: darkslateblue;
}
@media (min-width: 768px) {
body{
font-size:initial;
}

.div-error{
padding: 79px;
}
}


.code-error{

margin-bottom: 0;
background: #22223b;
display: block;
padding: 30px;
}

.code-error .error{
color: black;
background: aliceblue;
padding: 1px 20px;
}

.code-error .error .hljs-number{
color:gray;
}

.f{
font-style: italic;
font-weight: 400;
color: gray;
}



.cl-1{
color: #009053;
}

.cl-2{
color: #933232;
}

.cl-3{
color: #d57b00;
}


.cl-4{
color: #6357c3;
}


.cl-5{
color: #6ba758;
}


.cl-6{
color: darkgray;
}


.cl-7{
color: darkgray;
}



.res{
background: #09063c;
color: white;
padding: 3px 19px;
}




body{
background:linear-gradient(45deg, #0e003570, #2c425094), url(../img/fondo.webp);
background-position: top;
}

.div-shell{
position: relative;
background: #04031b;
height: 35rem;
width: 100%;
margin: 0 auto;
margin-top: 5rem;
font-family: sans-serif;
word-break: break-word;
font-size: 11px;
color: white;
border-radius: 15px;
border-radius: 15px;
border:9px dashed #24224c;
overflow: hidden;
}

.font-bg1{
    background: gray;
    padding: 1px 11px;
}

.font-bg2{
    background: blueviolet;
    padding: 1px 11px;
}

.font-bg3{
    background: #384483;
    padding: 1px 11px;
}


.logo-shell{
width: 50%;
}

@media (min-width: 768px) {
.div-shell{
width: 70%;
font-size: initial;
}

.logo-shell{
width: 30%;
}

}


.div-shell .inp-new-clave{
padding: 1px 14px;
width: 26%;
outline: none;
border: none;
border-radius: 18px;
}


.div-shell .fm{
color: #c0a9ff;
}
.div-shell .pt{
color: #9decff;
margin: 1px 6px;
font-weight: 600
}





.div-shell a{
text-decoration: none;
}

.div-shell span{
display: block;
}

.div-shell .resp-command{
    padding: 28px;
    height:328px;
    overflow: auto;
}

.div-shell #form-shell{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 0;
border-top: 1px solid #4e4e4e;
background: #020412;
}



.div-shell .inp-shell, .div-shell .inp-shell-login    {
    display: flex;
}

.div-shell .inp-shell-login{
    margin: 0 auto;
    width: 90%;
    background: #0a0c1c;
    display: flex;
    border-bottom: 3px solid #434987;
}

.div-shell .t-sesion{
    font-size: 18px;
    color: #b9b9b9;
    letter-spacing: 2px;
    font-weight: 800;
}

.aviso{
    font-size: 16px;
}

.text-error{
    font-size: 16px;
    color: #9e98ff;
}
.div-shell .btn-lock{
    background: #910000;
    padding: 1px 10px;
    border: none !important;
    color: white !important;
    box-shadow: none !important;
}


.div-shell .btn-unlock{
    background: #656565;
    padding: 1px 10px;
    border: none !important;
    color: white !important;
    box-shadow: none !important;
}


@media (min-width: 768px) {
.div-shell .inp-shell-login{
    width: 42%;
}
.div-shell .t-sesion{
    font-size: 20px;
}
.aviso{
    font-size: 18px;
}
.div-shell .var-welcome img{
width: 75%;
}

}




.div-shell .btn-send{
background: transparent;
width: 51px;
font-size: 26px;
border: none;
color: white;
box-shadow: none;
}


.div-shell .inp-shell input, .div-shell .inp-shell input:focus, .div-shell .inp-shell-login input, .div-shell .inp-shell-login input:focus{
    border-radius: 0;
    background: transparent;
    border: none;
    color: white;
    box-shadow: none;
    padding: 12px 18px;
    padding-right: 53px;
}


.div-shell .inp-shell-login input, .div-shell .inp-shell-login input:focus{
    border: none;
}


.div-shell .inp-shell-login input:disabled{
    background: #141414;
    cursor: not-allowed;
}

.div-shell .mi-disp{
    background: #26194d;
    padding: 13px;
    border: 2px dashed gray;
}


.div-shell .lock{
padding: 13px;
border: 2px dashed gray;
background:#3f0000!important;
}


.div-shell .cl-1{
color: gray;
}

.div-shell .cl-2{
color: #d1b6ff;
}


.div-shell .cl-3{
color: #50ffd9;
}


.div-shell .cl-4{
color: #b93838;
}


.div-shell .cl-5 {
    color: #4bcf5b;
}

.div-shell .version{
    display: inline-block;
    border: 1px solid #5f5f5f;
    padding: 1px 9px;
    border-radius: 28px;
    margin-bottom: 8px;
}