:root {
	--blue: #07B1D8;
	--green: #8FC645;
	--purple: #874B9C;
	--red: #EA242B;
	--primary: #874B9C;
	--primary-hover: #874B9C;
	--secondary: #07B1D8;
	--secondary-hover: #07B1D8;
	--success: #8FC645;
	--success-hover: #8FC645;
	--white: #ffffff;
	--black: #000000;
	--font-body: "Open Sans", sans-serif; 
	--font-body-weight: 400;
	--font-heading: 'Indie Flower', cursive; 
	--font-heading-weight: 400;
	--border-radius-size: 0px;
	--padding-with-border-radius: .75rem 1.25rem; 
}

body{
	font-size:.9rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #333;
	overflow-x:hidden;


	/* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1600 900'%3E%3CradialGradient id='a' cx='798.937' cy='450.139' r='648.91' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23bfe5fb'/%3E%3Cstop offset='1' stop-color='%237ac9f1'/%3E%3C/radialGradient%3E%3Cpath fill='%23bfe5fb' stroke='url(%23a)' stroke-miterlimit='10' d='M-.4.8h1598.7v898.7H-.4z'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='b' d='M-.4-.5h1600v900H-.4z'/%3E%3C/defs%3E%3CclipPath id='c'%3E%3Cuse xlink:href='%23b' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3CradialGradient id='d' cx='844.161' cy='899.351' r='1336.111' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23bfe5fb'/%3E%3Cstop offset='1' stop-color='%237ac9f1'/%3E%3C/radialGradient%3E%3Cpath d='M843.3 2235.9c-11.9 0-24.1-.2-36.1-.5l36.3-1336.1c17.8.5-17.3 1.4 0 0l105.2 1332.4c-34.9 2.8-70.3 4.2-105.4 4.2zm-177.8-11.8c-47-6.3-94.1-15.1-140.1-26.3l318-1298.5c16.6 4.1-17-2.3 0 0L665.5 2224.1zm424.3-11L843.5 899.3c16.8-3.1-16.4 4.9 0 0l384.9 1280.1c-45.4 13.7-92 25-138.6 33.7zm-701-56.6c-44.6-16.1-88.8-34.8-131.4-55.6l586-1201.6c15.4 7.5-16.1-5.8 0 0L388.8 2156.5zm973.8-25.4L843.5 899.3c15.8-6.7-15 8.3 0 0l647.3 1169.5c-41.5 23-84.6 43.9-128.2 62.3zM133 2031.7c-40-25.1-79.1-52.7-116.3-82L843.5 899.3c13.6 10.7-14.6-9.2 0 0L133 2031.7zm1478.3-38.4l-767.8-1094c14.1-9.9-13 11.4 0 0l879.7 1006.1c-35.6 31.2-73.3 60.7-111.9 87.9zM-90.1 1856c-33.8-33-66.2-68.1-96.3-104.5L843.5 899.3c11 13.3-12.4-12.1 0 0L-90.1 1856zm1915-49.6L843.5 899.3c11.7-12.7-10.3 13.9 0 0L1915.7 1697c-28.1 37.9-58.7 74.7-90.8 109.4zm-2096.1-169c-26.2-39.4-50.5-80.7-72.2-122.7L843.5 899.3c7.9 15.2-9.5-14.4 0 0l-1114.7 738.1zm2265.8-58.9L843.5 899.3c8.8-14.8-7.1 15.6 0 0l1216.9 552.8c-19.6 43.1-41.7 85.7-65.8 126.4zm-2396.8-193.6c-17.2-44.2-32.2-89.8-44.6-135.5l1290.3-350c4.5 16.5-6.2-15.9 0 0l-1245.7 485.5zm2514.6-65.6l-1268.9-420c5.4-16.2-3.6 16.7 0 0l1306.4 282.2c-10 46.4-22.6 92.8-37.5 137.8zm-2589.1-209.4c-7.4-46.6-12.4-94.1-14.8-141.4l1335-69.2c.9 17.3-2.7-17 0 0l-1320.2 210.6zm2649.1-68.9L843.5 899.3c1.8-17.2 0 17.5 0 0 0-17.1 1.7 16.8 0 0l1329.3-138.4c4.7 45.7 7.1 92.3 7.1 138.4-.1 47.3-2.6 94.9-7.5 141.7zM843.5 899.3l-1334.8-72.4c2.5-47.2 7.6-94.8 15.1-141.4L843.5 899.3c-2.8 17 .9-17.3 0 0zm0 0c-3.6-16.7 5.3 16.3 0 0l1270-416.8c14.8 45 27.3 91.4 37.1 137.7L843.5 899.3zm0 0L-446 546.2c12.5-45.7 27.6-91.3 45-135.4L843.5 899.3c-6.3 16 4.5-16.5 0 0zm0 0c-7.1-15.6 8.7 14.8 0 0L1996.3 223c24 40.8 46 83.4 65.5 126.5L843.5 899.3zm0 0L-341.8 281c21.9-41.9 46.3-83.1 72.6-122.5L843.5 899.3c-9.6 14.4 7.9-15.2 0 0zm0 0c-10.3-13.9 11.7 12.8 0 0L1827.3-5.2c32 34.8 62.4 71.6 90.5 109.5l-1074.3 795zm0 0L-184.2 44.5C-154 8.2-121.5-26.8-87.6-59.7l931.1 959c-12.5 12.1 11-13.3 0 0zm0 0c-13-11.4 14.1 10 0 0l770.7-1091.9c38.6 27.3 76.1 56.9 111.6 88.1L843.5 899.3zm0 0L19.4-153.1c37.2-29.2 76.4-56.6 116.4-81.6l707.7 1134c-14.6 9.2 13.6-10.6 0 0zm0 0c-15-8.3 15.7 6.7 0 0l522.2-1230.5c43.6 18.5 86.7 39.6 128 62.7L843.5 899.3zm0 0l-583-1203C303.1-324.4 347.4-343 392-359L843.5 899.3c-16.1 5.8 15.4-7.4 0 0zm0 0c-16.4-4.9 16.8 3.2 0 0L1093-413.8c46.6 8.8 93.2 20.3 138.5 34l-388 1279.1zm0 0L528.7-399.9c46-11.1 93.1-19.9 140.1-26L843.5 899.3c-17.1 2.3 16.6-4 0 0zm0 0c-17.3-1.4 17.5-.4 0 0L810.3-436.8c47.2-1.1 94.8.2 141.6 4L843.5 899.3z' fill='url(%23d)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
	background-image: url("/assets/images/new-background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

img {
	max-width: 100%;
}

a.overlay{
   position: absolute;
   top:0px;
   left:0px;
   height:100%;
   width:100%; 
}

a:hover {
	text-decoration: none;
}

.container{
   max-width:1200px;
}
/*  ----------------------------------------------------------	*/
/*  					Sticky Footer 	 						*/
/*  ----------------------------------------------------------	*/




/* ---------------------------------------------------- */
/* 						Styling							*/
/* ---------------------------------------------------- */
.bg-blue {
	background: #35A7FF;
}

.bg-yellow {
	background: #FFE74C;
}

.bg-red {
	background: #FF5964;
}

#contentWrapper {
	background: #F7F7F7;
}

