/* The group of button and div to open screen logs */
.small-log {
    height: 3vh ;
    width: 30%;
    align-self: center;
    position: fixed;
    z-index: 100000; 
    bottom: 0px;  
    transition: height 0.3s ease, width 0.3s ease;
}
.expand-log {
    height: 27vh ;
    width: 100%;
    position: fixed;
    align-self: center;
    z-index: 100000; 
    bottom: 0px;  
    transition: height 0.3s ease, width 0.3s ease;
}

/* The button to open logs */
.small-log-btn{
    opacity: 0.95; 
    /* width: 100%;  */
}
.expand-log-btn{
    opacity: 0.95; 
    /* width: 100%;  */
}

/* The div containing log */
.log-div {
    background-color: white !important; 
    opacity: 0.95 !important;
}
.expand-log-div{
    height: 25vh;
    /* transition: height 0.3s ease; */

}
.small-log-div{
    height: 0vh;
    /* transition: height 0.3s ease; */
}

/* The page content */
.expand-page-content {
    height: 85vh;
    transition: height 0.3s ease;
}
.small-page-content {
    height: 65vh;
    transition: height 0.3s ease;

}

/* horizontal resizeable  */
.slider {
    text-align: center;
    letter-spacing: 5px;
    cursor: row-resize;
    user-select: none; /* disable selection */
    background-color: #adb5bd;
    height: 10px;
    line-height: 5px;
}

.slider-hide
{
    display: none;
}