<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Order Item Page **/

.schedule-api-sub {
position: absolute;
left: -9999px;
opacity: 0;
}

.adj-reason, .adj, .adjustment-save, .adjustment-cancel {
	display: none;
}
.page-main {
	padding: 40px 0;
}

.p-status {
	font-size: 10px;
   padding: 5px;
    margin-top: 5px;
}
.p-status.n-confirmed {
	color: red!important;
	background: pink;
} 
.p-status.confirmed {
	color: green!important;
	background: mintcream;
} 

.order-wrap p {
	margin-bottom: 2px;
	font-size: 12px;
}
.email-add, .day, .start, .end, .zip-add, .drop-add-price, .drop-add-id, .d-locations-add {
	display:none;
	max-width: 200px;
    margin-bottom: 10px;
}

.edit-area button[type="submit"] {
	display: none;
}
.p-date {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

.order-wrap p  b {
	font-size: 18px;
	font-weight: 700;
}

.detail-contain p {
	font-size: 14px;
    font-weight: 600;
}

p.phone, p.email {
	font-size: 14px;
    font-weight: 600;
}

p.email {
	padding: 5px 0;
}

p.phone {
	 padding: 0px 0 10px 0;
}

.pickup-details .schedule {
	margin-top: 15px;
    display: inline-block;
	border-radius: 0;
	padding: 10px 15px;
	background-color: #006635;
	text-transform:uppercase;
	font-weight: 400;
}

.detail-contain .complete-order {
		border-radius: 0;
	padding: 5px 15px;
	background-color: #006635;
	text-transform:uppercase;
	font-weight: 400;
}

.page-contain {
	width: 80%;
    max-width: 2400px;
    margin: 0 auto;
	
}

.order-head, .order-items, .order-notes {
	background: #fff;
    padding: 30px;
	border: 2px solid #cfdfc3;
	margin-bottom:15px;
}

.order-head h3, .head-details h4, .order-items h2, .order-notes h2 {
	font-size: 20px;
    font-weight: bold;
	padding: 10px;
    background: #cfdfc357;
	border: 1px solid #cfdfc3;
}

.user-dashboard .editable input, .user-dashboard .editable select, .user-dashboard input.edit, .user-dashboard select.edit, .user-dashboard textarea, #input_1_52 {
	display: none;
}
#commercial-customer-view .editable label {
	display:none;
}

.label {
	font-weight: 900;
	color: #2e5603;
	text-transform: uppercase;
}

.detail-contain {
	display: flex;
	flex-direction: row;
	gap: 40px;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	padding: 10px;
    background: #ededed94;
}

.billing-details, .pickup-details {
	width: 30%;
	padding: 20px 0;
}

.billing-details {
	border-right: 1px solid #cfdfc3;
	min-height: 200px;
}

.detail-contain div {
	width: 100%;
	border-right: 1px solid #ccc;
}

.detail-contain div:nth-last-of-type(1) {
	borderr: 0 none;
}

.address-contain {
	padding: 10px;
	display: flex;
	flex-direction: row;
	gap: 50px;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	
}