.error, .hasError{
	border: 1px solid #db2b25;
}

input.error, .hasError{
	border: 1px solid #db2b25;
}

/*  ----------------------------------------------------------	*/
/*  				Payment Sense Overrides 	 				*/
/*  ----------------------------------------------------------	*/
/* For Payment Sense they override the button styling and there's no way to add our btn btn-primary class to it. Set styling here (the same as your .btn and .btn-primary class) - you will need to !important nearly all styling in .conntect-btn class */
.connect-btn{
	background-color: var(--primary) !important;
	border: var(--primary) !important;
	border-radius: var(--border-radius-size) !important;
	color: #FFF !important;
	height: ;
	margin: 0px !important;
	width: 100% !important;
	font-family: var(--font-heading);
	font-weight: var(--font-heading-weight);
}

/* adds padding around the pay button to the payment sense button element */
.connect-container .footer{
	text-align:center;
	padding: 15px;
}

/* Make the form fields / google pay button width of container */
.connect-container iframe{
	width: 100%;
}


.btn{
	border-radius: 0px;
	padding-left:25px;
	padding-right:25px;
	font-family: 'Indie Flower', cursive; 
	font-weight: 400;
	-webkit-transition: .4s;
	transition: .4s;
	position: relative;
	font-size: .9rem;
	font-weight: bold;
}

