body 
{
    margin: 0px;
    padding: 0px;
}

.container 
{
    height: 100vh;
    width: 100vw;
    margin:0px;
    padding:0px;
    border-style: none;
}
  
.top_container 
{
    position:fixed;
    top: 0px;
    left: 0px;
    right:0px;
    height: 100px;
    background-color:#4c5b80;
    margin:0px;
    padding:0px;
    border-style: none;
}
  
.middle_container 
{
    position: fixed;
    top: 100px;
    left: 0px;
    bottom: 80px;
    right: 0px;
    background-color: #FFFFFF;
    margin:0px;
    padding:0px;
    border-style: none;
}
 
.middle-left_container 
{
    position: fixed;
    top: 100px;
    left: 0px;
    bottom: 80px;
    width: 220px;
    background-color: #eef0f6;
    margin:0px;
    padding:0px;
    border-style: none;
}



.middle-right_container 
{
    position: fixed;
    top: 100px;
    left: 220px;
    right: 0px;
    bottom: 80px;
    background-color: #ffffff;
    margin:0px;
    padding:0px;
    border-style: none;
    overflow-y: auto;
}

@media (max-width: 600px) 
{
    .middle-left_container 
    {
        display: none;
    }
    .middle-right_container
    {
        left: 0px;
        right: 0px;
        width: 100%;
    }
}


.bottom_container 
{   
    position: fixed;
    height: 80px;
    bottom: 0px;
    left: 0px;
    right:0px;
    background-color:#303030;
    margin:0px;
    padding:0px;
    border-style: none;
}

.bottom_container_mobile
{   
    position: fixed;
    bottom: 0px;
    left: 0px;
    right:0px;
    background-color:#303030;
    margin:0px;
    padding:0px;
    border-style: none;
}