.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
main > .container {
    padding: 60px 15px 0;
}
.footer {
    background-color: #f5f5f5;
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
code {
    font-size: 80%;
}
.grid{   
   /*background-color: #FFFFFF;
   clear:both; 
   margin:0px;
   padding:0px;*/
   height: 450px;
   overflow: auto;
   text-align: center;
   /*width: 512px;*/
}

div#prueba{   
   height: 200px;
   overflow: auto;
   width:100%;
   /*width:2000px;*/
}

.corte{   
   /*background-color: #FFFFFF;
   clear:both; 
   margin:0px;
   padding:0px;*/
   height: 250px;
   overflow: auto;
   width:100%;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
#panel-oculto { 
    display: none; 
    position: fixed; 
    top: 0; 
    width: 75%; 
    height: 300px; 
    z-index: 1000; 
    background-color: #686666;
    color: #FFF;
    margin-left: auto;
    border-radius: 10px;
    padding-left: 5px;
}