.item-row {
	padding: 10px;
	display: flex;
	flex-direction: row;
	gap: 50px;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.product-details, .mun-details {
	width: 30%;
}

.product-details {
	border-right: 2px solid #cfdfc3;
}

.note {
	padding: 10px;
	display: block;
	margin: 15px 0;
	background: #ededed94;
	border: 1px solid #ccc;
}

.note p {
	font-weight: 700;
}

.adj-buttons {
	margin-top: 15px;
    display: inline-block;
}

.add-note, .edit-order, .adjustment {
	background: #f09021;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
}

.save-note, .save-order, .adjustment-save {
	background: #006635;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
}

.cancel-note, .cancel-edit {
	background: red;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
	margin-left:15px;
}

.adjustment-cancel {
		background: red;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
	margin-left:0;
}

.edit-order {
	font-size: 20px;
	float:right;
}

.add-note:hover, .edit-order:hover, .save-note:hover, .cancel-note:hover, .save-order:hover, .cancel-edit:hover, .adjustment:hover, .adjustment-save:hover, .adjustment-cancel:hover {
	opacity: .8;
}

.save-note, .cancel-note, .cancel-edit, .save-order {
	display: none;
}

.save-note.show, .cancel-note.show, .cancel-edit.show, .save-order.show, .adjustment-cancel.show, .adjustment-save.show, .save-users.show, .save-general.show, .save-accounting.show, .cancel-users.show, .cancel-general.show, .cancel-accounting.show {
	display: inline-block;
}

.adj-contain {
	display: block;
	margin-top:20px;
	width: 90%;
	
}

.order-filter, .adj-order-filter, .adjustment-submit, .order-submit {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

.adj-contain input {
	margin-bottom: 15px;
}

.editable .pencil, .editable .cancel {
	position: relative;
	display: none;
	transition: all 300ms ease-in-out 0s;
}

.editable.edit .pencil{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align:center;
	background: #ededed94;
	margin-right:10px;
	color: #006635;
	font-weight: bold;
	font-size: 12px;
    margin-bottom: 15px;
}

.editable.edit .cancel {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align:center;
	background: red;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
    margin-bottom: 15px;
}


.editable.edit .pencil:hover {
	cursor: pointer;
	background: #006635;
	color: #fff;
} 
.editable.edit .cancel:hover {
	cursor: pointer;
	opacity: .7;
} 

.note textarea {
	margin-bottom: 20px;
}

input[name="pickup_name_first"] {
	margin-bottom:10px;
}


	


/** End Order Item Page **/




.product-t{
	    display: flex;
    flex-direction: column;
   
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
	background:#ededed73;
	padding:20px;
	width:100%;
}

.ex-cust legend, .ex-cust label {
	text-transform:uppercase;
	color:#437F03!important;
	font-size: 14px!important;
}
.ex-cust input:focus, .ex-cust select:focus {
	border: 0 none!important;
}
.ex-cust input, .ex-cust select {
	border: 0 none!important;
	padding:0!important;
	position: relative;
	z-index:1;
	color: #000!important;
	font-size: 16px!important;
}
.ex-cust{
	position:relative;
}
.ex-cust::before{
	content: '';
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	position: absolute;
	z-index:2;
}

.ex-cust .ginput_address_line_1 label, .ex-cust .ginput_address_line_2 label, .ex-cust .ginput_address_city label, .ex-cust .ginput_address_state label, .ex-cust .ginput_address_country label, .ex-cust .ginput_address_zip label {
	display:none!important;
}

.ex-cust .has_first_name {
	display:block!important;
}

.ex-cust .name_first, .ex-cust .name_last {
	float:left;
}

.ex-cust .ginput_address_line_1, .ex-cust .ginput_address_line_2, .ex-cust .ginput_address_city, .ex-cust .ginput_address_state, .ex-cust .ginput_address_country, .ex-cust .ginput_address_zip {
	margin-bottom:0!important;
}



#order-table_filter{
	margin-top:-30px;
}

.close-b {
	position: absolute;
    top: -5px;
    right: -5px;
    font-size: 26px;
}

.daily-btn, .new-order{
	    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    color: #222!important;
    text-decoration: none!important;
    padding: 10px 20px 10px 20px!important;
    background: green!important;
    color: #fff!important;
    border-radius: 50px;
    transition: all 300ms ease-in-out 0s;
	
}
.daily-btn:hover, .new-order:hover {
	background:#ccc!important;
	color:#000!important;
}

.set-filters, .com-set-filters{
	text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
  
    text-decoration: none!important;
    padding: 10px 20px 10px 20px!important;
    background: #ededed!important;
    color: #222!important;
    border-radius: 50px;
    transition: all 300ms ease-in-out 0s;
	margin-left:20px;
	
}
.set-filters:hover, .com-set-filters:hover {
	background:green!important;
	color:#fff!important;
}

button.dt-button {

	padding: 5px 10px 5px 10px!important;
	font-size: 12px!important;
	line-height: 12px!important;
}

.filters, .com-filters {

	floaT: left;
	width: 60%;
    margin: 0 auto 15px auto;
    display: none;
	position: absolute;
    z-index: 9;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, .2);
}

#admin-pick-confirm, #admin-email-confirm {
	position: absolute; 
	left:-9999px; 
	opacity:0;
}

