body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
}
/*---------------Colors----------------*/
.green {
	color: #00c059;
}
.dark-green {
	color: #00853e;
}
.dark-grey {
	color: #a4a4a4;
}
.light-grey {
	color: #f8f8f8;
}
.red {
	color: #d31145;
}
/*---------------Links----------------*/
a, a:hover {
	text-decoration: none;
}
a.primary-link {
	color: #00c059;
}
a.primary-link:hover {
	color: #00c059;
	text-decoration: underline;
}
/*---------------Header Texts----------------*/
h1 {
	font-size: 44px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 20px auto;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
	font-weight: bold;
}
h4 {
	font-size: 20px;
}
/*---------------Texts----------------*/
p {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
}
p.reg {
	font-family: 'Roboto', sans-serif;
}
p.primary {
	font-size: 20px;
}
p.secondary {
	font-size: 18px;
}
p.small {
	font-size: 14px;
}
.txt-small {
	font-size: 14px;
}
.txt-red {
	color: #d31145;
}
.txt-primary {
	color: #00c059;
}
.highlight {
	color: #00c059;
}
.text-primary {
	color: #00c059!important;
}
/*-----------Horizontal Rule-------------*/
.hor-spacer {
	border-bottom: 1px solid #e4e4e4;
	margin: 50px auto;
}
/*---------------Buttons----------------*/
.btn:active, .btn:focus {
	border: none!important;
	box-shadow: none!important;
	background: #00c059!important;
}
.btn {
	border-radius: 0!important;
	border: none;
}
.btn-primary {
	background: #00c059;
	color: #fff;
	padding: 10px 20px;
}
.btn-primary:hover {
	background: #00853e;
}
.btn-primary-rev {
	background: #00853e;
	color: #fff;
	padding: 10px 20px;
}
.btn-primary-rev:hover {
	background: #00c059;
	color: #fff;
}
.btn-secondary {
	background: #a4a4a4;
	padding: 10px 20px;
}
.btn-large {
	font-size: 20px;
	padding: 10px 40px;
	font-weight: bold;
}
.btn-medium {
	font-size: 18px;
	padding: 10px 30px;
	font-weight: bold;
}
.btn-small {
	font-size: 14px;
	padding: 5px 10px;
}
.btn-special {
	background: #e71d53;
	border-radius: 0;
	color: #fff;
}
.btn-special:hover {
	background: #f90a4a;
	color: #fff;
}
.btn-action, .btn-delete {
	border-radius: 5px!important;
	background: #3a4652;
	color: #fff!important;
	font-size: 14px;
}
.btn-action:hover {
	background: #00c059;
	color: #fff;
}
.btn-delete {
	background: #e94965;
}
.btn-delete:hover {
	background: #ee4447;
}
/*==========Header==========*/
header {
	position: relative;
}
header i {
	font-size: 24px!important;
	padding-right: 10px;
	position: relative;
	top: 3px;
}
.logo {
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 60px;
}
.banner-home {
	background: url(../images/banner-header.jpg) no-repeat center center;
	width: 100%;
	height: 440px;
}
.jumbotron {
	background: none;
}
/*------Navigation----*/
.navbar-header {
	padding: 0;
}
.navbar {
	position: fixed;
	width: 100%;
	z-index: 999;
}
.navbar-nav {
	flex-direction: row;
}
.navbar li {
	display: inline-block;
	margin: 0 10px;
}
a.navbar-brand {
	margin-top: 10px;
}
.navbar li a, a.navbar-brand {
	border: 4px solid #fff;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	background: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: bold;
}
a.navbar-brand {
	padding: 8px;
}
.navbar li a:hover, a.navbar-brand:hover {
	background: rgba(0,0,0,0.5);
}
nav.navbar.shrink {
	min-height: 35px;
	background: rgba(0,0,0,0.7);
}
nav.shrink a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	font-size: 15px;
}
nav.shrink .navbar-brand {
	font-size: 15px;
	padding: 7px 10px!important;
	position: relative;
}
nav.shrink .navbar-toggle {
	padding: 4px 5px;
	margin: 8px 15px 8px 0;
}
.add {
	background-color: none;
}
/*----------------Footer---------------*/
footer {
	margin-top: 100px;
}
#footer-wrapper {
	background: #252525;
	color: #404040;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 30px;
	padding-top: 40px;
	width: 100%;
}
#footer-wrapper a {
	color: #fff;
}
#footer-wrapper .item_introtext a {
	color: #fff;
	text-decoration: none !important;
}
#footer-wrapper .item_introtext a:hover {
	text-decoration: underline !important;
}
#footer-wrapper ul li a {
	color: #404040;
}
#footer-wrapper ul li a:hover {
	color: white;
}
.footer_logo_website {
	margin-bottom: 30px;
}
.copyright {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 0px;
	letter-spacing: 3.4px;
	text-transform: uppercase;
	font-size: 14px !important;
}
.copyright .siteName {
	font-size: 50px;
	line-height: 44px;
	letter-spacing: 25px;
}
.footer_logo_website img {
	width: 65px;
	height: 65px;
	max-width: 100%;
}
.form-subscribe input {
	background: #fff!important;
	border: 1px solid #3f3f3f;
}
.form-subscribe button {
	margin: 15px 0;
}
/*---------------Breadcrumb----------------*/
.breadcrumb {
	background: none;
	margin-bottom: 20px;
}
.breadcrumb-item a {
	color: #b1afaf;
}
.breadcrumb-item.active a, .breadcrumb-item a:hover {
	color: #00c059;
}
/*----------------Forms---------------*/
input, textarea, button, select {
	border-radius: 0!important;
	border: none;
	background: #fff;
}
select.form-control {
	height: 52px;
}
.form-control:focus {
	border-color: #00c059!important;
	box-shadow: none!important;
}
.upp-txt {
	text-transform: uppercase;
}
.form-control {
	color: #495057;
	border: 1px solid #e4e4e4;
}
.common-form {
	border: 1px solid #e4e4e4;
	padding: 35px;
	border-radius: 10px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.common-form.no-bor {
	border: none;
	display: inline-block;
	padding: 0 10px 0 0
}
.common-form .form-group {
	margin-bottom: 25px;
}
.common-form input {
	padding: 25px 15px;
}
.common-form a.forgot-password {
	color: #00c059;
	font-weight: bold;
	display: block;
	margin: 25px 0;
}
.common-form button {
	font-weight: bold;
}
label.qty {
	border: 1px solid #e4e4e4;
	padding: 11px 15px 10px;
	position: relative;
	top: 3px;
	right: -5px;
	background: #fff;
}
.mandatory {
	color: #f00;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
	background:#00c059!important;
	border-color:#00c059;
}
/*----------------Modal-------------*/
.modal-body p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}
.modal-footer {
	justify-content: flex-start;
}
.modal-backdrop.show {
	opacity: 0.8!important;
}
.modal-large .modal-dialog {
	max-width: 800px!important;
}
.modal-large p {
	font-size: 16px;
	margin: 15px auto;
}
.modal-large .modal-body {
	padding: 40px 80px;
}
#modal-alert-user-login h3.modal-title {
	margin: 0 auto;
	width: 100%;
}
/*==========Home Page==========*/

