/* FRONTEND STYLES */
#wpbody-content .update-nag {
    display:none;
}

.homepage-featured-image {
    height:775px !important;
    /* background-position: 50% -521.236px !important; */
    /* background-position: center center; */
}

#wpwrap div.error {display:none;}
.wrap > div.error {display:none;} /* Hide SSL error
/* Menu */

#kf_menu_wrapper .menu-box {
    text-align: center;
    border: 1px solid black;
    margin:3px;
    padding: 2px;
}
/* Restrain the input boxes onclick from spilling over into the adjacent field */
#kf_menu .focus input {
    width:100%
}

#kf_menu_filter {
    float: right;
}

.total-boxes {
    font-size:1.4em;
}
.kf-edit-products-container .delivery-container:nth-of-type(odd) .box-header {
    background: rgba(40, 40, 40, 0.2);
}
.kf-edit-products-container .delivery-container:nth-of-type(odd) .box-header .box-title {
    color: #000;
}
.kf-edit-products-container .delivery-container:nth-of-type(even) .box-header .order-address {
    color: #FFFFFF;
}
.kf-edit-products-container .delivery-container:nth-of-type(even) .box-header {
    background: rgba(20, 20, 20, 0.5);
}
.wrap .dataTables_wrapper .dataTables_filter {
    float: left ;
    margin: 1% 0;
}

.dataTables_wrapper .dt-search-box .dataTables_filter input {
    background-color: white; 
}

.dataTables_wrapper .dataTables_length {
    margin-left: 30px;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_length select {
    width: 60px;
}

table.dataTable a.button-primary {
    text-align: center;
    min-width: 100%;
}

/*hide inputs on edits */
/*div.DTE_Inline input {
        border: none;
        background-color: transparent;
        padding: 0 !important;
        font-size: 100%;
    }

div.DTE_Inline input:focus {
    outline: none;
    background-color: transparent;
}*/

.entry-content .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}
.entry-content .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}
.alignfull img {
    width: 100vw;
}

.flex-parent-charts {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
}

.flex-child-charts {
    flex: 0 1 auto;
    text-align: center;
    min-width:750px;
}

.edit-customer.wrap .flex-parent {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
}

.edit-customer.wrap .flex-child {
    flex: 1 0 auto;
    text-align: center;
    min-width:100px;
}

.flex-parent-menu {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row nowrap;
    width: 100%;
    align-items: flex-end;
}

.flex-child-menu {
    flex: 1 1 auto;
}


.checkout-container .box-container .content {
    margin-top:30px;
    align:center;
}

.checkout-container .box-container  {
     background:#c4d6be;
	 border-radius:7px;
	 -webkit-border-radius:7px;
     -moz-border-radius: 7px;
	 padding:30px;
	 margin: 5%;
}

.checkout-container .box-container .content {
    min-height: 250px;
    text-align:center;
    margin:2%;
}

.checkout-container .frequency .box-container .content {
    min-height: 45px;
    text-align:center;
    margin:1%;
}

.checkout-container .item-title {
	font-size:24px;
	padding:10px 0px 20px 0px;
    margin-top:10px;
}

.checkout-container .box-container.active {
    background:#1B9A48;
    content: "\f147";
}

/* Fix https://github.com/LunaTechNW/cal/issues/13: Width of select2 fields */
.woocommerce-additional-fields .select2-container {
    width: 100% !important;
}

#delivery_area_map_wrapper {
    position: relative;
}

#delivery_area_map_wrapper .result-message, #delivery_area_map_wrapper .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    
    z-index: 100;
    background-color: #fff;
    color: #6d6d6d;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

#delivery_area_map_wrapper .result-message {
    padding: 0 14px;
}

#delivery_area_map_wrapper .overlay select {
    width: 250px;
}
#delivery_area_map_wrapper .overlay .select2-container {
    display: block;
}
#delivery_area_map_wrapper .overlay .select2-container--default .select2-selection--single {
    border: none;
    height: 40px;
}
#delivery_area_map_wrapper .overlay .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 40px;
    top: 0;
    right: 0;
    border-left: 1px solid #e6e6e6;
}
#delivery_area_map_wrapper .overlay .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-right: 40px;
}