.btn.disabled, .btn:disabled {
	pointer-events: none;
	background-color: rgb(133, 133, 133) !important;
	border-color: rgb(133, 133, 133) !important;
	color: #fff !important;
}

.card .btn, .modal-body .btn{
	/*box-shadow:none;*/
}

.btn:hover{
    cursor:pointer;
}
.btn-sm{
	
}

.btn-lg{
	
}

.btn-primary{
	background: #874B9C;
	border-color:  #874B9C;
	color: #fff;
}

.btn-primary:hover, .btn-primary:active {
	background: #a062b6 !important;
	border-color:  #a062b6 !important;
	color: #fff !important;
}

.btn-primary.active {
	background: #F57E48 !important;
	border-color:  #F57E48 !important;
}

/* Red */
.btn-secondary{
	background-color:#07B1D8;
	border-color: #07B1D8;
	color: #FFFFFF;
}

.btn-secondary:hover{
	background-color: #2b78a8;
	border-color: #2b78a8;
	color:#FFFFFF;
}

.btn-secondary.active {
	background-color: #fff !important;
	border-color: #2b78a8 !important;
	color:#2b78a8 !important;
}

.btn-red {
	background-color: #EA242B !important;
	border-color: #EA242B !important;
	color:#fff !important;
}
.btn-red:hover {
	background-color: #e63f44 !important;
	border-color: #e63f44 !important;
	color:#fff !important;
}

.btn-outline-secondary{
	color: #07B1D8;
	border-color:  #07B1D8;
    box-shadow: none;
    text-shadow: none;
}

.btn-outline-secondary:hover{
    border-color: #07B1D8;
    background-color: #07B1D8;
    color: #fff;
}

/* Other */

.btn.btn-order{
    background-color: #849aa5;
    border-color: #849aa5;
    color: #fff;
}

.btn-white{
	background-color: #FFFFFF;
	border-color:  #333333;
	color: #333333;
}

.btn-number{
	background: #FFF;
	text-decoration: none;
	line-height: 20px;
	border: 1px solid #333333;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .6px;
	color: #333333;
	text-align: center;
	height: 60px;
	width: 60px;
	padding-top: 6px;
}

.btn-number.disabled{
	color: #dfe0e2;
	border: 1px solid #dfe0e2;
	pointer-events: none;
}

.btn-orange{
    background-color: #e7b255;
    border-color: #e7b255;
    color: #fff;
}

.btn-pgreen{
    color: #fff;
    background-color: #739e83;
    border-color: #739e83;
}

/***************/

/* .dropdown-toggle::after {
    display: inline-block;
	opacity:0.8;
	vertical-align:middle;
    margin-left: .5em;
    content: "";
	height: 15px;
	width: 15px;
	border:0px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	background-image: url(/assets/images/icon-chevron-down.svg);
	filter: brightness(0.8);
}

.sticky .dropdown-toggle::after {
	filter: brightness(0.2);
} */


select.form-control{
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-right: 25px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 5px top 50%;
}

.input-group .form-control {
	height: unset;
}

/* The switch - the box around the slider */
.toggleSwitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.toggleSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.toggleSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggleSlider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .toggleSlider {
	/*background-color: #b2cb08;*/
    background-color: #16A5DC;
}

input:focus + .toggleSlider {
	box-shadow: 0 0 1px #b2cb08;
}

input:checked + .toggleSlider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.toggleSlider.round {
	border-radius: 34px;
}

.toggleSlider.round:before {
	border-radius: 50%;
} 

input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.qty[type=number] {
	-moz-appearance: textfield;
	width: 64px;
	flex-grow: 0;
	line-height:40px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 42px;
}

.btn.qtyminus, .btn.qtyplus{
	padding:0px;
	padding-left: 10px;
	padding-right:10px;
	min-width:40px;
	font-size:24px;
	line-height:40px;
}

