.bg-red {background-color: #f25961 !important;}
.bg-green {background-color: #31ce36 !important;}
.bg-blue {background-color: #1572e8 !important;}

.cl-red {color: #f25961 !important;}
.cl-green {color: #31ce36 !important;}
.cl-blue {color: #1572e8 !important;}
.cl-gray {color: #6c757d !important;}

.w10px {width: 10px;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w50px {width: 50px;}
.w60px {width: 60px;}
.w80px {width: 80px;}
.w100px {width: 100px;}
.w130px {width: 130px;}
.w150px {width: 150px;}
.w160px {width: 160px;}
.w250px {width: 250px;}

.w95pr {width: 95%;}
.w100pr {width: 100%;}

.h10px {height: 10px;}
.h20px {height: 20px;}
.h50px {height: 50px;}
.h60px {height: 60px;}
.h80px {height: 80px;}
.h100px {height: 100px;}
.h150px {height: 150px;}

.fs10px {
	font-size: 10px;
}

.cBody{
	height: calc(100vh - 120px) !important;
}

.line-through {
	text-decoration: line-through;
}


.itemName {
	font-weight: bold;
}

.itemNote {
	font-size: 0.875em;
}

.itemImg-sm {
	width: 100px;
	height: 100px;
}

.itemImg-xsm {
	width: 50px;
	height: 50px;
}

.no-border {
	border: 0px !important;
}

.qty-select {
	font-size: x-large;
}

.val_error {
	border-color: #f25961 !important;
    color: #f25961 !important;
}

#nav-menu-tab {
	background-color: transparent;
	color: #1572e8;
}

#nav-menu-tab.active {
	background-color: #1572e8 !important;
	color: white !important;
}

#nav-cart-tab {
	background-color: transparent;
	color: #31ce36;
}

#nav-cart-tab.active {
	background-color: #31ce36;
	color: white;
}

.bg {
	background-image: url("/img/bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.bg2 {
	background-image: url("/img/bg2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

.bottom-10 {
	bottom: 10%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}