#order-table_filter{
	float: right;
}
#order-table_filter input {
		padding: 0.2rem 1rem!important;
	border-radius: 50px!important;
	    border: 2px solid #ccc!important;
}
.filters h5, .com-filters h5 {
	text-align:center;
	    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
	margin-bottom: 4px;
    margin-top: 0;
}

.dt-buttons {
		height: 60px;
    line-height: 70px;
	    float: left;
    width: 230px;
}

.dataTables_length {
	font-size:0;
	position: relative;
	height: 52px;
    display: flex;
    align-items: flex-end;
	
}

.dataTables_length::after {
	content: 'Per Page';
	font-size: 12px;
	height: 24px;
    margin-left: 7px;
	text-transform: uppercase;
    font-weight: 700;
    color: #006633;
}

.dataTables_length select, .dataTables_length option {
	font-size: 14px;
}

.filter-o, .com-filter-o {
	float:left;
	width: 100%;
	margin-bottom:15px;
}

.filter-o.ds-input, .com-filter-o.ds-input {
	width: calc(50% - 15px);
	margin-right: 15px;
}
.filter-o.ds-input:nth-last-of-type(1), .com-filter-o.ds-input:nth-last-of-type(1) {
	margin-right: 0!important;
	float:right!important;
}
.filter-o select, .filter-o input, .com-filter-o select, .com-filter-o input {
	padding: 0.2rem 1rem!important;
	border-radius: 50px!important;
	    border: 2px solid #ccc!important;
}

.filter-o label, .com-filter-o label {
	display:none!important;
	font-size:12px!important;
}

.filter-o.ds-input label, .com-filter-o.ds-input label {
	display:block!important;
}
.reset-btn, .com-reset-btn {
	display: none;
    margin-left: 20px;
}
.reset-b , .com-reset-b {
	padding:10px;
	border-radius: 50px;	
	font-weight:bold;
	background: #000;
	color:#fff;
	transition: all 300ms ease-in-out 0s;
	    font-size: 12px;
    display: block;
    text-align: center;
    max-width: 100px;
    line-height: 12px;
}
.reset-b:hover , .com-reset-b:hover {
	background:#ccc;	
	color:#000;
}
.filter-o:nth-last-child(1), .com-filter-o:nth-last-child(1){
	width: 10%;
	margin-right:0;
}

.p-data {
	width: 100%;
	text-align:center;
}
.p-data h4 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom: 1px solid #ededed;
	    padding-bottom: 15px;
			margin-bottom: 10px;
}

.order-totals {
	box-shadow: 2px 2px 30px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;
	padding-bottom:20px;
	margin-bottom: 5px;
}
.order-totals h2 {
	width: 100%;
	color:#fff;
}

.o-contain {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content:center;
	align-items:center;
}
.o-contain  div {
	width: 100%;
}

.p-status {
	font-size: 10px;
   padding: 5px;
    margin-top: 5px;
}
.p-status.n-confirmed {
	color: red!important;
	background: pink;
} 
.p-status.confirmed {
	color: green!important;
	background: mintcream;
} 
a.resend-pick-confirm {
	background: green;
    padding: 2px 5px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}

a.resend-pick-confirm:hover {
	background: #222;
	color: #fff!important;
}

.top-seller {
	    display: flex;
    flex-direction: row;
        box-shadow: 2px 2px 30px 0 rgb(0 0 0 / 30%);
   
    border-radius: 10px;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}

.chart {
	float:left;
	width:60%;
	box-shadow: 2px 2px 30px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;
	margin-top: 30px;
	width: calc(60% - 20px);
    max-height: 380px;
    margin-left: 20px;
}

.top-sellers {
	padding-top: 50px;
    display: inline-block;
    width: 100%;
}

.p-totals {
	float: left;
    width: calc(40% - 20px);
    margin-right: 20px;
	    
    border-radius: 10px;
    
	box-shadow: 2px 2px 30px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    margin-top: 32px;
}

#orderChart {
	    height: 100%;
    width: 100%;
    max-height: 400px;
    max-width: 800px;
}

.top-seller div {
	width: 100%;
	text-align:center;
	
  
	heoght:100%;
	
}
.top-seller p {
	  
   text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 15px 5px;
    background: #ededed;
    margin-bottom: 0px;
}

