/* 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 */

#sol_menu_wrapper .menu-box {
    text-align: center;
    border: 1px solid black;
    margin:3px;
    padding: 2px;
    min-width: 95px;
}
/* Restrain the input boxes onclick from spilling over into the adjacent field.
   Constrains plain td input (not just .focus input) so the width holds even
   in the brief window after .focus is removed but before Editor removes the input. */
#sol_menu tbody td input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#sol_menu_filter {
    float: right;
}

.total-boxes {
    font-size:1.4em;
}
.sol-edit-orders-container .delivery-container:nth-of-type(odd) .order-header {
    background: rgba(40, 40, 40, 0.2);
    color: #000;
}

.sol-edit-orders-container .delivery-container:nth-of-type(even) .order-header {
    color: #FFFFFF;
    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%;
}

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

.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: grid;
    grid-template-columns: 2fr 2fr 1.5fr 1fr 1.5fr;
    gap: 20px;
}

.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";
}

.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 input.coupon {
    min-width: 150px;
    flex-shrink: 1;
    margin-right: 8px;
}

.woocommerce-account .box-content .totals {
    display: flex;
    justify-content: space-between;
    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;
}

.order-header-my-account {
    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 */

[id*="sol_dashboard_widget_"] .inside {
    margin: 0;
    padding: 0;
}

[id*="sol_dashboard_widget_"] table {
    width: 100%;
    border-collapse: collapse;
}

[id*="sol_dashboard_widget_"] table tbody td{
    padding: 9px 12px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    color: #aaa;
}
[id*="sol_dashboard_widget_"] table td .value {
    font-size: 18px;
    color: #21759b;
}

[id*="sol_dashboard_widget_"] table tbody tr:first-child td {
    border-top: 0;
}

[id*="sol_dashboard_widget_"] table tbody tr td:first-child {
    border-left: 0;
}

[id*="sol_dashboard_widget_"] tbody tr:hover {
    background-color: #e1e1e1;
    cursor: pointer;
}

[id*="sol_dashboard_widget_"] 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); }
}

.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;
}

#edit_address_table.form-table th {
    padding: 10px 0px 8px 0;
    vertical-align: middle;
}

#edit_address_table.form-table td {
    padding: 5px 0px;
    vertical-align: middle;
    margin-bottom: 9px;
}

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

.order-header-address: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%; }

/* fix broken my account divs between storefront and breakdance */
.two-column-container:after {
    clear: both;
    content: "";
    display: table;
}
.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 }

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

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

#sol_menu tbody tr td {
    font-size: 1.1em;
}

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

.onoffswitch {
    position: relative; width: 100px; display: inline-block;
    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: #1b9a48; 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% 0% 0%;
  margin: 0% 0% 2% 0%;
  overflow: visible;
  width: 100%;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
}

.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;
}

/* My Account Features panel */

.sol-my-account-features-content {
    padding: 20px;
}

.sol-my-account-feature {
    position: relative;
}

.sol-my-account-feature + .sol-my-account-feature {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e3e6e2;
}

.sol-my-account-feature-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    transition: opacity 0.15s ease;
}

.sol-my-account-feature-copy {
    min-width: 0;
}

.sol-my-account-feature-title {
    margin: 0 0 4px 0;
    font-weight: 600;
    font-size: 15px;
}

.sol-my-account-feature-desc {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.45;
}

.sol-my-account-feature-control {
    flex: none;
    padding-top: 1px;
}

.sol-my-account-feature-link {
    color: #157a39;
    font-size: 21px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.sol-my-account-feature-link:hover {
    text-decoration: underline;
}

/* "Go to Shop"-style link shown on its own line under a toggle's description. */
.sol-my-account-feature-link-line {
    display: block;
    margin-top: 8px;
    font-size: 21px;
}

/* Saving state: dim the row and show a centered spinner while an AJAX toggle
   save is in flight, instead of a separate "Saved"/error status line. */
.sol-my-account-feature-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    border: 3px solid #d7dbd7;
    border-top-color: #1b9a48;
    border-radius: 50%;
    animation: sol-my-account-feature-spin 0.7s linear infinite;
}

.sol-my-account-feature.is-saving .sol-my-account-feature-row {
    opacity: 0.35;
    pointer-events: none;
}

.sol-my-account-feature.is-saving .sol-my-account-feature-spinner {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .sol-my-account-feature-spinner {
        animation-duration: 1.4s;
    }
}

@keyframes sol-my-account-feature-spin {
    to { transform: rotate(360deg); }
}

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

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

/* Consistent button styling across the My Account dashboard/deliveries boxes.
   These classes are applied throughout dashboard.php and deliveries.php but
   previously had no matching CSS, so buttons fell back to inconsistent
   combinations of the default WooCommerce .button/.alt styles, unrelated
   font-size overrides, and page-builder classes left over from a prior
   Breakdance-based layout. */
