* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
  width:100vw;
  height: 100vh;
  overflow: hidden;

}
div.ant-upload{ width: 100%; }
#mobile-label-toggle {display: none; }
.side-toggle .sidebar-toggle {display: none; }
.container {
	display: grid;
	grid-template-columns: auto 1fr 10em;
	grid-template-rows: 4rem 2.5rem calc(100vh - 8rem) 1.5rem;
	width: 100%;
	height: 100%;
	grid-template-areas:	'header header header' 
							'aside nav nav' 
							'aside section section' 
							'footer footer footer'; 
}

#main-header {grid-area: header;grid-column: 1/4;grid-row: 1/2;}
/*
aside {grid-area: "aside";grid-column: 1/2;grid-row: 2/4;}
#main-nav {grid-area: "nav";grid-column: 2/4;grid-row: 2/3;}
section {grid-column: 2/4;grid-row: 3/4;overflow-y: scroll;}
*/
#main-sidebar {grid-area: aside; display: flex;grid-column: 1/2;grid-row: 2/4;width:18em;
	transition-property: width;transition-duration: .3s;transition-timing-function: linear;transition-delay: 0s;}
#main-sidebar-resizer {width: 4px;background-color: silver;cursor: col-resize;}

#main-nav {grid-area: nav;grid-column: 2/4; grid-row: 2/3; }
#main-content {grid-area: section;grid-column: 2/4; grid-row: 3/4;overflow-y: scroll;}
#main-footer {grid-area: footer;grid-column: 1/4; text-align: center;}

#main-footer #footer-copyright {text-align: center;}

/*
#main-header {color: #ffffff;background-color: #2C3043;}
#main-nav {background-color: #1BC1A1;}
#main-sidebar {background-color: #FC6057;}
#main-content {background-color: #FDA061;}
#main-footer {background-color: #01A787;}
*/

/*
#main-header {color: #ffffff;background-color: rgba(44, 48, 67, .05);}
#main-nav {background-color: rgba(27, 193, 161, .05);}
#main-sidebar {background-color: rgba(252, 96, 87, .05);}
#main-content {background-color: rgba(253, 160, 97,.05)}
#main-footer {background-color: rgba(1, 167, 135, .05);}
*/

#main-sidebar .ces-sidebar-accordion {width: calc(100% - 4px);}

textarea {resize: none;}

/*
#mobile-side-toggle:checked ~ #main-nav #mobile-label-toggle {color: lightgreen;}
#desktop-side-toggle:checked ~ #main-nav #desktop-label-toggle {color: lightblue;}
*/

#sidebar-toggle.collapsed ~ #main-sidebar {width:1px;}

/*
#sidebar-toggle.collapsed ~ #main-sidebar {display: none;}
#sidebar-toggle.collapsed ~ #main-nav {grid-column: 1/4;grid-row: 2/3;}
#sidebar-toggle.collapsed ~ #main-content {grid-column: 1/4;grid-row: 3/4;}
*/

/*
#sidebar-toggle.collapsed.desktop ~ #main-sidebar {width:4em;}

#sidebar-toggle.collapsed.mobile ~ #main-sidebar {display: none;}
#sidebar-toggle.collapsed.mobile ~ #main-nav {grid-column: 1/4;grid-row: 2/3;}
#sidebar-toggle.collapsed.mobile ~ #main-content {grid-column: 1/4;grid-row: 3/4;}

#sidebar-toggle.collapsed.mobile ~ #mobile-label-toggle {display: unset;}
#sidebar-toggle.collapsed.mobile ~ #desktop-label-toggle {display: none;}
*/

/*
@media(min-width: 799px) {
	.desktop-collapsed ~ #main-sidebar {width:4em;}
}
@media screen and (max-width: 798px) {
	#mobile-label-toggle {display: unset;}
	#desktop-label-toggle {display: none;}
	#main-sidebar {display: none;}
	#main-nav {grid-column: 1/4;grid-row: 2/3;}
	#main-content {grid-column: 1/4;grid-row: 3/4;}
}
*/
#main-content .rave-document-3-rows {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 10rem 1rem calc(100% - 11rem);
	width: 100%;
	height: 100%;
	grid-template-areas:	'document-header' 
							'document-nav' 
							'document-panels'; 
	
}
.rave-document-3-rows .document-header {color: #ffffff;background-color:lightgreen;grid-area: document-header;grid-column: 1/2; grid-row: 1/2;}
.rave-document-3-rows .document-nav {color: #ffffff;background-color: lightblue;grid-area: document-nav;grid-column: 1/2; grid-row: 2/3;}
.rave-document-3-rows .document-body {color: #ffffff;background-color: lightcoral;grid-area: document-panels;grid-column: 1/2; grid-row: 3/4;overflow-y:scroll; height:100%;}