.magnific-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.magnific-popup p {
    font-size: 1em;
}

.magnific-popup .heading {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0.5em;
}

.magnific-popup form {
    margin: 0;
}

.magnific-popup .field {
    margin-bottom: 10px;
}

.magnific-popup .field input {
    width: 100%;
}

.magnific-popup .dialog-buttons {
    margin-top: 20px;
    text-align: right;
}

.magnific-popup .dialog-buttons .close-button {
    cursor: pointer;
}

.magnific-popup .dialog-buttons .submit-button {
    margin-left: 10px;
}

.woocommerce-account .product_list {
    position: relative;
}

.woocommerce-account .product_list._show::after {
    content: ' ';
    height: 16px;
    border-top: 1px solid #aaa;
    position: absolute;
    width: 100%;
    background: linear-gradient(rgba(0 0 0 / 20%), transparent);
}

.woocommerce-account .product_list .flex-parent-products:nth-child(even) {
    background:#F1F1F1;
}
.woocommerce-account .apply-coupon-container {
    display: flex;
    justify-content: flex-end;
    margin: 8px 0;
}
.woocommerce-account .coupon-container #apply_coupon {
    padding-left: 0;
    padding-right: 0;
    width: 140px;
}
.woocommerce-account .coupon-container input.coupon {
    min-width: 150px;
    flex-shrink: 1;
    margin-right: 8px;
}

.woocommerce-account .box-content .totals {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    border-top: 2px solid;
}

.woocommerce-account .box-content .totals .totals-table {
    display: table;
}

.woocommerce-account .box-content .totals .totals-table > div {
    display: table-row;
}

.woocommerce-account .box-content .totals .totals-table > div > div {
    display: table-cell;
}

.woocommerce-account .box-content .totals .totals-table > div > div:first-child {
    font-weight: bold;
    text-align: right;
    padding-right: 1em;
}

.woocommerce-account .box-content .totals .totals-table > div > div .secondary-info {
    font-weight: normal;
}

.woocommerce-account .delivery .box-header {
    padding: 0 10px;
}

.woocommerce-account .order-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.woocommerce-account .order-info-container {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.woocommerce-account .order-info-group {
    align-items: center;
    flex-wrap: wrap;
    font-size: 18px;
    color: #ffffff;
}

.woocommerce-account .action-button-container {
    padding-top: 10px;
}

.woocommerce-account .action-button-container button {
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
}

.woocommerce-account .action-button-container button:last-child {
    margin-right: 0;
}

.woocommerce-account .edit-delivery-title h1 {
    text-align: center;
    margin-bottom: 0;
}

.woocommerce-account .change-date-container {
    text-align: center;
}

.woocommerce-account .header-spacer {
    flex: 1;
}

@media (max-width: 600px) {
    .woocommerce-account .header-spacer {
        display: none;
    }
}

/* ADMIN STYLES */

#kf_dashboard_orders .inside,
#kf_dashboard_customers .inside {
    margin: 0;
    padding: 0;
}

#kf_dashboard_orders table,
#kf_dashboard_customers table {
    width: 100%;
    border-collapse: collapse;
}

#kf_dashboard_orders table tbody td,
#kf_dashboard_customers table tbody td {
    padding: 9px 12px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    color: #aaa;
}
#kf_dashboard_orders table td .value,
#kf_dashboard_customers table td .value {
    font-size: 18px;
    color: #21759b;
}

#kf_dashboard_orders table tbody tr:first-child td,
#kf_dashboard_customers table tbody tr:first-child td {
    border-top: 0;
}

#kf_dashboard_orders table tbody tr td:first-child,
#kf_dashboard_customers table tbody tr td:first-child {
    border-left: 0;
}

#customer_orders_table tbody tr:hover {
    background-color: #e1e1e1;
    cursor: pointer;
}

#customer_orders_table tr td {
    vertical-align: inherit;
}

