<style type="text/css">
	body
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#white;
	}

	.indexing
	{
	counter-reset: Count-Value;
	}
	.indexing td:first-child:before
	{
	counter-increment: Count-Value;
	content:counter(Count-Value);
	}
	.switch
	{
	position: relative;
	display: inline-block;
	width: 55px;
	height: 25px;
	}

	.switch input
	{
	opacity: 0;
	width: 0;
	height: 0;
	}

	.slider
	{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	}

	.slider:before
	{
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	}

	input:checked + .slider
	{
	background-color: #3CBC8D;
	}

	input:focus + .slider
	{
	box-shadow: 0 0 1px #3CBC8D;
	}

	input:checked + .slider:before
	{
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round
	{
	border-radius: 25px;
	}
	
	.slider.round:before
	{
	border-radius: 60%;
	}
	
	#autoref
	{
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	background-color:#3CBC8D;
	color:white;
	padding:4px;
	width:200px;
	height:40px;
	border-radius:5px;
	}
	
	.link
	{
	padding: 10px 15px;
	background: transparent;
	border:#bccfd8 1px solid;
	border-left:0px;
	cursor:pointer;
	color:#607d8b;
	}
	
	.disabled
	{
	cursor:not-allowed;
	color: #bccfd8;
	}
	
	.currents
	{
	background-color:#bccfd8;		}
	
	.first
	{
	border-left:#bccfd8 1px solid;
	}
	
	#ename
	{
	background-color:#3CBC8D;
	color:#FFFFFF;
	border-radius:5px;
	}
	
	#colname
	{
	color:#3CBC8D;
	font-weight:bold;
	display:flex;
	align-items:center;
	}
	
	#cardv
	{
	color:#3CBC8D;
	font-weight:bold;
	font-size:20px;
	}
	
	#rolln
	{
	color:#0000FF;
	}


	
</style>