/*---How it works---*/
#how-it-works {
	background: url(../images/bg-how-it-works.jpg) no-repeat;
	min-height: 570px;
	color: #fff!important;
	padding: 60px 0;
	background-size: cover;
}
#how-it-works p {
	line-height: 20px;
	padding: 0 5px;
	margin: 60px auto 0;
}
.steps {
	margin: 10px auto;
}
.steps h4 {
	font-weight: bold;
	margin: 30px auto;
}
#return-to-top {
	position: fixed;
	bottom: 0px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
	text-decoration: none;
	background: #000;
	color: #fff!important;
	text-align: center;
	padding-top: 8px;
}
/*---What we offer---*/
#what-we-offer {
	margin: 50px auto;
}
#share-grid {
	margin: 25px auto;
}
.share-con {
	max-height: 380px;
	min-height: 380px;
	background-size: cover!important;
	width: 100%;
	position: relative;
	margin-bottom: 40px;
	max-width: 340px;
	min-width: 340px;
	margin: 0 auto 40px;
}
.share-con p {
	line-height: 18px;
}

.hm-share-title {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	position: absolute;
	top: 150px;
	left: 0;
	width: 96%;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 24px;
}

.home-share-title {
	width: 100% !important;
}

.share-title {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}
.share-title p {
	color: #fff;
}
.share-type img {
	width: 100%;
}
.no-padding {
	padding: 0;
}
.home-share-type {
	height: 100%;
	width: 100%;
	padding: 0;
	max-width: 380px;
	height: 380px;
	cursor: pointer;
}
.home-share-info {
	position: absolute;
	z-index: 9;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 380px;
	left: 0;
	top: 0;
	color: #fff;
	padding: 30px 20px 20px;
	display: none;
	cursor: default;
}
.home-share-info h5 {
	text-align: center;
	text-transform: uppercase;
}
.home-share-info a {
	display: block;
	margin: 0 auto;
	width: 120px;
}
/*------Div Hover------*/
.thumbnail {
	position: relative;
	overflow: hidden;
}
.caption {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(66, 139, 202, 0.75);
	width: 100%;
	height: 100%;
	padding: 2%;
	display: none;
	text-align: center;
	color: #fff !important;
	z-index: 2;
}
/*==========Inner Pages==========*/
.inner-frame {
	margin: 35px auto;
}
.inner-frame p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 20px 0;
}
.share-img img {
	max-width: 100%;
	border: 1px solid #e4e4e4;
	padding: 3px;
	width:100%;
}
.pg-cta {
	/*margin: 80px 0;*/
	display: block;
}
.inner-content h3 {
	font-size: 28px;
	color: #00c059;
	font-weight: normal;
}
.pg-share-cta {
	margin-bottom: 30px;
}
.pg-share-cta a.btn {
	margin-right: 20px;
	display: inline-block;
}
select#share-quantity, select#egg-share-quantity, select#bread-share-quantity, select#cheese-share-quantity, select.share-quantity {
	padding: 11px 15px;
	position: relative;
	top: 3px;
	border: 1px solid #e4e4e4!important;/*	border-left:none!important;
