.nojs
{
 display:none;
}

.tab
{
  overflow-x:auto;
  width:100%;
}

.stroka2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.border
{
  border:1px solid gray;
  padding:10px;
  border-radius:10px;
  background-color:gray;
  max-width:480px;
  margin:2px;
}

xmp
{
  word-break: break-all;
  white-space: break-spaces;
}

.plashka
{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: stretch;
    background-color: #444444;
    padding: 10px;
    margin: 2px;
    border-radius: 5px;
    width:100%;
    max-width:500px;
    overflow:auto;
}

.padding10
{
  padding:10px;
}


::-webkit-scrollbar {
    cursor:none;
    width:12px;
    height:12px;
    background-color:black;
}

::-webkit-scrollbar-button
{
background-color:gray;
color:white;
height:0;
}

::-webkit-scrollbar-thumb {
  background-color: gray;
  border:3px solid black;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbbbbb; 
}

.doctypetag
{
  color:#7989dd !important;
}

.commenttag
{
  color:#64666d !important;
}

.valattr
{
  color:#9ee97e;
}

.nameattr
{
  color:#bde7dc;
}

.nametag,.tag
{
  color:#ebb51d;
}

.ravno
{
  color:white;
}




pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    font-family:Consolas;
    margin:0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; 
}

input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

*
{
  cursor:none;
}


#result
{
 width:100%;
}

#console
{
background-color:#222222;
height:100px;
}

.stroka
{
  display:flex;
}
.html
{
 border:1px solid black;
}

html
{
 position: fixed;
 height:100vh;
 width:100%;
 overflow-y:auto;
}


body
{
 margin:0;
 padding:15px;
 padding-bottom:0;
 font-family:Arial;
 overflow-x:hidden;
 background-color:#333333;
 color:white;
 height:100%;
}
.bl
{
 background-color:#222222;
 color:white;
}

.three1,.three2,.three3
{
  width:33.33%;
}
textarea
{
   height:200px;
   resize:none;
   width:100%;
   border:1px solid gray; 
   outline: none;
   padding:10px;
}

#html,#css,#js
{
   height:300px;
   resize:none;
   width:100%;
   border:1px solid gray; 
   outline: none;
   padding:10px;
   color:#222222;
   caret-color: white;
   overflow-y:auto;
}

#html::selection,#css::selection,#js::selection
{
   color:#3367d1;
   background-color:#3367d1;
}

#html2,#css2,#js2
{
   height:300px;
   resize:none;
   width:100%;
   border:1px solid gray; 
   outline: none;
   padding:10px;
   pointer-events: none;
   position:relative;
   margin-top:-300px;
   background-color:rgba(0,0,0,0);
   overflow-y:auto;
}


#footer
{

  padding:20px;

 background-color:#292929;

}


#console
{
overflow:auto;
}

#alert
{
  background-color:#dddddd;
  color:black;
}

.button
{
  background-color:#9bbee1;
  padding:3px;
  padding-left:20px;
  padding-right:20px;
  border-radius:5px;
  color:black;
  max-width:480px;
  text-align:center;
  border:0 none;
  width:100%;
}

.button:hover
{
  background-color:#c3daf1;
}

.button:disabled
{
  background-color:#555555;
}


.centertext
{
  text-align: center;
}

.center
{
display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}

input[type='text'],input[type='password'],input[type='email'],input[type='date'],input[type='number']
{
  border-radius:5px;
  border:0 none;
  padding:3px;
  padding-left:10px;
  padding-right:10px;
}

.nodecoration
{
  text-decoration:none;
}

.close
{
 color:red;
}

.white
{
  color:white;
}

.hidden
{
 display:none;
}

.spacebetween
{
 justify-content: space-between;
}

@media (max-width: 640px)
{
  #s1,#s2,#s3 {background-color:#555555;padding:5px;margin-right:1px;margin-left:4px;}
}

.padding2
{
 padding:2px;
}

.redcolor
{
 color:red;
}

.non
{
 position:fixed;
 left:0;
 top:0;
 display:none;
}

.simulate-password {
  -webkit-text-security: disc;
  -moz-text-security: disc;
  text-security: disc;
}