.simple-table{
	width: 100%;
	/* max-width: 900px; */
	margin-left: 10px;
	margin-top: 10px;
	/* box-shadow: 0 5px 5px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); */
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.simple-table td{
	border-bottom: 1px solid #ccc;
}

.simple-table thead tr th{
	background-color: #333;
	padding: 5px 10px !important;
    color: white;
}

.simple-table thead tr th.yellow{
    color: black;
}

.simple-table tr{
	background-color: white;
}

.simple-table.dark tr td{
	color: black;
	padding: 5px 10px !important;
}
.simple-table.dark tr td.delete{
	cursor: pointer;
}
.simple-table.dark tr td.delete:hover{
	color: red;
}

.simple-table.green tr th{background-color: green;}
.simple-table.purple tr th{background-color: purple;}
.simple-table.yellow tr th{background-color: #F6D106; color: black;}
.simple-table.white tr th{background-color: white; color: black;}
.simple-table.pink tr th{background-color: pink;}

.simple-table.orange tr th{background-color: orange;}
.simple-table.blue tr th{background-color: blue;}

.simple-table tr.highlight{background-color: lightYellow; }


.simple-table tr.selected:hover, .simple-table tr.selected.done:hover{
	background-color: black;
	color: white;
	opacity: 1;
}

.simple-table tr.selected, .simple-table tr.selected.done{
	background-color: black;
	color: white;
	opacity: 1
}

.simple-table.dark tr.selected td{
	color: white;
	opacity: 1
}

.simple-table.dark tr.selected.disabled{
	/* opacity: .2 */
	animation: opacityPulse 1s linear infinite;

}


.simple-table.dark tr.selected.current td {color: lightgreen !important;}

.simple-table tr.current{background-color: lightgreen;}
.simple-table tr.done td{background-color: #ddd; opacity: .7;  }
.simple-table tr.done td{cursor: default; text-decoration: line-through;}
.simple-table tr.done td:first-child{cursor: pointer; text-decoration: none}
.simple-table tr.current.selected, .simple-table tr.selected td{background: black;}


table.simple-table.highlight > tbody > tr:hover {
    /* background-color: lightblue; */
}

.simple-table td.highlight div{
	font-weight: bold;
	/* background-color: yellow;
	padding: 3px; */
}

.table-link{
	/* margin-bottom: -7px; */
}

.simple-table .even .row-select{
	border: 2px solid #ddd;
}
.simple-table .even{
	background-color: white;
}

.simple-table .odd .row-select{
	border: 2px solid #eee;
}

.simple-table .row-select{
	position: relative;
	/* top: 3px; */
	
    width: 20px;
    height: 20px;
    border-radius: 5px;
    font-weight: bold;
    line-height: 1.7;
}

.simple-table .selected .row-select{
	border: 2px solid black;
    background-color: black;
    /* color: #03a9f4; */
	color: black;
}