@font-face {
  font-family: "Share-TechMono";
  src: url("damas-dashboard/fonts/Share-TechMono.otf");
}

@font-face {
  font-family: "Liberation Mono";
  src: url("damas-dashboard/fonts/LiberationMono-Regular.ttf");
}

body {
	font-family: Arial, Helvetica, sans-serif;
	
}
table td.file,
table td.size,
table td.time,
table td.sync,
.time
{
	/*
	font-family: monospace;
    font-family: "Share-TechMono", monospace;
	*/
	font-family: "Liberation Mono", monospace;
	font-size: 10pt;
}

input {
	line-height: 1.5;
	padding: .3em .6em;
	border-radius: .2em;
	transition: .3s;
}

table th {
/*
	background: #0074d9;
*/
	color: #fff;
	padding: .3em 2ex .3em 2ex;
}


table th.sync {
	background: transparent;
	color: #000;
	padding: 0;
}

a {
/*
	color: #0074d9;
*/
	text-decoration: none;
	box-shadow: none;
	transition: all .3s;
}
/*
body * {
	font-size: 12px;
}
.editorTitle {
	padding: 1ex;
}
*/
.menubar a:hover {
/*
    background-color: black; 
    color: white;
	*/
	box-shadow: inset 0 0 0 99em rgba(255, 255, 255, 0.2);
}
.menubar a {
	border: 1px solid black;
    text-decoration: none;
	padding: 0 1ex;
/*
	color: black;
*/

	border: 0;
/*
	background: #0074d9;
	color: #fff;
*/
	padding: .3em .9em;
	border-radius: 0.2em;
	margin: .3em 0;
	transition: all .3s;
	cursor: pointer;
	line-height: 1.5;
	display: inline-block;
}
.menubar a.selected, .menubar .clickable.selected, .button:active, .button:focus {
	color: white;
	cursor: default;
	box-shadow: inset 0 0 0 99em rgba(255, 255, 255, 0.2)
}
#contents {
    padding: 0 1ex;
}
/*
#contents table tr {
	transition: opacity 2s;
}
#contents table td {
	transition-property: background;
	transition-duration: .1s;
}
*/
.layerContent table tbody:nth-child(odd) {
	background : rgba(128,128,128,.05);
}
.layerContent table tr:hover {
	background : rgba(128,128,128,.1);
	background-opacity:.1;
}

table.log td.time {
	width: 16ex;
	cursor: zoom-in;
}

table.log td.buttons span {
	margin: 0 0 0 .5ex;
	cursor: pointer;
	opacity: 0;
}
table.log td.buttons span.delete {
	opacity: 1;
}
table.log td.buttons span:hover {
	background: black;
	color: white;
}
table.log tr:hover td.buttons span {
	opacity: 1;
}

table.log tr.history td.time {
	cursor: zoom-out;
}

/*
table.log tr.history.first {
	border-top: 1px solid #666;
}
table.log tr.history.last {
	box-shadow: 0px -4px 2px -2px #888 inset;
	border-bottom: 1px solid #666;
}
*/