.top-seller h4 {
	    font-size: 32px;
    margin: 25px 0;

}

.top-seller div.tag {
	background: #038e00fa;
	padding:15px;
	color:#fff;
	text-align:left;
	border-radius: 10px 0 0 10px;
}

.top-sellers table {
	margin-top: 40px;
}
.top-seller div.tag p {
	background:transparent;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 14px!important;
    letter-spacing: .5px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 10px;
}

.top-seller div.tag h4 {
	font-size: 32px;
}
.o-contain h3 {
background: #90f3ab69;
    padding: 5px;
    font-size: 14px!important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold!important;
}
.s-num {
	font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px!important;
}
.p-data p {
	font-size: 32px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 0;
}

.p-totals h2 {
    background: #39a3eb;
    padding: 15px 10px;
    text-align: center;
    border-radius: 0;
    /* box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%); */
    color: 1;
    margin-top: 0px;
    margin-bottom: 0;
    color: #fff!important;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    font-weight: bold!important;
    font-size: 20px!important;
	border-radius: 10px 10px 0 0;
}

.order-totals h2 {
	background: #232b4d;
	padding:20px;
	text-align:center;
	border-radius:10px 10px 0 0;
	letter-spacing:2px;
	box-shadow:2px 2px 5px 0 rgba(0, 0, 0, .3);
	color:#fff!important;
}
.dash-logo-c {
	background: #ededed;
    padding: 20px;
	margin-bottom:20px;
}
.user-dashboard {
	    position: absolute;
    right: 0;
    width: 84%!important;
    top: 0;
    z-index: 9;
/*    max-width: 1300px;*/
	    padding: 5%;
    background: #fff;
}

.dash-buttons {
	    position: fixed;
    left: 0;
    width: 16%;
    height: 100%;
        background: #222;
    z-index: 9999999;
    top: 0;
   
}

.user-dashboard .tab-wrap {
	overflow-x: scroll;
}

.dash-btns {
	    flex-direction: column!important;
	gap: 0;
}

.l-filter  {
opacity: 0;
position: absolute;
left: -99999px;}
#orders, #municipalites, #tickets, #com-orders {
	display: block!important;
	transition: all 300ms ease-in-out 0s;
}

.user-dashboard {
	width:90%;
	max-with: 1900px;
	margin: 0 auto;
	display: block;
}

.tab-wrap {
	padding: 30px;
}
.current-count {
	
}
.t-sales {
	    padding-left: 20px;
}
.t-items {
	padding-right: 20px;
}
.log-in-btns {
	position: fixed;
    bottom: 0;
    padding: 10px;
    width: 30%;
    max-width: 250px;
	color:#fff;
	font-size:14px;
}
.log-in-btns a {
	color:#fff;
	background: green;
	border-radius:3px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	padding:3px 10px 5px 10px;
	transition: all 300ms ease-in-out 0s;
}
.log-in-btns a:hover {
	color:green;
	background: #fff;
}
.dash-btns {
	padding: 0px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}
.dash-btn {
	    text-align: left;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
    color: #222!important;
    text-decoration: none!important;
    padding: 15px 20px 15px 20px!important;
    /* background: #0c740e!important; */
    color: #fff!important;
    border-radius: 0;
    transition: all 300ms ease-in-out 0s;
    width: 100%!important;
    border-bottom: 1px solid #666;
}
.dash-btn:hover, .dash-btn.active  {
	background: #09c212!important;
	color:#fff;
}
.tab-sec{
	background: #fff;
	margin-top:20px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .4);
}
 #municipality-table_filter input,  #support-table_filter input {
	padding: 5px!important;
}
.ui-datepicker.ui-widget.ui-widget-content:not(.gform-legacy-datepicker)[style] {
    z-index: 99999999999!important;
}
.phone a, .email a {
	color: #222!important;
	transition: all 300ms ease-in-out 0s;
}
.phone a:hover, .email a:hover {
	color: #437F03!important;
}
.pname.express {
	color: green;
}
.pname.standard {
	color: #333;
}
.status.approved {
	color: green;
}
.status.cancelled {
	color: red;
}
.status.on-hold {
	color: orange;
}
.status.processing, .status.pending {
	color: darkgoldenrod;
}
.pick.upcoming {
	color: green;
}
.a-btns {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.approve, .decline{
	padding: 20px;
	border-radius: 50px;
	font-weight: bold;
	color: #fff!important;
	font-size: 18px;
	text-align: center;
	width: 100%;
	transition: all 300ms ease-in-out 0s;
}

.approve {
	background: green;
}
.approve:hover, .decline:hover {
	background: #222;
}
.decline {
	background: red;
}
#gform_submit_button_13 {
	margin: 0 auto;
}

