body{
	background:#1a1a1a;
	font-family: 'Abel', sans-serif;
	font-size: 12px;
	color:#FFF;
}

*{

	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      

}
td{
	font-size: 1.2rem;
}

th{
	font-size:1.4rem;
}

.table td, .table th {
	border-top: none !important;
}

.npad{
	padding: 0 !important;
}

.topbtn{
	text-align:center !important;
	cursor: pointer;
	transition: 0.5s;
	background-color: #333;
}

.topbtn:hover{
	background-color: #5eb361;
}

.btn-green{
	background-color: #5eb361;
	outline: none !important;
	border: none !important;
	cursor: pointer;
	color: #FFF;
	transition: 0.5s;
	box-shadow: none !important;
	font-size: 1.3rem;
}

.btn-grey{
	background-color: #333;
	outline: none !important;
	border: none !important;
	cursor: pointer;
	color: #FFF;
	transition: 0.5s;
	box-shadow: none !important;
	font-size: 1.3rem;
}

.btn-grey:hover{
	background-color: rgba(250, 100, 100,0.6);
	color:#fff;
}


.btn-green:hover{
	background-color: #aed9af;
	color:#333;
}

.btn-flat{
	outline: none !important;
	border: none !important;
	background-color: rgba(0,0,0,0);
	cursor: initial !important;
	box-shadow: none !important;
	
}

.quantity{
	padding: .375rem .75rem;
	color: #5eb361 !important;
	font-size: 1.8rem;
	font-weight: bold;
	display: inline-block;
	cursor: default !important;
}

.quantity:hover{
	color: #5eb361 !important;
}


.actions{
	text-align: center;
	line-height: 2.2rem;
}
.actions>.fas{

	padding: .375rem .75rem;
	font-size: 2.2rem;
	color: #787878;
	outline: none !important;
	border: none !important;
	cursor: pointer;
	transition: 0.5s;
	box-shadow: none !important;
}
.actions>.fas:hover{
	color: #5eb361;
}

.main-content{

}

td:first-child, th:first-child{
	padding-left:1vh;
}