body #pjWrapper { font-size: 14px; line-height: 22px; color: #343639; }

#pjWrapper .glyphicon { font-family: 'Glyphicons Halflings'; }

/*** Modules ***/

#pjWrapper a { text-decoration: none; color: #ccc; outline: none; }

#pjWrapper .pjNcb-drink-content-product,
#pjWrapper .pjNcb-drink-content,
#pjWrapper .pjNcb-datepick { *zoom: 1; }

#pjWrapper .pjNcb-drink-content-product:after,
#pjWrapper .pjNcb-drink-content:after,
#pjWrapper .pjNcb-datepick:after { content: ''; clear: both; display: table; }

#pjWrapper .nav-pills > li > a,
#pjWrapper .pjNcb-drink-content-description,
#pjWrapper .btn { -webkit-transition: none; -o-transition: none; transition: none; }

#pjWrapper select, textarea, input { border-radius: 0; }

html, body { height: 100%; }

/* Header */
#pjWrapper .pjNcb-navbar { min-height: 0; border: 0; background: transparent; padding: 25px 0 40px; }
#pjWrapper .pjNcb-navbar .navbar-collapse { padding: 0; }
#pjWrapper .pjNcb-navbar .navbar-nav { width: 100%; }
#pjWrapper .pjNcb-navbar .navbar-nav > li { width: 20%; }
#pjWrapper .pjNcb-navbar.pjNcb-4items .navbar-nav > li { width: 25%; }
#pjWrapper .pjNcb-navbar .active a:hover,
#pjWrapper .pjNcb-navbar .active a { border-color: #343639; color: #343639; cursor: pointer; }
#pjWrapper .pjNcb-navbar .completed a:hover,
#pjWrapper .pjNcb-navbar .completed a { border-color: #03b079; color: #03b079; cursor: pointer; }
#pjWrapper .pjNcb-navbar a:hover,
#pjWrapper .pjNcb-navbar a { padding: 2px 5px; font-size: 14px; text-transform: uppercase; font-weight: 500; border-bottom: 4px solid #abb6b3; color: #abb6b3; background: transparent; cursor: default; }

#pjWrapper .pjNcb-datepick { width: 45.1807%; margin: 0 auto 60px; }
#pjWrapper .pjNcb-datepick label { float: left; font-size: 18px; color: #343639; padding: 12px 13px 0 0; margin: 0; }
#pjWrapper .pjNcb-datepick .datepicker { float: left; width: 100%; font-weight: 500; }
#pjWrapper .datepicker { position: relative;  }
#pjWrapper .datepicker input { cursor: pointer; display: block; height: 54px; border-radius: 5px; background: #fff; border: 1px solid #cbd7dd; width: 100%; padding: 0 15px;}
#pjWrapper .pjNcbDate input.form-control{cursor: pointer; display: block; height: 54px; border-radius: 5px; background: #fff; border: 1px solid #cbd7dd; width: 100%; padding: 0 15px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}

#pjWrapper .ui-datepicker-trigger { position: absolute; top: 17px; right: 15px; text-indent: 0; line-height: 0; font-size: 0; text-align: center; background: transparent; border: 0; opacity: 0.7; padding: 0; }
#pjWrapper .ui-datepicker-trigger:before { font-family: 'Glyphicons Halflings'; content: "\e109"; font-size: 20px; line-height: 20px; text-indent: 0; }

#pjWrapper .pjNcb-booths h2 { font-size: 30px; padding-bottom: 30px; text-align: center; font-weight: 700; }
#pjWrapper .pjNcb-booths h3 {text-align: center; }
#pjWrapper .pjNcb-booths.pjNcb-booth-detail h2{text-align: left;}

#pjWrapper .pjNcb-booth { background: #fff; border: 1px solid #dee0e1; border-radius: 5px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); margin-bottom: 30px; overflow: hidden;}

#pjWrapper .pjNcb-booth-image { position: relative; overflow: hidden; margin: -1px -1px 0 -1px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#pjWrapper .pjNcb-booth-image p { position: absolute; top: 0; right: 0; color: #fff; text-align: center; font-size: 12px; text-transform: uppercase; background-color: rgba(0,0,0,0.76); width: 110px; line-height: 1.3em; padding: 7px;}
#pjWrapper .pjNcb-booth-image p strong { display: block; font-weight: normal; font-weight: 500; font-size: 30px; line-height: 1.1em;}
#pjWrapper .pjNcb-booth-image img { display: block; width: 100%; height: auto; }

#pjWrapper .pjNcb-booth-content { padding: 20px; }
#pjWrapper .pjNcb-booth-content ul { padding: 10px 0; margin: 0; list-style: none; }
#pjWrapper .pjNcb-booth-content li { display: block; font-size: 14px; line-height: 22px; color: #8e9496; }
#pjWrapper .pjNcb-booth-content li strong { font-weight: normal; color: #343639; }