#field_13_10 .ginput_complex {
	flex-flow: row!important;
    flex-direction: row;
}
#field_13_10 .ginput_container_time {
	flex-basis: auto!important;
    max-width: 100%!important;
    min-width: 64px;
    width: 100%!important;
}
#field_13_10 .ginput_container_time input, #field_13_10 .ginput_container_time select {
	padding: 15px;
}
#input_13_9 {
	width: 100%;
	padding: 15px;
}
#gform_13 {
	    margin-top: 10px;
    padding: 20px;
    border: 2px solid #999999;
}
#field_13_1, #field_13_6, #field_13_7, #field_13_8 {
	opacity: 0;
	position: absolute;
	left: -9999px;
}

.c-name, .c-phone, .c-email {
	position: relative;
	padding-left: 20%;
}

.c-name::before, .c-phone::before, .c-email:before, .c-date:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #437f03;
}
.c-name::before {
	content: 'Customer Name:';
}

.c-date::before {
	content: 'Schedule Order on:';
}
.c-phone::before {
	content: 'Phone Number:';
}

.c-email::before {
	content: 'Email Address:';
}
.order-details {
	background: #ededed;
    padding: 20px;
    font-weight: bold;
	margin-bottom: 20px;
}

.c-date {
	padding-left: 20%;
	position: relative;
font-weight:bold;
	margin-top: 10px;
}

.c-date span{
	color: #222!important;
}


.order-id {
	text-align: center;
    border-bottom: 2px solid #437f03;
    padding-bottom: 10px;
    font-size: 32px;
}

.close-form, .close-box {
	position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-weight: bold;
    background: #222;
    padding: 10px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    transition: all 300ms ease-in-out 0s; 
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .6);
}

.close-form:hover, .close-box:hover {
	cursor: pointer;
	background: #666;
}
.order-form {
	overflow:auto;
}
.schedule-form, .order-form{
    position: fixed;
    top: 0;
    bottom: 0;
    left: -99999999px;
    right: 0;
    margin: auto;
    height: 80vh;
    width: 60vw;
    opacity: 0;
	box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 80%);
    border-radius: 5px;
    border: 4px solid #437f03; 
	z-index: 99999999;
	    background: #fff;
    padding: 30px;
}

.view-order:hover, .view-municipality:hover, .approve-invoice:hover {
	opacity: .8;
}

.schedule-form.visible, .order-form.visible {
	left: 0;
	opacity: 1;
}
#approval, #complete, #note, #invoice-approve{
	position: absolute;
	opacity: 0;
	left:-99999px;
}
.schedule, .complete-order, .view-order, .view-municipality, .approve-invoice, .schedule-order{
	background: green;
    padding: 5px 5px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}

.coupon-used bdi {
	text-decoration: line-through;
	color:red!important;
}

