/**
* This is the default window and we will have to hide the pane (side)
*/
body {line-height: 1.5; font-weight:lighter; font-family:sans-serif;}
.main {height:98vh; display:grid; grid-template-columns:65% 35%; gap:4px;
    grid-template-rows:70px 40px auto 32px;
    padding-left:2%; padding-right:2%;
    }
    .main .header { display:grid; grid-template-columns:64px auto; gap:4px; align-items: center;}
    .main .header .title {font-size:28px; font-weight:bold}
    .main .header img {width:80px; height:80px;}
    .main .index{
        align-self:center;
        padding:8px;
    }
    .main .menu {border:1px solid transparent; background-color:#f3f3f3;}
    .main .pane {border-left:1px solid #CAD5E0; height:100%; padding:8px; line-height:1.5; font-size: 14px;}
    
    
    .search-box {display:block; grid-template-columns: none;}




.main .content{
    align-self:center;
}
.bold {font-weight:bold}
.small-text {font-size:12px; font-weight:lighter; color :#000000;}
.active {cursor:pointer; padding:2px; margin:2px; border-bottom:2px solid transparent}
.active:hover {border-bottom-color: #4682b4;}

/**
* 
*/
.large-text {font-weight:bold; font-size:28px;}