/************ Classes ************/
:root{
	--paneWidth: 33rem;
	--widePaneWidth: 40vw;
}
sl-drawer{
	/*--size:33rem;*/
	--size:100%;
	--body-spacing: 0.1rem;
}
/* Postick's button "delete" */
#notePane, #whiteboardPane{
	position: fixed;
	top: 0px;
	/*float: right;*/
	width: var(--paneWidth);
	height: 100%;
	right: 0;
	display:none;
	border: 1px solid #EDEBE9;
}

.widePane{
	width: var(--widePaneWidth) !important;
}

.delete {
	cursor:pointer;
	font-size:120%;
}


.postick {
	border:1px solid gray;
	min-width:250px;
	max-width:96%;
	padding:4px;
	/*font-size:85%;*/
	-moz-box-shadow:2px 2px 2px #999999;
	-webkit-box-shadow:2px 2px 2px #999999;
	box-shadow:2px 2px 2px #999999;
	z-index:999999;
  	overflow: auto;
}

.toolbar {
	text-align:right;
	font-weight:bold;
}

/* Content to be editable inside the postick */

.editable {
	cursor:pointer;
	height:90%;
	min-height:40px;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	position:relative;
	-moz-text-shadow: 1px 1px 0px white;
	text-shadow: 1px 1px 0px white;
}

.editable:hover {
	border:1px dotted gray;
}

.postick > img, .postick > details{
	max-width:96%
}

.editable summary{
	font-weight: bold;
	margin: -0.3em -.5em 0;
	padding: .5em .4em 0.5em;
}

.cornellTable {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}
 
.cornellTable td, .cornellTable th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}

.postick details[open] summary {
    pointer-events: none;
}