*/
}
/*----------------Other Share Thumblist---*/
.pg-share-thumblist {
	margin: 20px auto;
}
.pg-share-thumblist ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
.pg-share-thumblist ul li {
	
	display: inline;
	margin: 0 15px;
}
.pg-share-thumblist .share-thumb {
	margin: 0 auto;
}
.pg-share-thumblist .share-thumb img {
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 3px;
	width: 188px;
	height: 188px;
}
.pg-share-thumblist .share-price {
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #00c059;
	font-size: 24px;
	font-weight: bold;
}
.pg-share-thumblist .col-lg-2 {
	padding: 0;
}
/*==========Pantry Ad Ons==========*/
.pantry-share-con {
	max-height: 300px;
	min-height: 300px;
	background-size: cover!important;
	width: 100%;
	position: relative;
	max-width: 340px;
	min-width: 340px;
	margin: 0 auto;
}
.pantry-share-con p {
	line-height: 18px;
}
.adons-info, .ind-share-info {
	background: #f8f8f8;
	border: 1px solid #e4e4e4;
	padding: 5px 10px;
	margin: 0 auto 10px;
	font-size: 16px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	max-width: 340px;
	min-width: 340px;
}
.adons-info p {
	font-size: 16px;
	margin: 10px auto;
}
.adons-info p.txt-small{
	font-size:11px;
}
.adons-share-price {
	/* color: #00c059; */
	font-size: 16px;
	font-weight: bold;
	/* display: block; */
	margin: 0 auto;
}
.pantry-share-title, .main-share-title {
	position: static;
	top: 115px;
	width: 100%;
	color: #fff;
	background: rgba(196, 0, 62, 0.7);
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 24px;
    word-wrap: break-word;
}
.main-share-title {
	background: rgba(0, 0, 0, 0.7);
}
/*==========Pick-up Locations==========*/
.location-address {
}
.pickup-time {
	display: block;
	font-weight: bold;
}
.pickup-day {
	display: block;
	font-style: italic;
}
.location-map iframe {
	max-width: 100%;
	width: 100%;
}
/*--Table for Pick-up Locations--*/

