.codigofuente {background-color:white}
.navbar {margin-bottom:0}
.eti {color:#000000; font-weight:bold;}
.eje {color:#000000; font-family:console;font-weight:bold;}
.salida { border: 1px solid silver;font-size:12px}
.salida-txt {font-size:10px}
pre{
    font-size:12px;
}
.practica a{
    font-size:12px;
}
li .pestanya{
    font-size:12px !important;
}

.botones { margin-right:2px;}
.pnl-container {
display: flex;
         flex-direction: row;
border: 1px solid silver;
overflow: hidden;
padding: 4px;

         /* avoid browser level touch actions */
         xtouch-action: none;
}
 .ui-resizable-helper { border: 2px dotted cyan; }
.pnl-explorer {
    flex: 0 0 auto;
    min-height: 200px;
    min-width: 150px;
    max-width: 200px;
    background: #fff;
}
.pnl-practica {
    flex: 1 1 auto;
    /* only manually resize */
    padding-right: 16px;
    padding-left: 16px;
    width: 40%; 
    min-height: 250px;
    min-width: 250px;
    white-space: nowrap;
    background: #fff;
    color: white;
}
.splitter {
    flex: 0 0 auto;
    width: 6px;
    background: silver;
    min-height: 200px;
    cursor: col-resize;
}
.pnl-teoria {
    flex: 0 0 auto;
    /* resizable */
    padding-right: 4px;
    padding-left: 4px;
    width: 60%;
    min-height: 200px;
    min-width: 200px;
    background: #fff;
    max-width:70%;
}

label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.8em; margin: .6em 0; }
h2 { font-size: 1.2em; margin: .6em 0; color: #337ab7; }
h3 { font-size: 1.0em; margin: .6em 0; font-weight:bold }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.waiting { background-color:red; }
.panel-title { font-size:13px;}
.panel-heading {padding:2px}
.panel-body { font-size:12px;
    min-height: 400px; max-height: 400px;overflow-y: auto;
}
.filexplorer { padding: 4px; border: 1px solid silver;
overflow: auto;
}
.file-upload {
visibility:hidden;
padding: 4px; border: 1px solid silver;
}
.consola {
  padding: 4px; border: 1px solid silver;
  border-radius: 0;
  color:#222222;
  font-size:12px !important;
}
.close {
    color: #cccccc; 
    border:0;
    background-color:#ffffff;
    opacity: 1;
    text-shadow:none;
    font-size:18px;
    outline: 0;
    box-shadow:none;
}
.close:hover {
    color: red; 
    border:0;
    background-color:#ffffff;
    opacity: 1;
    text-shadow:none;
    font-size:18px;
 }
/* Tabs */
.nav-tabs { border: 1px solid silver; color:#000000; background-color: #ffffff; }
.tab-content { border: 1px solid silver; background-color: #ffffff; }
.nav-tabs > li > a{ border: medium none; }
.nav-tabs>li { float: none; line-height:1.5; }

.nav-tabs > li.active > a{ background-color: #337ab7!important; border: medium none; border-radius: 0; color:#ffffff !important; font-size: 10pt; padding: 2px 2px 2px 2px; }
.nav-tabs > li.active > a:hover{ background-color:#337ab7 !important; border: medium none; border-radius: 0; color:#ffffff !important; font-size: 10pt; padding: 2px 2px 2px 2px; }
.nav-tabs > li > a:hover{ background-color:#fff !important; border: medium none; border-radius: 0; color:#000000 !important; font-size: 10pt; padding: 2px 2px 2px 2px; }
.nav-tabs > li > a{ background-color: #fff!important; border: medium none; border-radius: 0; color:#000000; font-size: 10pt; padding: 2px 2px 2px 2px; }
.nav-tabs { overflow-x: auto; overflow-y: hidden; display: -webkit-box; display: -moz-box; }

[contenteditable] {
border: solid 1px black;
padding: 5px;
         border-radius: 0px;
}
.titedit {
    background-color: #ffffff;
}
.titedit :hover{

    background-color: #ff36ff;
}
.mipanel { padding: 2px;
    font-size:12px;
}

/*opciones de menu desactivadas */
.disabled {
    pointer-events: none;
cursor: default;
        font-style: italic;
color: #cccccc !important;
}
.selectfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
          z-index: -1;
}
.selectfile + label {
color:black;
      background-color: #cccccc;
display: inline-block;
padding: 0px;
}

.selectfile:focus + label,
    .selectfile + label:hover {
        background-color: #286090;
    }
.selectfile + label {
cursor: pointer; /* "hand" cursor */
}
.selectfile:focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.selectfile + label * {
    pointer-events: none;
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
.consola {font-size:14px; }
.panel-title { font-size:16px;}
.panel-body { font-size:14px;}
pre{ font-size:14px; }
.practica a{ font-size:12px; }
UL.jqueryFileTree {font-size:12px; }
li .pestanya{ font-size:12px !important; }
}
/* ipads */
@media only screen 
  and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
      and (-webkit-min-device-pixel-ratio: 2) {
.consola {font-size:14px; }
.panel-title { font-size:16px;}
.panel-body { font-size:14px;}
pre{ font-size:14px; }
.practica a{ font-size:12px; }
UL.jqueryFileTree {font-size:12px; }
li .pestanya{ font-size:12px !important; }
.pnl-teoria {width:50%;}

      }