#pjWrapper .pjNcb-booth-title { font-size: 22px; text-transform: uppercase; color: #343639; font-weight: 500; border-bottom: 1px solid #dee0e1; padding-bottom: 15px;}

#pjWrapper .pjNcb-booth-actions .btn-primary { display: block; }

#pjWrapper .btn-default { height: 42px; border: 2px solid #9dabb1; background: #aebabf; color: #fff; font-size: 18px; font-weight: 500; }

#pjWrapper .btn-primary { height: 42px; border: 2px solid #079d6d; color: #fff; font-size: 18px; font-weight: 500; }

#pjWrapper .pjNcb-yourbooth-content ul { padding: 0; margin: 0; list-style: none; }
#pjWrapper .pjNcb-yourbooth-content li { padding-left: 33%; position: relative; font-size: 16px; line-height: 30px;}
#pjWrapper .pjNcb-yourbooth-content li span { position: absolute; top: 0; left: 0; color: #7f8081;  }
#pjWrapper .pjNcb-yourbooth-content li strong { font-weight: normal; font-weight: 500; }
#pjWrapper .pjNcb-yourbooth-content li .pjNcb-price { font-size: 30px; font-weight: 700; }
#pjWrapper .pjNcb-yourbooth-actions .btn-primary,
#pjWrapper .pjNcb-yourbooth-content li .btn-primary { min-width: 140px; }
#pjWrapper .pjNcb-yourbooth-content li.price-row { margin: 20px 0 40px; }

#pjWrapper .pjNcb-yourbooth-images ul { list-style: none; margin: 0 -7px; overflow: hidden; display: block; padding: 0;}
#pjWrapper .pjNcb-yourbooth-images li { float: left; width: 50%; padding: 7px;}
#pjWrapper .pjNcb-yourbooth-images img { display: block; width: 100%; height: auto; }

#pjWrapper .nav-pills { margin-bottom: 30px; }
#pjWrapper .nav-pills > li + li { margin-left: 15px; }
#pjWrapper .nav-pills > li > a { padding: 5px 26px; background-color: #f1f6f8; border: 1px solid #cbd7dd; color: #7f8081; font-size: 16px;}

#pjWrapper .nav-pills > li > a:hover,
#pjWrapper .nav-pills > li.active > a { background: #3f3e3d; border-color: #3f3e3d; color: #fff; }

#pjWrapper .pjNcb-drink { border-radius: 5px; overflow: hidden; background: #fff; border: 1px solid #dee0e1; margin-bottom: 30px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); padding: 13px 18px 18px; }

#pjWrapper .pjNcb-drink-title { font-size: 22px; line-height: 1.3em; color: #343639; font-weight: 500; border-bottom: 1px solid #dee0e1; overflow: hidden; height: 64px; cursor: pointer; margin-bottom: 5px; }

#pjWrapper .pjNcb-drink-image { width: 50%; float: left; }
#pjWrapper .pjNcb-drink-image img { max-width: 100%; display: block; height: auto; }

#pjWrapper .pjNcb-quantity { width: 50%; float: left; padding-top: 22px; }
#pjWrapper .pjNcb-quantity p { color: #8e9496; bottom: 5px;}
#pjWrapper .pjNcb-quantity p strong { display: block; color: #343639; font-size: 24px; padding: 4px 0 1px;}
#pjWrapper .pjNcb-quantity .pjNcb-spinner  {  }

#pjWrapper .pjNcb-spinner .btn { width: 33px; text-align: center; border-color: #cbd7dd; background: #f1f6f8; color: #94a3a9; font-size: 18px; font-weight: 500; padding-top: 3px; padding-bottom: 3px; height: 34px; }
#pjWrapper .pjNcb-spinner .pjNcb-spinner-up { text-indent: -2px;  }
#pjWrapper .pjNcb-spinner-result { float: left; border: 1px solid #cbd7dd; border-left: 0; border-right: 0; -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.42857; margin-bottom: 0; padding: 5px; text-align: center; vertical-align: middle; white-space: nowrap; max-width: 42px; color: #343639; font-weight: 600; height: 34px;}

#pjWrapper .pjNcb-yourbooth { padding-bottom: 20px; }
#pjWrapper .pjNcb-yourbooth-actions { text-align: right; }  

#pjWrapper .pjNcb-booking-details { padding-bottom: 20px; }
#pjWrapper .pjNcb-booking-details .rowspan{margin-top: 10px;}

#pjWrapper .pjNcb-details h2 { font-size: 30px; color: #343639; font-weight: 700; }
#pjWrapper .pjNcb-details .pjNcb-spinner-result { height: 34px; }

