:root {
	--default-margin: 5px;
}

[contenteditable] {
    -webkit-user-select: text;
	user-select: text;
	cursor: auto !important;
}

div#pltsm-editor-container {
	display:grid;
	margin: 0;
	padding: 0;
	grid-template-rows: 2em 2em 75vh;
	grid-template-columns: 200px auto;
	box-sizing: border-box;
}

.pltsm-editor {
	box-sizing: border-box;
	font-family: "Gill Sans","Helvetica Neue",Helvetica,Optima,sans-serif;
	/* font-family: 'Courier New', Courier, monospace; */
	outline: none;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

.pltsm-editor-input {
	border: none;
	font-family: "Gill Sans","Helvetica Neue",Helvetica,Optima,sans-serif;
	padding: 2px 4px;
	cursor: pointer;
	border-radius: 5px;
	background-color:lightgrey;
	color: black;
	font-size: 10pt;
	display: inline-block;
}

.pltsm-editor-input:hover {
	background-color:darkgrey;
	color: white;
}


/* @media all and (max-width: 800px) {

	div#pltsm-editor-container {
		display:grid;
		margin: var(--default-margin);
		padding: 0;
		grid-template-rows: 70vh 20vh;
		grid-template-columns: auto;
		width: auto;
		background-color:#ddd ;
		box-sizing: border-box;
	}

	#pltsm-file-browser {
	  width: 100%;
	  margin-left: 0 !important;
	  min-width: 100%;
	  order: 2;
	}

	#pltsm-edit {
		margin-bottom: 200px;
	}
} */

#pltsm-upload-form {
	display: inline-block;
}

#pltsm-editor-menu {
	background-color: lightgrey;
	margin: 0;
	padding-left: var(--default-margin);
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	grid-column-start: 1;
	grid-column-end:   3;
}

.pltsm-menu-item {
	margin-right: var(--default-margin);
	border-radius: 2px;
	background-color: darkgray;
	text-align: center;
}

.pltsm-menu-item:hover {
	background-color: lightgrey;
}

#pltsm-editor-path-bar {
	margin: 0;
	padding-left: var(--default-margin);
	font-weight: 100;
	display: block;
	grid-column-start: 1;
	grid-column-end:   3;
	background-color: darkgrey;
}

a.pltsm-path-bar-element {
	color: #555;
	text-decoration: none !important;
	cursor: pointer;
	vertical-align: middle;
}

.pltsm-path-bar-element:hover {
	color: whitesmoke !important; 
	text-decoration: none !important;
}
/* #pltsm-page-path {
	margin: 0;
	font-weight: 100;
	font-size: 14px;
	display: block;
	grid-column-start: 1;
	grid-column-end:   4;
	background-color: lightpink;
}

#pltsm-folder-path {
	margin: 0;
	font-weight: 100;
	font-size: 14px;
	display: block;
	grid-column-start: 1;
	grid-column-end:   4;
	background-color: lightpink;
} */

#pltsm-edit {
	/* margin-bottom: var(--default-margin); */
	height: 100%;
}

#pltsm-edit-form {
	height: 100%;
}

textarea#pltsm-edit-source {
	resize: none;
	border: none;
	width: 100%;
	height: 100%;
	margin-bottom: var(--default-margin);
	box-sizing: border-box;
	font-family: 'Courier New', Courier, monospace;
	font-weight: 400;
	overflow: auto;
}

#pltsm-file-browser {
	height: 100%;
	display: flex;
	margin-right: var(--default-margin);
	-moz-user-select: none;
	-webkit-user-select: none;
	border-right: 1px solid lightgrey;
}

#pltsm-file-list {
	margin: 0 ;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

.pltsm-file-list-row {
	max-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
  	text-overflow: ellipsis;
	width: 100%;
}

.pltsm-file, .pltsm-dir {
	padding-left: var(--default-margin); 
}

.pltsm-file { 
	cursor: grab;
}

.pltsm-file-name {
	outline: none;

}

.pltsm-rm {
	display: none;
	float: right;
	cursor: pointer;
}

.pltsm-selected .pltsm-rm {
	display: initial;
}

.pltsm-selected > :first-child  {
	width: 50px !important;
}

/* .pltsm-file-name {
	display: inline-block;
	width: 20%;
} */

.pltsm-dir {
	font-weight: bolder !important;
	cursor: pointer;
}

.pltsm-del {
	text-align: right;
	float: right;
	width:10%;
}

.pltsm-file-list-row:hover {
	background-color: #ddd !important;
	text-overflow: clip;

} 

.pltsm-selected:hover {
	background-color: #aca !important;
}

.pltsm-selected {
	background-color: lightgreen !important;
	text-overflow: clip;
}

.pltsm-rename {
	background-color: lightgreen ;
}

.pltsm-warning {
	color: #fff !important;
}

.pltsm-error {
	color: #f00 !important;
}