.button-atom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    box-sizing: border-box;
    padding: 0.5em 1.25em;
    margin: 0;
    border: 2px solid #1b9a48;
    border-radius: 4px;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.button-atom--primary {
    background-color: #1b9a48;
    border-color: #1b9a48;
    color: #ffffff;
}

.button-atom--primary:hover,
.button-atom--primary:focus {
    background-color: #157a39;
    border-color: #157a39;
    color: #ffffff;
}

.button-atom--secondary {
    background-color: #ffffff;
    border-color: #1b9a48;
    color: #1b9a48;
}

.button-atom--secondary:hover,
.button-atom--secondary:focus {
    background-color: #eaf6ee;
    border-color: #1b9a48;
    color: #1b9a48;
}

.button-atom[disabled],
.button-atom--secondary[disabled],
.button-atom--primary[disabled] {
    background-color: #f5f5f5;
    border-color: #cccccc;
    color: #999999;
    cursor: not-allowed;
}

@media (max-width: 1024px) {
    .button-atom {
        font-size: 0.9em;
        padding: 0.6em 1.1em;
    }
}

@media (max-width: 600px) {
    /* Larger tap targets on mobile (WCAG 2.5.5 recommends 44x44px minimum)
       instead of shrinking further, since small buttons are hard to tap
       accurately, especially for users with limited dexterity. */
    .button-atom {
        min-height: 48px;
        font-size: 0.95em;
        padding: 0.7em 1.1em;
    }
}

.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 {
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    text-align: center;
}

.box-header-parent {
	display: flex;
	flex-flow: row nowrap;
    width: 100%;
    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: 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*/
/* Use :nth-child(odd of .product-parent) so that non-product siblings (e.g. .sol-view-items-wrap)
   are excluded from the count and don't disrupt the alternating stripe pattern. */
.current_products .product-parent:nth-child(odd of .product-parent) .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 of .product-parent) .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 of .product-parent),
#products  .delivery-container:nth-child(even) {
	background-color: #D6D8D8;
}
/* Give the "View items" toggle the same background as the preceding odd product row */
.current_products .product-parent:nth-child(odd of .product-parent) + .sol-view-items-wrap {
	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 h1.qty {
	width: 100%;
	text-align: center;
	font-weight: 900;
	font-size: 3.0em;
    margin: 0px;
}

.product-parent {
	display: flex;
	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: flex;
        flex-flow: column nowrap;
        width: 100%;
        justify-content: space-between;
    }

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

.product-child {
    padding: 2%;
	min-width: 130px;
}

.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;
}

/* Datepicker: selectable delivery days.
   Style the inner <a> (jQuery UI puts the day number in a child element,
   so color on the <td> alone is barely visible). */
.delivery_date_true a,
.ui-datepicker-calendar .delivery_date_true a.ui-state-default {
    color: #1b5e20;
    background: #dcefdc;
    border: 1px solid #7cb87c;
    border-radius: 4px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.ui-datepicker-calendar .delivery_date_true a.ui-state-default:hover,
.ui-datepicker-calendar .delivery_date_true a.ui-state-hover {
    background: #1b9a48;
    border-color: #1b9a48;
    color: #ffffff;
}

/* Datepicker: unselectable days - clearly muted / inert */
.delivery_date_false,
.ui-datepicker-calendar .delivery_date_false {
    cursor: not-allowed;
}

.delivery_date_false span,
.ui-datepicker-calendar .delivery_date_false span.ui-state-default {
    color: #b0b0b0;
    background: transparent;
    border: 1px solid transparent;
    text-decoration: line-through;
    text-align: center;
    opacity: 0.7;
}

.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: 80%;
}

#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: #fff;
    min-width: 240px;
    padding: 6px 0;
    border-radius: 6px;
    border: 1px solid #ddd;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,0.15);
    z-index: 1000;
    font-family: system-ui, sans-serif;
}

.dropdown-content a {
    display: block;
    padding: 10px 16px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    line-height: 1.2;
    transition: background 0.15s ease;
}

.dropdown-content a:hover {
    /* background-color: #ffffff; */
    /* color: #ffffff; */
}

/* section separators */
.dropdown-divider {
    height: 1px;
    margin: 4px 0;
    background: #e5e5e5;
}

/* destructive action */
.dropdown-content a.danger {
    color: #d63638;
    font-weight: 500;
}

.dropdown-content a.danger:hover {
    background: #ffeaea;
}

.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 .order-header {
    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.6em;
    }
    .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 */
    /* Keep box header titles clearly larger than body text on small
       screens instead of shrinking down to it, for readability. */
    .box-header-child span.box-title {
        font-size: 1.3em;
    }
    .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;
}

div.locationField {
    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;}
    40%   {background-color: #33984F;}
    100%  {background-color: rgb(35, 107, 163)}
}

