body{
	background:#f1f1f1;
	font-family: 'Abel', sans-serif;
	font-size: 12px;
	color:#333;
}

*{

	-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 */      

}

.form-control{
	-webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
}

.btn-checkout{
	-webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
}
td{
	font-size: 1.2rem;
}

th{
	font-size:1.4rem;
}

.black-trans-btn{
	border-radius: 4px;
	transition: 0.5s;
	cursor: pointer;
}

.black-trans-btn:hover{
	background-color: rgba(255,255,255,0.15);
}


tbody>tr:hover{
	background-color: rgba(255,255,255,0.2) !important;
	transition: 0.5s;
}


.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{
	xpadding: .375rem .75rem;
	color: #5eb361 !important;
	font-size: 3.5rem;
	font-weight: bold;
	display: inline-block;
	cursor: default !important;
}

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


.actions{

	line-height: 2.2rem;
	text-align: right;
}
.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{

	padding: 0px;
}

.table{
	border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #FFF;

}

td:first-child, th:first-child{
	padding-left:25px;
}
@media (max-width: 900px) {
  html { font-size: 22px; }
}


.payment-ok 
{
	margin: auto;
	background-color:lime;
	width:3vh;
	height:3vh;
	margin-top: 1vh;
	border-radius:100%;
	box-shadow: 0px 0px 2vh #09b478, inset 0 0 1vh #03b252;
}

.payment-pending 
{
	margin: auto;
	background-color:crimson;
	width:3vh;
	height:3vh;
	margin-top: 1vh;
	border-radius:100%;
	box-shadow: 0px 0px 2vh #7e0717, inset 0 0 1vh #4d050e;
}

.bar-on 
{
	margin: auto;
	background-color:lime;
	width:3vh;
	height:3vh;
	margin-top: 1vh;
	border-radius:100%;
	box-shadow: 0px 0px 2vh #09b478, inset 0 0 1vh #03b252;
}

.bar-off 
{
	margin: auto;
	background-color:#e5c212;
	width:3vh;
	height:3vh;
	margin-top: 1vh;
	border-radius:100%;
	box-shadow: 0px 0px 2vh #c7950e, inset 0 0 1vh #9c6e0b;
}


	.cart-footer{
		position: fixed;
		bottom:0;
		width:100%;
		text-align: center;
		z-index:5;
		xborder-top:1px solid #ccc;
	}

	.total-price{
		position: fixed;
		top:0;
		width:100%;
		text-align: center;
		z-index:5;
	}

	.green-gradient-bg{
		background: rgb(110,222,108);
		background: linear-gradient(0deg, rgba(110,222,108,1) 0%, rgba(196,233,205,1) 100%);
		transition: 0.5s;
	}

	.green-gradient-bg:hover{
		background: rgb(132, 226, 130);
		background: linear-gradient(0deg, rgb(126, 223, 125) 0%, rgb(215, 238, 221) 100%);
	}

	.product-list, .summary-list{
		float:left;
		width:100%;
		xpadding:20px;
		background-color: #f1f1f1;
		
		margin-bottom: 11vh;
		transition: 0.5s;
		border-left: 1px solid rgba(0,0,0,0.03);
		border-right: 1px solid rgba(0,0,0,0.03);
	}

	.product-list.active{
		margin-top:19vh;
	}

	.product-list-item, .summary-list-item{
		width:100%;
		float: left;
		padding:3vh;
		border-bottom: 1px solid #ccc;
		xborder-left: 3px solid #5eb361;
		xborder-radius: 10px; 
		background-color: #FFF;
		transition: 0.5s;
	}

	.summary-customer{
		width:100%;
		float: left;
		padding:3vh;
		border-bottom: 1px solid #f1f1f1;
		border-bottom: 3px solid #5eb361;

		font-size:1.8rem;
		background-color: #FFF;
		xmargin-bottom: 1vh;
		margin-top: 19vh;
	}
	.product-list-item:hover, .summary-list-item:hover{
		background-color: rgba(0,0,0,0.01);
		
		xborder-bottom: 1px solid #484848;
	}

	.product-list-item>div, .summary-list-item>div{
		float:left;
	}


	.product-list-item-info, .summary-list-item-info{
		width:45%;
	}
	.product-list-item-name, .summary-list-item-name{

		font-size: 2.3rem;
		line-height: 2.5rem;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.product-list-item-size, .summary-list-item-size{

		font-size: 1.4rem;

		font-weight: normal;
		color: #787878;
	}

	.product-list-item-actions, .summary-list-item-actions{
		width:35%;
		text-align: right;
		font-size: 2rem;
		xpadding-top: 15px;
	}

	.product-list-item-img, .summary-list-item-img{
		width:15%;
		padding:5px;
		color: #333;
		font-size: 4rem;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 5rem;
	}

	.product-list-item-actions>i{
		color: #CCC !important;
		transition: 0.5s;
		cursor: pointer;
		width: 33%;
	}
	.product-list-item-actions>.quantity{
		width: 22%;
		text-align: center;
	}
	.product-list-item-actions>i:hover{
		color: #5eb361 !important;
		width: 33%;

	}

	.product-list-item-price, .summary-list-item-price{
		font-size: 2.1rem;
		width:50%;
		color: #787878;
	}



	.quantity{
		color: #333 !important;
		
	}