.submit-schedule  {
	background: green;
    padding: 10px 30px;
    color: #fff!important;
    font-weight: bold;
    font-size: 14px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
	margin-top: 30px;
    display: inline-block;
}
.approve-order{
	background: green;
    padding: 2px 5px;
    color: #ffff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}
.approve-order:hover, .decline-order:hover, .submit-schedule:hover {
	background: #222;
}
.email a.resend-confirm {
	background: green;
    padding: 2px 5px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}

.email a.resend-confirm:hover {
	background: #222;
	color: #fff!important;
}

a.resend-pick-confirm {
	background: green;
    padding: 2px 5px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}

a.resend-pick-confirm:hover {
	background: #222;
	color: #fff!important;
}
.decline-order {
	background: red;
    padding: 2px 5px;
    color: #ffff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50px;
	transition: all 300ms ease-in-out 0s;
}
.status-btns{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#order-table th, #com-order-table th, #municipality-table th, #support-table th {
	background: #444;
	color: #fff;
	text-align: center;
	border: 0 none;
	line-height: 18px;
}
table.dataTable thead&gt;tr&gt;th.sorting:after, table.dataTable thead&gt;tr&gt;th.sorting:before {
	    line-height: 14px!important;
    font-size: 1.2em!important;
	    opacity: .6!important;
}
table.dataTable thead&gt;tr&gt;th.sorting.sorting_asc:before {
	opacity: 1!important
}
table.dataTable thead&gt;tr&gt;th.sorting.sorting_desc:after {
	opacity: 1!important
}
table#order-table th, table#com-order-table th, table#order-table td, table#municipality-table th, table#municipality-table td, table#support-table th, table#support-table td {
	vertical-align: middle!important;
	text-align:center;
	font-weight:500;
}
body:not(.elementor-editor-active) .pop-up-box {
	padding: 0 30px;
    text-align: center;
	position: absoslute;
	left:-99999px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 60vh;
    width: 60vw;
    z-index: 9999999;
    background: #fff;
    opacity: 0;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 80%);
    border-radius: 5px;
    border: 4px solid #437f03;
}

.close-pop {
	font-family: "Roboto", Sans-serif;
    font-weight: 600;
   
    color: #FFFFFF!important;
	background-color: #437f03;
	font-size: 18px;
	text-transform: uppercase;
    line-height: 26px;
	border-radius: 0px 0px 0px 0px;
    padding: 10px 50px 10px 50px;
	width: auto;
	display: inline-block;
	text-align: center;
	transition: all .3s;
}

.close-pop:hover {
	background-color:#5AAB04;
}

.pop-o {
	position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background: rgba(0, 0, 0, .7);
	top: 0;
    left: 0;
}



form#gform_12 {
	position: absolute;
	opacity: 0;
	left: -99999px;
}

.grey-out .h-row::before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
	background: rgba(255, 255, 255, .7);
}
.grey-out .tool {
	display: none!important;
}
#billing_country_field, #shipping_country_field{
	display: none;
}
.phone-num {
	display: none;
}

.order-stats {
	    display: flex;
    flex-direction: row;
	gap: 30px;
	justify-content: center;
	align-items: center;
	margin-bottom:45px;
}

.p-orders {
	background:#fff;
	width: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .2);
}

.order-stats p {
	padding:20px;
}
.p-orders h3{
	background:#dbbd74;
	border-radius: 10px 10px 0 0;
	
}
.a-orders h3{
	background:green;
	border-radius: 10px 10px 0 0;
}
.a-orders {
	background:#fff;
	width: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .2);
}

.s-orders {
	background:#fff;
	width: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .2);
}
.s-orders h3{
	background:#0073aa;
	border-radius: 10px 10px 0 0;
}

.r-orders {
		background:#fff;
	width: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .2);
}

.r-orders h3{
	background:red;
	border-radius: 10px 10px 0 0;
}

.n-orders {
	background:#fff;
	width: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .2);
}
.n-orders h3{
	background:#333;
	border-radius: 10px 10px 0 0;
}
.order-stats h3 {
	color:#fff;
	  text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    letter-spacing: .5px;
	    margin: 0;
    padding: 10px;
}

.stat {
	color:#222;
	text-transform:uppercase;
	font-weight: 500;
    font-size: 42px;	
	text-align:center;
}

.user-dashboard h2 {
	text-align:center;
}

.user-dashboard h2 span{
	
	font-size:18px!important;
	text-align:left;
	    display: block;
    margin-top: 10px;
 
}

.addl-text-id {
	position: absolute;
	left:-9999px;
	opacity: 0;
}

/** Municipality Single PAge **/
.note, .order-items {
	position: relative;
}
.user, .d-line, .z-line, .e-line {
	border-bottom: 1px solid #cfdfc3;
    padding-bottom: 10px;
    padding-top: 10px;
	position:relative;
	margin-right:5px;
}