#footer-thankyou {display:none;}

#edit_customer_footer {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 37.5%;
    width: 15%;
    margin-left:auto;
    margin-right:auto;
    height: 5%;
    background-color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.nav-tab-active, .ui-tabs-active a {
    background: white;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.report-filter-global {
    padding: 10px;
}

.expander {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

.expander-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    margin-right: 5px;
}

.expander-box.expanded:after {
    content: "-";
}

.expander-box:after {
    content: "+";
}

table.lined td {
    border-bottom: 1px solid #ececec;
}

tr.totals td {
    font-weight: bold;
}

#reports .form-row .radio {
    margin-right: 1em;
}

.toolbar-filter {
    padding: 1em;
}

.toolbar-filter p.form-row {
    margin: 0;
}

.loader {
    margin-left: auto;
    margin-right: auto;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #729664; /* Blue */
    border-bottom: 8px solid #729664; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pac-container {
	/* The data returned from Google address autocomplete is behind the Thickbox, must be moved forward */
  z-index: 999999 !important;

}
.flex-address-parent.address {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row wrap;
    width: 84%;
}

.flex-address-child {
    flex: 1 0 auto;
    margin: 1.0%;
    padding: 1%;
    text-align: center;
    min-width:425px;
}

/* Hover address map on edit-customer order */
.hover_map_container {
    position: relative;  
}
   
.hover_map_container .map_container {
    display: none;
    border: 1px solid #000;
    float: left;
    position: absolute;
    left: 0;
    top: 20px;
}

.box-header-child:hover .hover_map_container .map_container {
    display: block;
}

/*Columns*/
.grid > .column,
.grid > .row > .column              { display: inline-block; text-align: left; font-size: 1rem; width: 6.25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
.grid > .column                     { -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.grid > .column:before,
.grid > .column:after               { content: " ";display: table; }
.grid > .column:after               { clear: both;visibility: hidden; }
.column                             { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*-------*/
.one.column.grid >.column           { width: 100%; }
.two.column.grid >.column           { width: 50% }
.three.column.grid >.column         { width: 33.3333% }
.four.column.grid >.column          { width: 25%; }
.five.column.grid >.column          { width: 20%; }
.six.column.grid >.column           { width: 16.66667%; }
.seven.column.grid >.column         { width: 14.2857%; }
.eight.column.grid >.column         { width: 12.5%; }
.nine.column.grid >.column          { width: 11.1111%; }
.ten.column.grid >.column           { width: 10%; }
.eleven.column.grid >.column        { width: 9.0909%; }
.twelve.column.grid >.column        { width: 8.3333%; }
.thirteen.column.grid >.column      { width: 7.6923%; }
.fourteen.column.grid >.column      { width: 7.1428%; }
.fithteen.column.grid >.column      { width: 6.6666%; }
.sixteen.column.grid >.column       { width: 6.25%; }

.two-column-container .col1 {
    float: left;
}
.two-column-container .col2 {
    float: left;
}
.col1, .col2 {
    width: 100%;
}

@media (min-width: 660px) {
    .two-column-container .col1 {
        padding-right: 2em;
    }

    .col-size-sm-9 {
        width: 90%;
    }
    .col-size-sm-8 {
        width: 80%;
    }
    .col-size-sm-7 {
        width: 70%;
    }
    .col-size-sm-6 {
        width: 60%;
    }
    .col-size-sm-5 {
        width: 50%;
    }
    .col-size-sm-4 {
        width: 40%;
    }
    .col-size-sm-3 {
        width: 30%;
    }
    .col-size-sm-2 {
        width: 20%;
    }
    .col-size-sm-1 {
        width: 10%;
    }

    .page-template-template-fullwidth-php nav.woocommerce-MyAccount-navigation {
        width: 20%;
        float: left;
        margin-right: 3%;
    }

    .page-template-template-fullwidth-php div.woocommerce-MyAccount-content {
        margin-right: 0%;
    }
}

/*Customer Notes*/
#note_table tr.alternate {
	background-color: #EDEDED;
}

#note_table td.note_title {
	width: 15%;
}

#note_table td.note_content {
	width: 70%;
}