#pjWrapper .pjNcb-form { padding-bottom: 20px; }
#pjWrapper .pjNcb-form .form-control { padding: 8px 12px; height: 38px; }
#pjWrapper .pjNcb-form h2 { padding-bottom: 20px; }
#pjWrapper .pjNcb-form label { font-size: 16px; color: #7f8081; font-weight: normal; padding-top: 6px;}
#pjWrapper .pjNcb-form .checkbox { padding: 15px 0; }
#pjWrapper .pjNcb-form .checkbox a { color: #03b079; }
#pjWrapper .pjNcb-form .btn { min-width: 140px; }
#pjWrapper .pjNcb-form .btn + .btn { margin-left: 5px; }

#pjWrapper select.form-control { border-radius: 4px; }
#pjWrapper .pjNcb-form .checkbox input{-webkit-appearance: checkbox;}

#pjWrapper .pjNcb-booking-detail { border-bottom: 1px solid #dee0e1; padding: 19px 0; }
#pjWrapper .pjNcb-booking-detail p { font-size: 16px; margin: 0; padding-top: 6px; }
#pjWrapper .pjNcb-booking-detail p span { color: #7f8081; }
#pjWrapper .pjNcb-booking-detail p strong { color: #343639; font-weight: normal; font-weight: 600;}

#pjWrapper .navbar-toggle { background: #343639; }
#pjWrapper .navbar-toggle .icon-bar { background: #fff; }

#pjWrapper .pjNcb-drink-content { overflow: hidden; position: relative; }
#pjWrapper .pjNcb-drink-content-description { max-height: 120px; overflow: auto; position: absolute; top: -100%; left: 0; background: #fff; padding: 5px;}
#pjWrapper .pjNcb-drink-content.active .pjNcb-drink-content-description { top: 0; }

/* ==========================================================================
	Date picker
========================================================================== */
.pjNcb-datepicker .ui-datepicker-header { background: transparent; border: 0; }
.pjNcb-datepicker .ui-datepicker-prev,
.pjNcb-datepicker .ui-datepicker-next { cursor: pointer; }

/* ==========================================================================
	.Modal
========================================================================== */
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

@media (max-width: 1024px){
	#pjWrapper .pjNcb-spinner-result,
	#pjWrapper .pjNcb-spinner .btn,
	#pjWrapper .pjNcb-form .btn { font-weight: bold; }
}

@media (max-width: 991px) {
	#pjWrapper .pjNcb-navbar .navbar-nav > li { letter-spacing: -0.5px; white-space: nowrap; }

	#pjWrapper .pjNcb-drink-image { width: 40%; }

	#pjWrapper .pjNcb-quantity { width: 60%; }
}

@media (max-width: 768px) {
	#pjWrapper .pjNcb-drink { padding-left: 15px; padding-right: 15px; }

	#pjWrapper .pjNcb-drink-image { width: 46%; }  
	#pjWrapper .pjNcb-quantity { width: 54%; }

	#pjWrapper .pjNcb-spinner-result { max-width: 36px; }
	
	#pjWrapper .pjNcb-spinner .btn { padding-left: 8px; padding-right: 8px; } 
}  

@media (max-width: 767px) {
	#pjWrapper .pjNcb-navbar { padding-bottom: 0; margin-bottom: 0; padding-top: 0;}
	#pjWrapper .pjNcb-navbar .navbar-nav { margin-left: 0; margin-right: 0; } 
	#pjWrapper .pjNcb-navbar .navbar-nav > li { letter-spacing: 0; width: 100%; text-align: right; }
	#pjWrapper .navbar-collapse { margin-bottom: 20px; }

	#pjWrapper .pjNcb-datepick { width: 60%; margin-bottom: 20px; }

	#pjWrapper .pjNcb-booths h2 { padding-bottom: 10px; }

	#pjWrapper .navbar-toggle { margin-right: 0; }
}

@media (max-width: 639px) {
	#pjWrapper .pjNcb-datepick { width: 80%; }

	#pjWrapper .pjNcb-drink-image { width: 38%; }

	#pjWrapper .pjNcb-quantity { width: 62%; }

	#pjWrapper .pjNcb-drink { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 479px) {
	#pjWrapper .pjNcb-datepick { width: 100%; }

	#pjWrapper .pjNcb-datepick .datepicker { width: 78%; }
	
	#pjWrapper .pjNcb-yourbooth-content li span { display: block; position: relative; left: auto; top: auto; }
	#pjWrapper .pjNcb-yourbooth-content li { padding-left: 0; }

	#pjWrapper .pjNcb-yourbooth .col-xs-6 { width: 100%; }

	#pjWrapper .pjNcb-drink-title { height: auto; padding-bottom: 13px; }
	
	#pjWrapper .nav-pills { margin-bottom: 20px; }
	#pjWrapper .nav-pills > li + li { margin-left: 5px; }
	#pjWrapper .nav-pills > li > a { padding-left: 10px; padding-right: 10px; }

	#pjWrapper .pjNcb-yourbooth-content li .btn-holder { display: inline-block!important; }
	#pjWrapper .pjNcb-yourbooth-content li .btn-holder + .btn-holder { margin-left: 5px; }
}