.btn-disabled{
	opacity:0.5;
	cursor: default !important;
}


/* ---------------------------------------------------- */
/* 					Activity location page	 			*/
/* ---------------------------------------------------- */
.location-card {
	position: relative;
	cursor: pointer;
	transition: .2s all ease-in-out;
}

.location-card__name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .2s all ease-in-out;
	text-align: center;
	width: 75%;
	padding: .5rem;
	background-color: #fff;
}

.location-card:hover .location-card__name {
	width: 100%;
}

@media (max-width: 575px) {
	.location-card {
		transform: skewX(0deg);
	}
}

.locations .location:nth-of-type(odd) {
	color: #E35C5B;
}

.locations .location:nth-of-type(even) {
	color: #4598CB;
}

/* ---------------------------------------------------- */
/* 						H Tags							*/
/* ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Indie Flower', cursive;
	font-style: normal;
	font-weight: bold;
}

h1, .h1{
	font-size: 28px;
}

h2, .h2{
	font-size: 24px;
}

h3, .h3{
	font-size: 21px;
}

h4, .h4{
	font-size: 18px;
}

h5, .h5{
	font-size: 16px;
}

h6, .h6{
	font-size: 14px;
}


@media (min-width: 768px) {
	h1, .h1{
		font-size: 32px;
	}
	
	h2, .h2{
		font-size: 27px;
	}
	
	h3, .h3{
		font-size: 23px;
	}
	
	h4, .h4{
		font-size: 19px;
	}
	
	h5, .h5{
		font-size: 17px;
	}
	
	h6, .h6{
		font-size: 15px;
	}
}

@media (min-width: 1024px) {
	h1, .h1{
		font-size: 39px;
	}
	
	h2, .h2{
		font-size: 30px;
	}
	
	h3, .h3{
		font-size: 25px;
	}
	
	h4, .h4{
		font-size: 19px;
	}
	
	h5, .h5{
		font-size: 19px;
	}
	
	h6, .h6{
		font-size: 17px;
	}
}
@media (min-width: 1440px) {
	h2, .h2{
		font-size: 32px;
	}
	
	h3, .h3{
		font-size: 27px;
	}
	
	h4, .h4{
		font-size: 23px;
	}
	
	h5, .h5{
		font-size: 21px;
	}
	
	h6, .h6{
		font-size: 19px;
	}
}

/*  ----------------------------------------------------------	*/
/*  						Banners 	  						*/
/*  ----------------------------------------------------------	*/


/*  ----------------------------------------------------------	*/
/*  						Categories 	  						*/
/*  ----------------------------------------------------------	*/
.card{
	transition: all .5s;
	border-radius: 0px;
}

.card-img-top{
	border-radius:0px;
}