.user:nth-last-child(1), .d-line:nth-last-child(1), .z-line:nth-last-child(1), .e-line:nth-last-child(1) {
	border-bottom: 0 none!important;
}

.zip-details, .drop-details {
	width: 50%;
	padding: 20px 0;
}

.zip-details {
	border-right: 1px solid #cfdfc3;
	min-height: 200px;
	padding-right: 50px;
}

#delete-customer {
	position:absolute; 
	left:-9999px; 
	opacity:0;
}

.delete-customer {
	margin-left:0!important;
}

.add-add1-btn.clicked, .add-add2-btn.clicked, .add-drop-btn.clicked, .add-pick-btn.clicked {
	background:red!important;
}

.delete {
	display:none;
	    background: red;
    padding: 2px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    border-radius: 5px;
    position: absolute;
    right: 2%;
    top: 0;
    bottom: 0;
	    height: fit-content;
    margin: auto;
	transition: all 300ms ease-in-out 0s;
}
.delete:hover, .cancel-btn:hover, .save-btn:hover, .edit-btn:hover, .add-btn:hover, .inner-btn.reset-btn:hover, .inner-btn:hover {
	opacity: .6;
	color: #fff;
}

.edit-btn {
	
	float:right;
		background: #006633;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
}

.add-contact input, .additional-address1 input, .additional-address input, .additional-address2 input, .drop-details input, .pick-details input, .add-contact input {
	border: 2px solid #cfdfc3!important;
	border-radius: 4px!important;
	margin-bottom: 8px!important;
}

.inner-label {
	color: #006633;
	text-transform: uppercase;
	font-weight: 700!important;
}

.edit-area button[type="submit"].add-more {
	  display: block;
    float: left;
	border: 0 none!important;
	margin:10px 0 15px 0;
    background: #006633;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
    transition: all 300ms ease-in-out 0s;
    text-transform: uppercase;
    font-weight: 400;
}

.edit-area button[type="submit"].add-more:hover {
	opacity: .6;
    color: #fff;
}

.add-btn, .inner-btn.reset-btn, .inner-btn {

	background: #f09021;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
	margin: 10px 0;
    display: inline-block;
}

.save-btn {
	margin: 10px 0 10px 5px;
	float:right;
	display: none;
	background: #006635;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
}
label.edit {
	display:none;
}

.admin-user, .admin-role, .new-user, .existing-user, .new-user-i {
	display:none;
}
.cancel-btn {
	margin: 10px 0;
	display: none;
	float:right;
	background: red;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
	margin-left:15px;
}

.delete-customer {
	margin: 10px 0;
	
	float:left;
	background: red;
    padding: 10px 15px;
    color: #fff!important;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px;
	transition: all 300ms ease-in-out 0s;
	text-transform:uppercase;
	font-weight: 400;
	margin-left:15px;
}
.delete-customer:hover {
	opacity: .6;
	color: #fff;	
}

h4 .cancel-btn, h2 .cancel-btn{
	margin:0!important;
}

h4 .save-btn, h2 .save-btn {
	margin:0 0 0 5px!important;
}

#email-add, #zip-add, #drop-add, #user-add {
	display: inline-block;
    margin: 15px 0;
}
.admin-user {
	margin: 0px 0 10px 0;
	float:left;
	width:49%;
}
.add-btns {
	display: flex;
    width: 200px;
    gap: 10px;
	float:left;
}

.f-wrap {
	display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 15px;
}

.e-btns {
	    display: flex;
    flex-direction: row;
    margin: 10px 0 0 0;
	gap: 10px;
}

.e-btns .save-btn, .e-btns .cancel-btn {
	margin:0; float:none;
}

.form-wrap {
	display:inline-block;
	width:100%;
}

.s-c {
	display: inline-block;
    float: left;
}
.admin-role {
	margin: 0 0 10px 0;
	float: left;
    width: 49%;
    margin-left: 10px;
}
#user-add{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:10px;
}
#user-add input, #user-add select {
	width:49%;
}
.f-label {
	display: inline-block;
    width: 90%;
}

label.edit-check {
	display:none;
	    margin-left: 10px;
    margin-right: 4px;
}

