	.total {
		width: 40px;
		text-align: center;
	}

	#diskon {
		width: 40px;
	}

	#kembalian {
		width: 100px;
	}

	#total {
		width: 100px;
	}

	table-striped, tbody, tr:nth-of-type(odd) {
		background-color: #f9f9f9;
		height: 5px;
	}

	table .absorbing-column {
		width: 100%;
	}

	.table>tbody>tr>td {
		padding: 0px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
	}

	#mdl {
		padding: 8px;
	}

	/*--cart--*/

	.my-cart-b {
		background: none;
		text-decoration: none;
		color: #029241;
		font-size: 1em;
		border: 2px solid #039445;
		border-radius: 50px;
		padding: 0.5em 1em;
		outline: none;
	}

	a:focus {
		outline: thin dotted;
		outline: none;
		outline-offset: -2px;
	}

	/* Sweep To Bottom */

	.my-cart-b {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.my-cart-b:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #039445;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		border-radius: 50px;
		border: 2px solid #039445;
	}

	.my-cart-b:hover, .my-cart-b:focus, .my-cart-b:active {
		color: white;
		background: none;
		border: 2px solid #039445;
		outline: none !important;
	}

	.my-cart-b:hover:before, .my-cart-b:focus:before, .my-cart-b:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

	/* Shutter In Vertical */

	.my-cart-btn1 {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		background-color: #FAB005;
		color: #fff;
		padding: 0.5em 1em;
		font-size: 1em;
		text-decoration: none;
		border: none;
	}

	.my-cart-btn1:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #029241;
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		border: none;
	}

	.my-cart-btn1:hover, .my-cart-btn1:focus, .my-cart-btn1:active {
		color: white;
		text-decoration: none;
		border: none;
		background: #FAB005;
		border-radius: 0;
	}

	.my-cart-btn1:hover:before, .my-cart-btn1:focus:before, .my-cart-btn1:active:before {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		text-decoration: none;
	}

	.col-m {
		padding: 1em;
		border: 4px solid #B2B2B2;
		height: 260px;
	}

	.pro-1 {
		margin-bottom: 2em;
	}

	/* red */

	.offerrd-img {
		position: relative;
		display: block;
	}

	.offerrd-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offerrd {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #ED0612;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offerrd p {
		background: #ED0612;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offerrd span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end red */

	/* blue  */

	.offerb-img {
		position: relative;
		display: block;
	}

	.offerb-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offerb {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #0446cc;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offerb p {
		background: #0446cc;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offerb span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end blue */

	/* green  */

	.offerg-img {
		position: relative;
		display: block;
	}

	.offerg-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offerg {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #039854;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offerg p {
		background: #039854;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offerg span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end green */

	/* yellow  */

	.offery-img {
		position: relative;
		display: block;
	}

	.offery-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offery {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #f7a017;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offery p {
		background: #f7a017;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offery span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end yellow */

	/* default */

	.offerd-img {
		position: relative;
		display: block;
	}

	.offerd-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offerd {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #212121;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offerd p {
		background: #212121;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offerd span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end default*/

	/* purple */

	.offerprp-img {
		position: relative;
		display: block;
	}

	.offerprp-img img {
		margin: 0 auto;
		width: 55%;
	}

	.offerprp {
		position: absolute;
		top: 8px;
		right: 5px;
		border: 2px solid #605ca8;
		height: 21px;
		border-radius: 100px 0 0 100px;
		padding: 2px;
	}

	.offerprp p {
		background: #605ca8;
		border-radius: 100px 0px 0px 100px;
		text-align: center;
		line-height: 0em !important;
		font-size: 0.9em !important;
		padding: 7px;
	}

	.offerprp span {
		color: #fff;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
	}

	/* end purple*/

	.modal-body {
		padding: 1em 1em 0em;
	}

	.modal-footer {
		margin-top: 0px;
	}

	div#my-cart-empty-message {
		margin: 0;
	}

	/*--cart--*/

	.my-cart-b {
		background: none;
		text-decoration: none;
		color: #029241;
		font-size: 1em;
		padding-right:20px;
		border: 2px solid #039445;
		border-radius: 50px;
		padding: 0.5em 1em;
		outline: none;
	}

	a:focus {
		outline: thin dotted;
		outline: none;
		outline-offset: -2px;
	}

	/* Sweep To Bottom */

	.my-cart-b {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.my-cart-b:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #039445;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		border-radius: 50px;
		border: 2px solid #039445;
	}

	.my-cart-b:hover, .my-cart-b:focus, .my-cart-b:active {
		color: white;
		background: none;
		border: 2px solid #039445;
		outline: none !important;
	}

	.my-cart-b:hover:before, .my-cart-b:focus:before, .my-cart-b:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.modal-dialog {
		width: 600px;
		height: 300px;
		margin: 30px auto;
		padding-bottom: 50px;
	}

	.modal-content {
		position: relative;
		padding-bottom: 30px;
	}
	
	.box box-warning kasir{
		height: 500px;
	}

	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
		padding-left: 130px;
	}

	#item-list{
		padding-top :50px;
	}