.tb-pickup-locations tbody {
	height: 375px;
	overflow-y: auto;
	width: 100%;
}
.tb-pickup-locations thead, .tb-pickup-locations tbody, .tb-pickup-locations tr, .tb-pickup-locations td, .tb-pickup-locations th {
	display: block;
}
.table.tb-pickup-locations .thead-light th {
	border-bottom: none;
}
.tb-pickup-locations tbody tr {
	clear: both;
}
.tb-pickup-locations tbody td, .tb-pickup-locations thead > tr> th {
	float: left;
	border-bottom-width: 0;
	padding: 10px 0;
}
.hide {
	display: none;
}
/*==========Order Review==========*/
.share-thumb {
	display: inline-block;
}
.share-thumb img {
	border: 1px solid #e4e4e4;
	padding: 2px;
	display: inline-block;
}
.share-name {
	display: inline-block;
	margin: 10px;
}
.price-total {
	color: #00c059;
	font-size: 24px;
	font-weight: bold;
}
.selected-pickup-location {
	background: #e8e8e8;
	padding: 10px;
	font-size: 18px;
	margin: 60px 0 0 0;
}
.selected-pickup-location span {
	display: inline-block;
	margin-left: 10px 15px;
}
.selected-pickup-location i {
	font-size: 40px;
	color: #00c059;
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: -5px;
}
.pickup-title {
	border-right: 1px solid #a4a4a4;
	max-width: 140px;
	margin-top: 30px;
}
.table .thead-light th {
	background: #fff!important;
	border-bottom: 1px solid #e4e4e4;
	color: #00c059;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
}
#order-review .table td, #order-review .table th {
	vertical-align: middle;
	padding: 20px 10px;
}
/*==========Payment Page==========*/
.user-subscription-total {
	list-style: none;
	margin: 0;
	padding: 0;
}
.user-subscription-total li {
	padding: 5px;
	border: none;
}
.user-subscription-total .share-name {
	margin: 0 10px;
	display: inline-block;
}
.user-subscription-total .share-price {
	font-weight: bold;
	display: inline-block;
	float: right;
}
.user-subscription-total .total-weekly-price {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	border: 1px solid #e4e4e4;
	padding: 15px;
	margin: 15px 0;
}
#payment-levels p {
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 0 10px 0;
}
#payment-levels .card {
	min-width: 260px;
	margin-bottom: 30px;
}
#payment-levels .card-title {
	color: #00c059;
}
#payment-levels h2.pricing-card-title {
	font-size: 44px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 20px auto;
}
#payment-levels .card-body {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px 20px;
	min-height: 180px;
}
#payment-levels .card-footer {
	background: none;
	border-top: none;
	padding: 0 0 30px 0;
	margin: -10px 0 0 0;
}
#payment-options p {
	font-size: 14px;
	margin: 0 0 10px 0;
}
#payment-options .form-check {
	border-bottom: 1px solid #e4e4e4;
	padding: 20px;
}
.user-payment-box {
	background: rgba(0, 192, 89, 0.1);
	border: 2px dotted #00c059;
}
.user-payment-box-disabled {
	background: #cccccc;
	opacity: 0.3;
	border: 2px dotted #f79797;
	pointer-events: none;
}
.spacer {
	margin-top: 150px;
}
.user-payment-level {
	margin: 15px 0;
	border: 2px dotted #00c059;
	padding: 25px 20px;
	color: #00c059;
	font-size: 20px;
	font-weight: bold;
}
.total-amount-due {
	margin-top: 20px;
	font-size: 18px;
	padding: 25px 20px;
	border: 1px solid #e4e4e4;
	font-weight: bold;
}
td-spacer {
	margin-bottom: 25px;
}
.user-gift-code {
	padding: 25px 20px;
	border: 2px dotted #c4c4c4;
	font-size: 16px;
}
.user-total-amount {
	font-size: 16px;
	padding: 25px 20px;
	font-weight: 24px;
	font-weight: bold;
}
.payment-value {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}
#echeck-info, #credit-card-info {
	background: #fafafa;
	padding: 20px;
	font-size: 16px;
	display: none;
}
#echeck-info .form-group input, #echeck-info select.form-control {
	padding: 10px!important;
	height: 44px;
}
#echeck-info .btn-action {
	margin-top: 40px;
}
#credit-card-info #select-year-cc, #form-current-payment #select-year-echeck {
	margin-top: 52%;
}
#credit-card-info a.btn.btn-action {
	margin-top: 35px!important;
}
/*==========Member Profile==========*/
#member-profile p {
	font-size: 16px;
	margin: 0 0 10px 0;
}
a.update-profile {
	background: #3a4652;
	font-size: 20px;
}
.header-bg1, .header-bg2, .header-bg3, .header-bg4, .header-bg5 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
.header-bg1 {
	background: #d83133;
}
.header-bg2 {
	background: #a94e4f;
}
.header-bg3 {
	background: #835462;
}
.header-bg4 {
	background: #00c059;
}
.header-bg5 {
	background: #5e9c7b;
}
#member-profile ul {
	list-style: none;
	padding: 0;
	text-align: left;
}
#member-profile ul li {
	margin: 10px auto;
}
#member-profile ul li a {
	color: #000;
}
#member-profile ul li a:hover {
	color: #00c059;
}
/*--List of co-shareholder--*/
#mem-co-shareholder a {
	display: inline-block;
	margin-right: 10px;
}
a i.delete {
	color: #ec6062;
	font-size: 20px;
}
a i.delete:hover {
	color: #ee4447;
}
a i.edit {
	color: #00c059;
	font-size: 18px;
}
a i.edit:hover {
	color: #08d768;
}
.transaction-history td {
	border: none;
}
.transaction-history td span.share-name {
	margin: 0;
}
tr.odd td {
	background: #e4e4e4;
}
.member-acc-bal {
	border: 1px solid #e4e4e4;
	padding: 10px 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
table.no-bor td, table.no-bor th {
	border: none;
}
#member-spd .card-body {
	min-height: 180px;
}
.export-transaction-history a {
	display: inline-block;
	margin: 0 5px;
}
.card-body p {
	font-size: 16px;
	margin: 0 0 10px;
}
.sub-summary td, .sub-summary th {
	padding: 5px;
}
.sub-summary-con {
	min-height: 310px!important;
}
/*==========Change My Subscription==========*/