.catItem.card:hover{
	transition: all  .5s;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.catItem.card .card-image{
	overflow:hidden;
}

.catItem.card .card-img-top{ transition: all .5s ease-in-out; }
.catItem.card:hover .card-img-top { transform: scale(1.05); }

.catItem.card .card-body{
	border-color: transparent;
}

.catItem.card .card-footer{
	border-color: transparent;
	background-color:transparent;
	color: #333333;
}

/* .catItem .catName {
	color: #35A7FF;
	text-shadow:
		3px 3px 0 #000,
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
} */

.catItem .catDesc{
	font-size:90%;
	font-weight:300;
}
.catItem.card .card-footer .fa{
	font-size:12px;
}

@media only screen and (max-width: 391px){
	.card-footer{
		font-size: 14px;
	}
}

/*  ----------------------------------------------------------	*/
/*  						Products  	  						*/
/*  ----------------------------------------------------------	*/
.prodItem {
	transition: all .5s;
	/* border: none; */
}

.prodItem:hover {
	/* border: none; */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.prodItem.card .card-image{
	overflow:hidden;
}

.prodItem.card .card-img-top{ transition: all .5s ease-in-out; }
.prodItem.card:hover .card-img-top { transform: scale(1.05); }

.prodItem .card-footer{
	background:  transparent;
	border-top:0px;
	font-size:85%;
}

.prodItem .card-footer form{
	margin-bottom: 0px;
}

.prodItem{
	
}

/*  ----------------------------------------------------------	*/
/*  						Pagination  	  						*/
/*  ----------------------------------------------------------	*/
.page-item.active .page-link {
    z-index: 1;
	color: #000;
	font-weight: bold;
    background-color: #ffd100;
    border-color: #ffd100;
}


/*  ----------------------------------------------------------	*/
/*  						Breadcrumb  	  						*/
/*  ----------------------------------------------------------	*/
/* 
--blue: #07B1D8;
	--green: #8FC645;
	--purple: #874B9C;
	--red: #EA242B;
*/
.breadcrumbWrap{
	/*background: #333333;*/
	background: #16A5DC;
	/* background: center / cover no-repeat url(/assets/images/bg-stars-blue.jpg); */

	color: rgba(255, 255, 255, 0.664);
	text-align:center;
}

.breadcrumb{
	background: transparent;
	margin: 0;
}

.breadcrumbWrap .breadcrumb p{
	margin-bottom: 0px;
	display: none;
}

.breadcrumbWrap .breadcrumb .active p{
	display:block;
}

.breadcrumbWrap.custom .breadcrumb-item + .breadcrumb-item::before{
	display:none;
}

.breadcrumbWrap:not(.custom) .breadcrumb-item + .breadcrumb-item::before {
	color: rgba(255,255,255,.7);
	padding-left: .5rem;
}

.breadcrumbWrap:not(.standard) .breadcrumb-item{
	opacity: 0.6;
}
.breadcrumbWrap .number{
	/*background: #fff;*/
	background: #874B9C;
	/* box-shadow: 2px 2px 0px #000; */
	/*color: #333333;*/
    color: #fff;
	display:inline-block;
	height: 25px;
	width: 25px;
	text-align:center;
	line-height: 25px;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-top:10px;
	margin-bottom:15px;
	font-weight:600;
	font-size:0.8rem;
}

.breadcrumbWrap .breadcrumb-item a {
	color: #fff;
}

.breadcrumbWrap .breadcrumb-item.active {
    color: #fff;
	opacity: 1;
	font-weight: bold;
}

.breadcrumbWrap .breadcrumb-item.active .number{
	opacity: 1;
	height: 40px;
	width:40px;
	margin-top:0px;
	margin-bottom: 10px;
	line-height: 40px;
	font-size:1rem;
}

.breadcrumbWrap .breadcrumb-item + .breadcrumb-item {
    padding-left: 0rem;
}

.breadcrumbNumber::after {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(20px);
    content: "";
    width: 160%;
    right: 0px;
    margin-right: -184%;
    height: 1px;
    background-color: #c1c1c1;
    display: block;
    z-index: 0;
    color: #f4f6f7;
}

.breadcrumbNumber.last::after{
    content: '';
    display: none;
}

@media only screen and (max-width: 1081px){
    .breadcrumbNumber::after{
        margin-right: -170%;
    }
}

@media only screen and (max-width: 992px){
    .breadcrumbNumber::after {
        margin-right: -150%;
    }
}

@media only screen and (max-width: 850px){
    .breadcrumbNumber::after {
        margin-right: -140%;
    }
}

@media only screen and (max-width: 800px){
    .breadcrumbNumber::after {
        margin-right: -120%;
        width: 130%;
    }
}

@media only screen and (max-width: 768px){
    .breadcrumbNumber::after {
        margin-right: -110%;
        width: 120%;
    }
}

@media only screen and (max-width: 720px){
    .breadcrumbNumber::after {
        margin-right: -95%;
        width: 110%;
    }
}

@media only screen and (max-width: 650px){
    .breadcrumbNumber::after {
        margin-right: -80%;
        width: 95%;
    }
}

@media only screen and (max-width: 590px){
    .breadcrumbNumber::after {
        margin-right: -60%;
        width: 75%;
    }
}

@media only screen and (max-width: 576px){
    .breadcrumbNumber::after {
        display: none;
    }
}

@media (min-width: 576px) {
	.breadcrumbWrap .breadcrumb p{
		display: block;
		min-width:120px;
	}
}

/*  ----------------------------------------------------------	*/
/*  					Contact Form 	 						*/
/*  ----------------------------------------------------------	*/

.time-slot{
	display:block;
	font-weight: 400;
	text-align:center;
	background: #16A5DC;
	border: 0px;
	color: #FFFFFF;
	font-size:1.2rem;
	padding: 10px;
	line-height: 30px;
	transition: all .5s ease;
	backface-visibility: hidden;
	transform: translate3d(0,0,0);
	cursor:pointer;
	backface-visibility: hidden;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.time-slot:hover{
	transform: translate3d(0,0,0) scale(1.02);
	text-decoration: none;
	/* transition: all .5s ease; */
}


.pricingType_Saver, .pricingType_Peak, .pricingType_Peak_Plus, .pricingType_Peak_Plus_Party{
    width: 100px;
    /*color: #222d5b;*/
}

@media only screen and (max-width: 800px){
	.time-slot{
		font-size: 1rem;
		padding: 4px;
	}
}

.time-slot.sold-out {
    background: #adadad;
    color: #fff;
    cursor: default;
    border: 1px solid #adadad;
    text-decoration: line-through;
    font-size: 85%;
	pointer-events: none;
}
.time-slot.sold-out > * {
    line-height: normal;
} 




/*  ----------------------------------------------------------	*/
/*  						MY ACCOUNT 	 						*/
/*  ----------------------------------------------------------	*/
#navbarMyAccount .list-group-item{
	padding: 5px 10px;
	border: 0px;
	border-radius: 0;
	background: none;
	position: relative;
}

#navbarMyAccount .list-group-item.active{
	color: #fff;
	font-weight: bold;
	background-color: #4598CB;
	transform: rotate(-1deg);
	border-color:  #4598CB;
}


#navbarMyAccount .list-group-item.list-group-item-parent{
	margin-top:15px;
}