@keyframes fail {
    0%   {background-color: #e60000;}
    100%  {background-color: rgb(35, 107, 163)}
}
/*  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;
}

#delivery_container_parent .customer_products th:nth-child(2) , #delivery_container_parent .customer_products td:nth-child(2) {
    min-width: 250px;
    max-width: 250px;
}

.woocommerce-MyAccount-content .edit-delivery-description {
    font-size: 0.9em;
    text-decoration: bold;
    text-align:center;
    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 {
    margin: 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;
}

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

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

.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .delivery_date_true.ui-datepicker-current-day a.ui-state-default {
    background: #1b9a48;
    border-color: #14713a;
    color: #ffffff;
}

.ui-datepicker-calendar .ui-datepicker-today {
    background-color: transparent;
}

.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker-calendar .ui-datepicker-today span {
    outline: 2px solid #0074d2;
    outline-offset: -2px;
    border-radius: 4px;
}

.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;
}

#cal-media-container .wp-core-ui .attachment .filename {
    max-height: 15%;
}
#cal-media-container .wp-core-ui li.attachment:hover div.filename {
    max-height: 80%;
}

#cal-media-container .wp-core-ui .attachment .filename div {
    padding: 1px 1px;
}
/* Make column for title of producpage/product wide enough to fit long names */
#posts-filter table.wp-list-table .column-name {
    width: 35%;
}

.no-payment-methods {
    width: 100%;
    text-align: center;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    padding: 0;
}

.woocommerce-cart-form__cart-item.cart_item .remove {
    font-weight: bold;
    color: red;
}

@media (max-width: 1300px) {
    section { 
        padding: 0 5%;
    }
}

@media (max-width: 767px) {
    .woocommerce-cart-form .product-frequency {
        max-width: 175px;
    }

    .woocommerce-cart-form .coupon input {
        max-width: 250px;
    }

    .woocommerce-cart-form .actions .button {
        max-width: 250px;
    }
    /* move the full-width content in a bit on mobile so the elements aren't pinned to the sides */
    section { 
        padding: 0 5%;
    }
}

/* breakdance my account fixes for mobile menu layout */
@media (max-width: 1024px ) {
    section .breakdance-woocommerce .woocommerce-MyAccount-content {
        flex: 1 0 230px;
        width: 300px;
    }
    
    section .breakdance-woocommerce .woocommerce-MyAccount-navigation {
        min-width: 120px;
    }
}

.input-wrapper-percentage, .input-wrapper-currency {
    position: relative;
    display: inline-block;
  }
  
  .input-wrapper-percentage .percent-symbol {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
  }
  
  .input-wrapper-percentage input {
    height: 32px;
    font-size: 16px;
  }

  .input-wrapper-currency .currency-symbol {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-45%);
    color: #888;
    pointer-events: none;
    font-size: 16px;
  }
  
  .input-wrapper-currency input {
    padding-left: 16px; /* adjust as needed to give space for the symbol */
    height: 32px;
    font-size: 16px;
  }

  .order-header {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr 1fr;
    align-items: center;
    padding: 12px 16px;
    background: #f6f7f7;
    border-bottom: 1px solid #ddd;
    gap: 16px;
}

/* When there are 6 children, use 6-column layout */
.order-header:has(> :nth-child(6)) {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 1fr;
}

.order-header-name, .order-header-address, .order-header-total, .order-header-region {
    font-family: math;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.1;
}

#edit_customer {
    
    .nav-tab-wrapper {
        border-bottom:2px solid #dcdcde;
    }

    /* base tab */
    .nav-tab{
        cursor:pointer;
        padding:10px 18px;
        font-size:15px;
        font-weight:500;

        background:#ffffff;
        border: 1.5px solid #dcdcde;
        border-bottom:none;

        border-radius:6px 6px 0 0;

        color:#2c3338;
        transition:all .15s ease;
    }

    /* active tab */
    .nav-tab-active {
        background:var(--wp-admin-theme-color);
        color:#ffffff;
        font-weight:600;
        position:relative;
    }

    .nav-tab:not(.nav-tab-active):hover{
        background:#dadada;
        color:#135e96;
        transform:translateY(-1px);
    }

    .nav-tab-wrapper .nav-tab{
        cursor:pointer;
    }

    #customer table.form-table {
        width: 25%;
        td, th {
            width: 15%;
        }
    }
}

/* Match the edit-customer tab facelift on the Settings page. */
#cal_settings {

    .nav-tab-wrapper {
        border-bottom:2px solid #dcdcde;
    }

    /* base tab */
    .nav-tab{
        cursor:pointer;
        padding:10px 18px;
        font-size:15px;
        font-weight:500;

        background:#ffffff;
        border: 1.5px solid #dcdcde;
        border-bottom:none;

        border-radius:6px 6px 0 0;

        color:#2c3338;
        transition:all .15s ease;
    }

    /* active tab */
    .nav-tab-active {
        background:var(--wp-admin-theme-color);
        color:#ffffff;
        font-weight:600;
        position:relative;
    }

    .nav-tab:not(.nav-tab-active):hover{
        background:#dadada;
        color:#135e96;
        transform:translateY(-1px);
    }

    .nav-tab-wrapper .nav-tab{
        cursor:pointer;
    }
}