#change-member-subscription h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 20px auto;
}
#change-member-subscription h2 {
	font-size: 28px;
	margin: 20px 0;
	color: #00c059;
	font-family: 'Roboto Condensed', sans-serif;
}
#change-member-subscription select#select-month {
/*max-width:70px;*/
}
#change-member-subscription select#select-year {
	max-width: 130px;
	margin-top: 32px;
}
.acc-member-action {
	margin: 20px 20px 40px;
}
.accordion .card {
	border: 0;
}
.accordion .card-body {
	border: 1px solid #e4e4e4;
	border-top: none;
	padding-bottom: 50px;
	clear: both;
	padding-top: 50px;
}
.accordion .card-header {
	background: #f7f7f7!important;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	padding: 20px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
}
.accordion .card-header a {
	line-height: 44px;
	font-size: 20px;
}
.accordion .card-header:after {
	font-family: 'FontAwesome';
	content: "\f056";
	float: right;
	color: #b9b7b8;
	font-size: 30px;
}
.accordion .card-header.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\f055";
	color: #b9b7b8;
	font-size: 30px;
}
.accordion .card-header[aria-expanded="true"] {
	background: #00c059!important;
}
.accordion .card-header[aria-expanded="true"] a {
	color: #fff;
}
.accordion .card-header[aria-expanded="true"] a span{
	color: #fff !important;
}
.accordion .card-header[aria-expanded="true"]:after, .accordion .card-header[aria-expanded="true"].collapsed:after {
	color: #fff;
}
.down-arrow {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #00c059;
	position: relative;
	bottom: -20px;
	left: 40px;
	position: absolute;
	display: none;
}
.accordion .card-header[aria-expanded="true"] .down-arrow {
	display: block;
}
/*--Change Share Type--*/
#change-member-subscription .adons-info, #change-member-subscription .ind-share-info,#store_addons .ind-share-info {
	max-width:100%;
	min-width:100%;
}
.share-grid {
	margin: -15px auto -15px;
}
#subStoreAddonHead{
	margin-top: 20px;
	font-size: 28px;
}
select.share-qty {
	padding: 4px 4px!important;
	position: relative;
	top: 3px;
	border: 1px solid #e4e4e4!important;/* border-left: none!important; */
	height: 30px;
}
label.share-qty {
	border: 1px solid #e4e4e4;
	padding: 4px 15px 3px!important;
	position: relative;
	top: 3px;
	right: -5px;
	background: #fff;
	height: 30px;
    vertical-align: top;
}
span.ind-share-price ,p.ind-share-price {
	font-size: 16px;
	/* color: #00c059; */
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}