@media (min-width: 576px) {
	.collapse-sm-none:not(.show) {
		display: block;
	}
	
	.w-sm-auto{
		width: auto !important;
	}
}

@media (min-width: 768px) {
	.collapse-md-none:not(.show) {
		display: block;
	}
	.w-md-auto{
		width: auto !important;
	}
}

@media (min-width: 992px) {
	.collapse-lg-none:not(.show) {
		display: block;
	}
	.w-lg-auto{
		width: auto !important;
	}
}

@media (min-width: 1200px) { 
	.collapse-xl-none:not(.show) {
		display: block;
	}
	.w-xl-auto{
		width: auto !important;
	}
	
}

.dashboard-box {
	height: 0;
	overflow: hidden;
	padding-top: 75%;
	background: white;
	position: relative;
	background-color: #F7F8F7;
	transition: .3s all ease-in-out;
}

.dashboard-box:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,0.02), 
	0 2px 4px rgba(0,0,0,0.02), 
	0 4px 8px rgba(0,0,0,0.02), 
	0 8px 16px rgba(0,0,0,0.02),
	0 16px 32px rgba(0,0,0,0.02), 
	0 32px 64px rgba(0,0,0,0.02);
}

.dashboard-box__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.dashboard-box__icon {
	font-size: 40px;
	margin-bottom: 20px;
}

.time-slot-qty {
	font-size:12px;
}

/*
#timepicker .time-slot.timeslotRed {
	color: #dc3545;
	border: 1px solid #dc3545;
}

#timepicker .time-slot.timeslotRed:hover {
	color: #fff;
	border: 1px solid #dc3545;
	background-color:#dc3545;
}

#timepicker .time-slot.timeslotGreen, #timepicker .time-slot.timeslot--off-peak {
	color: #28a745;
	border: 1px solid #28a745;
}

#timepicker .time-slot.timeslotGreen:hover {
	color: #fff;
	border: 1px solid #28a745;
	background-color:#28a745;
}

#timepicker .time-slot.timeslotAmber {
	color: #ffc107;
	border: 1px solid #ffc107;
}

#timepicker .time-slot.timeslotAmber:hover {
	color: #fff;
	border: 1px solid #ffc107;
	background-color:#ffc107;
}
*/