#note_table td.added_by {
	width: 15%;
}

.ui-datepicker                          { width: 17em; padding: 0.2em 0.8em 0; display: none; background: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,.5); }
.ui-datepicker .ui-datepicker-header    { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
                                        { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
                                        { top: 1px }
.ui-datepicker .ui-datepicker-prev      { left: 2px }
.ui-datepicker .ui-datepicker-next      { right: 2px }
.ui-datepicker .ui-datepicker-prev-hover
                                        { left: 1px }
.ui-datepicker .ui-datepicker-next-hover
                                        { right: 1px }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
                                        { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title     { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select
                                        { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
                                        { width: 45% }
.ui-datepicker table                    { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th                       { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td                       { border: 1px solid #E9E9E9; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a
                                        { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane
                                        { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button
                                        { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
                                        { float: left }

#kf_menu thead td:hover {
    color:red;
}

/* Select column*/
#kf_menu tbody tr td:hover {
    color:red;
}

.applyBtn, .cancelBtn {
    width: 45%;
    background-color:green;
    color:white;
    border: 0;
    margin: 1%;
    padding: 1%;
}

.onoffswitch {
    position: relative; width: 100px; display: inline-block;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none !important;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner.drivers:before, .onoffswitch-inner.days:before {
    background-color: #34A7C1; color: #FFFFFF;
    content: "On";
    padding-left: 10px;
}
.onoffswitch-inner.days:before {
    background-color: #3bc134; color: #FFFFFF;
}
.onoffswitch-inner:before {
    background-color: #A3CCFF; color: #FFFFFF;
}

.onoffswitch-inner.drivers:after, .onoffswitch-inner.days:after {
    content: "Off";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-inner:before {
    content: "Live";
    padding-left: 10px;
}
.onoffswitch-inner:after {
    content: "Test";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 15px;
    background: #FFFFFF;
    position: absolute; top: 9px; bottom: -9px;
    right: 46px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-switch {
    height: 18px;
    top:-9px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -9px;
}



/* My Account  */

.box {
  padding: 0% 0% 1% 0%;
  margin: 0% 0% 1% 0%;
  overflow: visible;
  width: 100%;
}

.box .box-content {
    background:white;
    border: 2px solid #1b9a48;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.box .box-content .box-title {
    font-size: 1.8em;
}

.box.account-balance .box-content {
    text-align: center;
}

.box .balance-debt {
    color: red;
}

table.box-menu th, table.box-menu td {
    text-align:center;
}

.flex-parent-box-grid {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;
}

.flex-child-box-grid {
    flex: 0 1 auto;
    margin: 0 1% 1em 1%;
    text-align: center;
    min-width:50px;
}

.flex-parent-products {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row nowrap;
    width: 100%;
    justify-content: space-between;
}

.flex-child-products {
    flex: 1 1 auto;
    margin: 1% 1%;
    text-align: center;
    min-width:50px;
}

.flex-child-products .product-title {
    font-size: 1.3em;
    font-weight: 600;
    color: #000;
}

.flex-child-products .input-group {
    display: flex;
    flex-wrap: wrap;
}

.flex-child-products .input-group > div {
    flex-grow: 1;
    margin-top: 0.75em;
}

.flex-child-products .input-group input.quantity {
    width: 80px;
    padding: 1px 8px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.box-header-parent {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
    width: 95%;
    justify-content: space-between;
}
.box-header-child {
    flex: 0 1 auto;
    padding-bottom: 0.4%;
}

.box-header-child:first-of-type {
    padding-left: 1%;
}
.box-header-child:last-of-type {
    padding-right: 1%;
}

.box-header {
    background-color: rgba(27,154,72, 1);
    padding-top: 1%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.box-header span.box-title {
    color: white;
    font-size: 2em;
}

#products .product-title {
	color: #42321C;
	text-align:center;
	width: 100%;
}

#products .product-title h1 {
    margin: 0px;
}

#products .product-price sup i {
    font-size: 1.3em;
    letter-spacing: 1px;
    font-weight: bolder;
}

#products .product-variations {
	font-size:1.2em;
	margin: 1% 0%;
    font-weight: 600;
}

#products .product-description {
	font-size: 0.75em;
	padding: 10px 0;
	text-align: center;
}

.update-customer-info {display:none;}
/* customer my account products*/
.current_products .product-parent:nth-child(odd) .product-description,
/* driver delivery portal*/
#products .delivery-container:nth-child(even) .product-description {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.current_products .product-parent:nth-child(even) .product-description,
#products .delivery-container:nth-child(odd) .product-description {
	border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.current_products .product-parent:nth-child(odd),
#products  .delivery-container:nth-child(even) {
	background-color: #D6D8D8;
}

.order-received-message {
    border: 2px solid #6d6d6d;
    border-radius: 4px;
    padding: 1em;
    margin-bottom: 2em;
}

.delivery .pick-date .delivery-date {
    display: none;
}

.delivery .pick-date .ui-datepicker-trigger {
    font-size: 1.25em;
    padding: 0.28em 0.5em;
    border: 2px solid #fff;
    border-radius: 4px;
}

.delivery .pick-date .dashicons-before:before {
    padding-top: .25em;
}

.edit_product {
	background-color:transparent;
	height:90%;
}
.edit_product div.actions {
	border-top: 2px dotted black;
}
.edit_product .actions span {
	margin-right: auto;
	margin-left: auto;
	width: 50%;
	padding: 8px 0px;;
	font-size: 2.7em;
}
.edit_product .actions .dashicons {
    display: inline;
}
.edit_product .actions span:hover{
	/*background-color: #A6A8A8;*/
	/*border-radius: 10px;*/
}
.edit_product h1.qty {
	width: 100%;
	text-align: center;
	font-weight: 900;
	font-size: 3.0em;
    margin: 0px;
}

.product-parent {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row nowrap;
    width: 100%;
    justify-content: space-between;
}

.delivery-action {
    padding: 8% 10%;
    margin: 7% 0%;
    min-width:100%;
}

@media (max-width: 768px ) {
    .product-parent {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: column nowrap;
        width: 100%;
        justify-content: space-between;
    }

    .delivery-action {
        padding: 8% 10%;
        margin: 1% 0%;
        min-width:100%;
    }
}

.product-child {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 0 ;
    padding: 1%;
	min-width: 100px;
}
.product-child.products {
	flex: 4 auto;
}


.current_products .product-parent:nth-child(odd) hr {
    margin-bottom: 0em;
    border-top: 2px dashed white;
    background-color: unset;
}
.current_products .product-parent:nth-child(even) hr {
    margin-bottom: 0em;
    border-top: 2px dashed black;
    background-color: unset;
}

/* Checkout */

.form-row.woocommerce-SavedPaymentMethods-saveNew {
	display: none !important;
}

.payment-method td.woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions a.button.default {
	display:none;
}

.delivery_date_true {
    color:green;
}

.delivery_date_false {
    color:red;
}

.product-parent .delivery-options-container::-webkit-input-placeholder {
    color: black;
    font-weight: bolder;
}

/* switch files for accuracy */
.column-order_status mark.status-delivered {
    /* content: url(/wp-content/uploads/2017/07/routed.png); */
    background: #dec499;
    color: #ff9e00;
}
.column-order_status mark.status-routed {
    /* content: url(/wp-content/uploads/2017/07/delivered.png); */
    background: #b4d0dd;
    color: #00b0ff;
}

.short-address a button {
    margin-top:3px;
    float:right;
}

#customer_address + .select2.select2-container {
    min-width:450px;
}

#never-send-select + .select2.select2-container {
    min-width:250px;
}

/* Dropdown Button */
.dropbtn {
    background-color: #F1F1F1;
    color: #4CAF50;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-weight:bold;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #FFFFFF;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 190px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}
/* End Dropdown Button */

.route-title, .route-date {
    color: white;
    font-size: 25px;
}

.kf_label {
    font-size: 1.0em;
    font-weight: bold;
    min-width:250px;
    max-width:500px;
}

/* highlight table rows*/
.kf_product_custom {
    background-color: rgba(0, 255, 0, 0.3) !important;
    border: 2px dashed green;
}

.kf_product_sub {
    background-color: rgba(0, 0, 255, 0.3) !important;
    border: 2px dashed blue;
}

.kf_never_send {
    width: 45px;
}

/* admin delivery products */
#delivery_container_parent .box-header-child .box-title {
    font-size: 1.3em;
}

.delivery-address-child:first-of-type {
    width:20%;
}

/* Start Autocomplete tooltip about apartment numbers */
.address_2_info:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 135px;
    background-color: #33984F;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 6px;
    font-size:0.8em;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
/* End Autocomplete tooltip about apartment numbers */

@media (max-width: 1024px ) {
    /* frontend my account delivery items */
    .box-header-child span.box-title {
        font-size: 1.4em;
    }
    .box-header-child button {
        font-size: 0.9em;
    }
    .product-child .product-title h1 {
        font-size: 1.4em;
    }
    .product-child .product-description h2 {
        font-size: 1.3em;
    }
    .product-child .edit_product h1.qty {
        font-size:1.6em;
    }
    .product-child .edit_product h4 {
        font-size: 1.2em;
    }
    .product-child .edit_product .actions span {
        font-size: 1.5em;
    }
    .product-child .product-image {
        width: 75%;
    }
    .edit-delivery-title {
        font-size: 0.9em;
    }
}

@media (max-width: 600px ) {
    /* frontend my account delivery items */
    .box-header-child span.box-title {
        font-size: 1.0em;
    }
    .box-header-child button {
        font-size: 0.6em;
    }
    .product-child .product-title h1 {
        font-size: 1.1em;
    }
    .product-child .product-description h2 {
        font-size: 1.0em;
    }
    .product-child .edit_product h1.qty {
        font-size:1.3em;
    }
    .product-child .edit_product h4 {
        font-size: 1.0em;
    }
    .product-child .edit_product .actions span {
        font-size: 1.1em;
    }
    .product-child .product-image {
        width: 50%;
    }
    .edit-delivery-title {
        font-size: 0.7em;
    }
}
 /*Delivery Map markerlabel */
.map_labels {
    font-size: 2.0em;
    color: black;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 9px;
    padding: 6px;
}

/* mini-delete icon in address-search autocomplete box to clear text */
span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 3px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight:800;
}
span.deleteicon input {
    padding-right: 16px;
    box-sizing: border-box;
}
div.locationField {
    border: 3px solid #F2F2F2;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
div.locationField h2 {
   margin: 1%;
}

/* KF_Box cards*/
.entry-content .card {
    box-shadow: 3px 4px 8px 3px rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
}
.entry-content .card:hover {
    box-shadow: 3px 12px 18px 3px rgba(0,0,0,0.5);
}

.entry-content .card .title {
    color: grey;
    font-size: 22px;
    font-weight: bold;
}

.entry-content .card button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #33984F;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}

.entry-content .card a {
    text-decoration: none;
    font-size: 22px;
    color: #33984F;
}

.entry-content .card button:hover, a:hover {
    opacity: 0.7;
}

.entry-content .card .description {
    font-size: 1em;
}

.entry-content .card img {
    border-radius: 0;
}

.card .menu-items td,
.card .menu-items th {
    padding: .25em 1em;
}

.entry-content .card .frequency {
    margin-bottom: 1em;
}

.entry-content .card .tooltip {
    background-color: rgba(0,0,0,.5);
    padding: .125em .5em;
    color: white;
    border-radius: 4px;
}

.entry-content .card h2 {
    font-size: 1.5em;
}

/*CSS Card flipping*/
/* entire container, keeps perspective */
.flip-container {
    -webkit-perspective: 1000;
    perspective: 1000;
    transform-style: preserve-3d;
}
    /*  UPDATED! flip the pane when hovered */
    /* changed to a click, not a hover */
    .flip-container.hover .back {
        transform: rotateY(0deg);
    }
    .flip-container.hover .front {
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
    width: 320px;
    height: 480px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
    height: auto; /* Content on back can be longer. Set height with javascript. */
}

/*
    Some vertical flip updates
*/
.vertical.flip-container {
    position: relative;
}

.vertical .back {
    transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}

.update-success {
    animation-name: success;
    animation-duration: 3.0s;
}

.update-fail {
    animation-name: fail;
    animation-duration: 3.0s;
}

@keyframes success {
    0%   {background-color: #33984F;}
    100%  {background-color: #ffffff;}
}

@keyframes fail {
    0%   {background-color: #e60000;}
    100%  {background-color: #ffffff;}
}
/*  Set height of select2 product search boxes */
.select2-container--default .select2-results>.select2-results__options {
    max-height: calc(100vh - 270px)!important;
}

#add_item_search::-webkit-input-placeholder {
    color: black;
    font-weight: bolder;
}

#delivery_container_parent .customer_products .kf_price::-webkit-input-placeholder {
    color: rgba(100, 154, 110, 0.9);
    text-decoration: underline;
}

.woocommerce-MyAccount-content .edit-delivery-description {
    font-size: 0.9em;
    text-decoration: italic, bold;
    text-align:center;
    margin-top:-2%;
    padding-bottom:0.5%;
}

#add_user_container .table-cell {
    padding: 1.5% 0;
}

#add-to-delivery .delivery-description {
    font-style: italic;
    font-size: 14px;
    margin-top:4px;
}

.woocommerce-MyAccount-navigation-link {
    padding: 2%;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background: rgba(15,156,78,1);
}

.woocommerce-MyAccount-navigation-link:hover {
    background-color: rgba(15,156,78,0.6);
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color:white;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation-link.is-active a::before{
    color:white;
}

/* highlight selectable dates, today and current selected date */
.ui-datepicker-calendar .delivery_date_true {
    background-color: #ebf4f8 !important;
}

.ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: rgba(0, 128, 0, 0.6) !important;
}

.ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #ffffff;
}

.ui-datepicker-calendar .ui-datepicker-today {
    background-color: rgba(0, 116, 210, 0.3);
}

.storefront-handheld-footer-bar ul li.search .widget {
    margin-bottom: 42px !important;
}

.storefront-handheld-footer-bar ul li.search .widget {
    margin-bottom: 42px !important;
}

.customer-type-toggle {
    border: 4px solid #0071a1;
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: center;
    font-weight: 500;
    -webkit-transition: background 600ms ease, color 600ms ease;
    transition: background 600ms ease, color 600ms ease;
}
input[type="radio"].toggle {
    display: none;
}
input[type="radio"].toggle + label {
    cursor: pointer;
min-width: 60px;
}
input[type="radio"].toggle + label:hover {
    background: none;
color: #0071a1;
}
input[type="radio"].toggle + label:after {
    background: #0071a1;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    z-index: -1;
}
input[type="radio"].toggle.toggle-left + label {
    border-right: 0;
}
input[type="radio"].toggle.toggle-left + label:after {
    left: 100%;
}
input[type="radio"].toggle.toggle-right + label {
    margin-left: -5px;
}
input[type="radio"].toggle.toggle-right + label:after {
    left: -100%;
}
input[type="radio"].toggle:checked + label {
    cursor: default;
    color: #fff;
    -webkit-transition: color 200ms;
    transition: color 200ms;
}
input[type="radio"].toggle:checked + label:after {
    left: 0;
}

/* bootstrap tooltip style */
.tooltip {
    position: absolute;
    z-index: 1070;
    line-height: 1.5;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0.9;
}

.tooltip-arrow {
    position: absolute;
    width: 0.8rem;
    height: 0.4rem;
}
  
.tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.tooltip[x-placement^="top"] {
    padding: 0.4rem 0;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    bottom: 0;
}

.tooltip[x-placement^="top"] .tooltip-arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}