.ind-share-con {
	background-size: cover!important;
	width: 100%;
	position: relative;
	max-width:100%;
	margin: 0 auto;
	margin-top:20px;
	/* min-height:65px; */
}
@media screen and (max-width: 992px) {
    .ind-share-con, #change-member-subscription .adons-info, #change-member-subscription .ind-share-info {
        /* min-height: 95px; */
        min-width: 100%;
    }
}
.ind-share-con > .main-share-title, .ind-share-con > .pantry-share-title{
	font-size:16px;
	top:30%;
}
.table th+td {
	border-bottom: none;
}
#form-current-payment {
	border: 1px solid #e4e4e4;
	padding: 15px 20px;
}
.subscription-sidebar{
	background:#ececec;
}
.demo-calendar img {
	max-width: 100%;
}
.calendar-indicators {
	list-style: none;
	padding: 0;
	margin: 20px auto;
	font-size: 16px;
		width:90%;
	max-width:200px;
}
.calendar-indicators li {
	margin-bottom: 10px;
}
.icon-skipped, .icon-scheduled, .icon-donate, .icon-delivered, .icon-altered, .icon-unPaidOrder {
	width: 20px;
	height: 20px;
	border: 3px solid #f00;
	background: #fff;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.icon-scheduled {
	border: 3px solid #00c059;
}
.icon-delivered {
	border: 3px solid #909396;
	background: #909396;
}
.icon-unPaidOrder {
	border: 3px solid #ff8d00;
}
.icon-donate {
	border: 3px solid #7157e1;
}
.icon-altered {
	border: 3px solid #FF00FF;	
}
.showon-print {
	display: none;
}