.paid input {
	max-width:200px;
}
.uln {
	margin-left:10px;
}
.e-line input, .user select, .user input {
	max-width: 300px;
}
.z-line input, .d-line input {
	max-width: 120px;
}
.day-edit, .start-edit, .end-edit {
	max-width:200px;
}
.d-locations {
	max-width:300px;
}
.edit-area h4, .edit-area h2, .edit-area h3 {
	display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.btn-contain {
	width:40%;
}
.editable .pencil, .editable .cancel {
	margin-right:10px;
}
.edit-area h4 span.title, .edit-area h2 span.title, .edit-area h3 span.title {
	width: 70%;
	padding: 5px 0;
}

.dash-nav {
	width: 100%;
	padding:0;
	margin:0;
	padding: 0px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.dash-nav li {
	list-style:none;
	    width: 100%;
    display: flex;
    flex-direction: column;
}

.has-children {
	position:relative;
}

.dash-sub {
	display:none;
	transition: all 300ms ease-in-out 0s;
    position: absolute;
    top: 0;
    right: -210px;
    width: 100%;
	min-width:220px;
    padding: 0;
    margin: 0;
    padding: 0px 0;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #333;
}

.has-children:hover .dash-sub {
	display: flex;
}

/** Reports page **/

.toggle-col {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: flex-start;
	align-items: center;
	float: left;
	width: 83%;
}

.toggle-vis {
	padding: 5px 10px;
	font-size:12px;
	font-weight:700;
	color:#333;
	background:#ededed;
	border:1px solid #ccc;
	border-radius: 3px;
	transition: all 300ms ease-in-out 0s;
}

.toggle-vis:hover {
	opacity: .7;
	cursor: pointer;
}

.toggle-vis.toggled {
	background: #006633;
	border-color: #006633;
	color: #fff!important;
}

.toggle-h {
	float: left;
    margin-right: 2%;
	width: 15%;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
	color: #006633;
}

.filter-contain {
	display: inline-block;
	width:100%;
}

.filter-contain .set-filters {
	margin-left:0;
}

#report-table_filter label, #users-table_filter label, #order-table_filter label, #municipality-table_filter label{
	font-size: 0;
}

#report-table_filter input[type="search"], #users-table_filter input[type="search"], #order-table_filter input[type="search"], #municipality-table_filter input[type="search"] {
	font-size: 12px;
}

table.table-condensed td, table.table-condensed th {
	padding: 3px!important;
}

.mun-paid {
	font-weight: 700!important;
    color: #414141!important;
    font-size: 16px;
}

#reportrange {
	width: 200px;
}

#report-table .view-order {
	font-size: 8px;
}

select.municipality {
	
    max-width: 250px;
    margin-top: 10px;
}

#location-add .full, #user-add-front .full {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}

#location-add .l-half, #user-add-front .l-half {
	
	width:48%;
	margin-right: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#location-add .l-half.mun, #user-add-front .l-half{
	float: left!important;
}

.address-c {
	display: inline-block;
	width: 100%;
}

#location-add .r-half, #user-add-front .r-half {
	float:right;
	width:48%;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.user-dashboard .info, .user-dashboard .updated, .user-dashboard .warning, .user-dashboard .error, .user-dashboard .validation {
			border: 1px solid;
			margin: 10px 0px;
			padding: 15px 10px 15px 50px;
			background-repeat: no-repeat;
			background-position: 10px center;
		}
		.user-dashboard .info {
			color: #00529B;
			background-color: #BDE5F8;
			background-image: url('https://i.imgur.com/ilgqWuX.png');
		}
		.user-dashboard .success {
			color: #4F8A10;
			background-color: #DFF2BF;
			background-image: url('https://i.imgur.com/Q9BGTuy.png');
		}
		.user-dashboard .warning {
			color: #9F6000;
			background-color: #FEEFB3;
			background-image: url('https://i.imgur.com/Z8q7ww7.png');
		}
		.user-dashboard .error{
			color: #D8000C;
			background-color: #FFBABA;
			background-image: url('https://i.imgur.com/GnyDvKN.png');
		}
		.user-dashboard .validation{
			color: #D63301;
			background-color: #FFCCBA;
			background-image: url('https://i.imgur.com/GnyDvKN.png');
		}</pre></body></html>