/*============ALL MEDIA QUERIES============*/
@media screen and (min-width: 40em) {
#navbarCollapse {
	display: block;
}
a.navbar-brand {
	margin-bottom: 15px;
}
.navbar-toggler {
	display: none;
}
}
 @media screen and (max-width:992px) {
.navbar li a, a.navbar-brand {
	font-size: 16px;
}
.ind-share-con,#change-member-subscription .adons-info, #change-member-subscription .ind-share-info {
	min-width:100%;
}
}
 @media screen and (max-width:768px) {
h1 {
	font-size: 32px;
}
h2 {
	font-size: 22px;
}
.banner-home {
	background: url(../images/mob-banner-header.jpg) no-repeat center center;
}
#how-it-works {
	background: url(../images/mob-bg-how-it-works.jpg);
	min-height: 570px;
}
.share-con p {
	font-size: 15px;
}
.hm-share-title {
	font-weight: bold;
}
.logo {
	top: 90px;
}
#navbarCollapse {
	padding: 0;
}
.navbar-nav {
	float: none!important;
}
.navbar li {
	width: 26.5%;
	margin: 0 1% 0 0;
}
.navbar li.update-profile {
	width: 40%;
}
.navbar li a {
	display: block;
	text-align: center;
}
.navbar li:last-child {
	margin-right: 0;
}
.hm-share-title {
	display: none;
}
.home-share-info {
	display: block;
}
.footer_logo_website img {
	width: 40px;
	height: 40px;
}
.copyright .siteName {
	letter-spacing: 15px;
	font-size: 40px;
}
.d-xs-block {
	display: none;
}
#how-it-works p {
	margin: 25px auto 0;
}
#how-it-works h3 {
	margin-top: 20px;
}
.steps {
	margin: 20px auto;
}
#signup-form .col-md-6.pr-4 {
	padding-right: 0!important;
}
#signup-form .col-md-6.pl-4 {
	padding-left: 0!important;
}
.pg-share-info {
	margin-top: 25px;
}
.pg-share-thumblist ul li {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.accordion .card-header a {
	font-size: 16px;
}
/*------Forms--*/

form.common-form .form-group.pl-4, form.common-form .form-group.pr-4 {
	padding-right: 0!important;
	padding-left: 0!important;
}
#cms-contact-us, #cms-update-personal-info, #form-current-payment {
	padding: 0;
	border: none;
	margin-top: 40px;
}
#member-spd .col-12 {
	margin-bottom: 20px;
}
a.print-page {
	display: none;
}
#form-change-delivery .form-group{
	border-bottom:1px solid #e4e4e4;
	margin-bottom:10px;
}
}
@media screen and (max-width:640px) {
.navbar-toggler {
	border: 2px solid #fff;
	float: right;
	padding: 5px 3px 0 6px;
	font-size: 18px;
	line-height: 1;
}
.navbar-toggler i {
	color: #fff;
	font-size: 24px;
}
#navbarCollapse {
	padding: 0;
	margin: 0;
}
.navbar>.container, .navbar>.container-fluid {
	padding: 0;
}
.nav.navbar-nav {
	margin-top: 0px;
	background: rgba(0,0,0,0.7);
	padding: 0 10px;
}
.navbar li, .navbar li.update-profile {
	margin: 10px auto!important;
	width: 100%;
}
a.navbar-brand {
	border: 2px solid #fff;
	padding: 6px;
	font-size: 14px;
	margin: 0;
}
.navbar li a {
	border: none;
	border-bottom: 1px solid #333;
	padding: 4px;
	font-size: 14px;
	text-align: left;
}
.navbar li a:hover {
	color: #00c059;
}
.navbar li:last-child a {
	border-bottom: none;
}
.logo {
	top: 120px;
}
.logo img {
	max-width: 200px;
}
header i {
	font-size: 16px!important;
	padding-right: 6px;
	position: relative;
	top: 1px;
}
.share-con {
	max-width: 300px;
	min-width: 300px;
}
#payment-levels .card {
	min-width: 100%;
}
.copyright .siteName {
	font-size: 28px;
	letter-spacing: 0;
}
.adons-info, .ind-share-info, .pantry-share-con, .ind-share-con, .ind-share-info {
	max-width: 100%!important;
	min-width: 100%!important;
}
.btn-large {
	padding: 10px 25px;
}
}
@media screen and (max-width:320px) {
span.back-to-petes-web {
	display: none;
}
.btn-large {
	padding: 10px 10px;
	margin-bottom: 10px;
}
}
 @media screen and (min-width:992px) and (max-width:1200px) {
.copyright .siteName {
	letter-spacing: 15px;
	font-size: 56px;
}
.footer_logo_website img {
	width: 54px;
	height: 54px;
}
.pg-share-thumblist ul li {
	margin: 0 1.5%;
	width: 17%;
}
#payment-levels .card {
	min-width: 100%!important;
}
}
@media print {
.showon-print {
	display: block;
}
.showon-print img {
	display: block;
	margin: 50px auto;
}
}

/***************************************/
.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label, .has-error label {
	color: red !important;
}

.has-error .form-control {
    border-color: #a94442 !important;
 }


 .btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #909397 !important;
    border-color: #909397 !important;
}

/**********Loader **************/
#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1900;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #00c059;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.us-spinner-wrapper {
    position: fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
    background: none;
    transition: background 0.1s ease;
    background-color : rgba(49, 37, 37, 0.6);
    z-index : 1090 !important;
}

.spinner {
	display: none;
}

input.error { 
	border-color:  red !important 
}

label.error {
	color: red !important;
}

.alert-div {
	padding-top: 5% !important;
}

.alert-danger-body {
	text-align: center !important;
}

table#user_list_table>tbody>tr>td {
	text-align: center !important;
}

.share-thumb-heading {
	display: block !important;
	position: relative !important;
	margin-bottom: 7% !important;
	margin-left: 2% !important;
	width: 180px;

}

.addToCart {
	font-weight: bold !important;
	width: 30% !important;
	margin-right: 5% !important;
}

.location-div, .inactive-location-div {
	cursor: pointer;
}

#map-canvas, #map-canvas1 {
	position: relative !important;
    overflow: auto !important;
    width: 100% !important;
    height: 400px !important;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #dee2e6 !important;
}
.display-off, .remove-confirm, .add-on-link {
	display: none;
}
.display_none{
	display: none;
}
.height50{
	height: 50px;
}
.width50{
	width: 50px;
}
.font_color{
	color: #4bc15b;
}

#storeAddonSection .ind-share-con{
	height: 175px;
}

#storeAddonSection .ind-share-info p{
	margin: 0;
}

#storeAddonSection .ind-share-info p:first-child {
  font-size: 15px;
}
#storeAddonSection .ind-share-info .ind-share-price{
	font-size: 20px;
	color: #00c059;
}

.btnDefaultColor{
	background-color: #3a4652!important;
}

#storeAddonSection input, #resetStoreFilters, #submitStoreForm{
	height: 52px;
}

.greenBackground{
	background: #00853e!important;
}

#storeAddonSection .page-link{
	color: #00853e;
}

#storeAddonSection .greenBackground.page-link{
	color: white;
}

#resultPerPage{
	padding: 10px 20px;
	border: 1px solid #00c059;
}
.cursorPointer{
	cursor: pointer;
}

.nofaPayDiv{
	flex-direction: unset!important;
	padding: 20px!important;
	align-items: baseline!important;
}

.storeAddonDateDiv {
	position: absolute;
	right: 15px;
	background: #338105a6;
	color: #fff;
	padding: 2px 5px;
	margin-right: 2px;
	border-radius: 2px;
	white-space: nowrap;
}
		/* between 768px and 987px OR the screen is less than 505px */
@media screen and (min-width: 768px) and (max-width: 987px),screen and (max-width: 505px) {
  .storeAddonDateDiv {
    position: static;
  }
}

.availBalancePara{
	/* border-bottom: 1px solid #4950573d; */
	margin-bottom: 0!important;
}

.currentPlanPara{
	font-size: 13px!important;
	word-spacing: 2px;
	margin-top: -7px!important;
	margin-bottom: 0!important;
	text-transform: uppercase;
	font-weight: initial;
}