@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap');

#calculatorForm {
    font-family: 'Mulish';
    display: none;
}

#calculatorForm h1, 
#calculatorForm h2, 
#calculatorForm h3, 
#calculatorForm h4, 
#calculatorForm h5, 
#calculatorForm h6, 
#calculatorForm p, 
#calculatorForm span,
#calculatorForm label,
#calculatorForm input,
#calculatorForm textarea,
#calculatorForm button,
#calculatorForm td,
#calculatorForm li,
#calculatorForm th {
    font-family: 'Mulish';
}

#redirectNotice {
    font-family: 'Mulish';
    display: none;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 15px;
    padding-bottom: 15px;
}

#redirectNotice p {
    margin-bottom: 20px;
}

.btn-xs {
    padding: 0px 4px !important;
    width: 25px;
    height: 25px !important;
    line-height: 25px;
}

.pull-right {
    float: right;
}

.form-group {
    margin-bottom: 5px;
}

.card {
    padding:0;
    max-width: 100%;
}

.select2 {
    width: 100% !important;
    max-width: 100% !important;
}

.select2 .select2-selection {
    height: 54px !important;
    border-radius: 6px !important;
}

.select2 .select2-selection span {
    line-height: 54px !important;
    height: 54px !important;
}

select {
    min-height: 34px !important;
}

.loading, .success, .errors {
    display: none;
}

label.error {
    color: #EB5757;
}

.alert-sm {
    padding: 10px;
}

.text-right {
    text-align: right;
}

.m-t-0 {
    margin-top: 0px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.m-l-10 {
    margin-left: 10px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.btn-smx {
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
}

.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 34px;
}

#wpfooter {
    display: none;
}

@media print {
    #adminmenumain {
        display: none !important;
    }

    #wpcontent, #wpfooter {
        margin-left: 0px !important;
    }

    .page h1, .noprint {
        display: none !important;
    }
}

.m-b-15 {
    margin-bottom: 15px;
}

.wizard-progress {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.wizard-progress li {
    line-height: 32px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

.wizard-progress li {
    padding-right: 15px;
    padding-left: 15px;
}

.wizard-progress li:first-child {
    padding-left: 0;
}

.wizard-progress li:last-child {
    padding-right: 0;
}

.wizard-progress li span {
    background-color: #D1D4FA;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    font-size: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-right: 5px;
}

.wizard-progress li.active span {
    background-color: #6770EE;
}

.wizard-progress-line {
    height: 1px;
    border-top: 3px dashed #B9BBDA;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
}

.wizard {
    margin-bottom: 150px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible;
}

.wizard h4 {
    text-align: left;
    font-size: 20px !important;
    line-height: 24px;
    display: flex;
    align-items: center;
    font-weight: 500 !important;
}

.wizard .steps {
    margin-left: auto;
    margin-right: auto;
}

.wizard .steps .step {
    text-align: left;
}

.wizard .steps .step .section {
    border-top: 1px solid #E0E2FC;
    padding-bottom: 30px;

}

.wizard label {
    color: #7274A0;
    font-size: 16px;
    line-height: 24px;
}

.wizard .form-control {
    border-radius: 10px;
    padding: 17px 20px 17px 20px;
    background: #F3F4F9;
    border: 1px solid #B9BBDA;
    color: #595A7E !important;
    text-align: left;
    color: #595A7E !important;
    font-size: 16px !important;
    line-height: 24px !important;
    height: 84px;
}

#addProductsButton {
    display: none;
}

.btn-add-products {
    font-size: 14px;
    line-height: 24px;
    color: #1A1A29;
    border: 1px solid #B9BBDA;
    border-radius: 10px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    background: none;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    margin-top: 15px;
}

.btn-add-products:hover {
    background-color: #F3F4F9;
}

.btn-add-products i {
    background-color: #858DF1;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 6px;
    font-size: 10px;
}

.btn-add-products-2 {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #525BC6;
    border-radius: 5px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    background: none;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    margin-top: 24px;
    background: #525BC6;
    width: 65px;
    height: 54px;
}

.btn-add-products-2:hover {
    background-color: #F3F4F9;
    color: #525BC6;
}

.btn-add-products-2 i {
    background-color: #fff;
    color: #525BC6;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 6px;
    font-size: 10px;
}


.btn-done-products {
    font-size: 14px;
    line-height: 24px;
    color: #1A1A29;
    border: 1px solid #B9BBDA;
    border-radius: 10px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    background: none;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    margin-top: 15px;
}

.btn-done-products:hover {
    background-color: #F3F4F9;
}

.d-block {
    display: block;
}

#itemsTable,
#itemsFooter {
    width: 100%;
}

#itemsTable {
    margin-bottom: 30px;
    display: none;
}

#itemsFooter {
    /* margin-top: 30px; */
}

#itemsFooter tfoot tr:first-child,
#itemsFooter tfoot tr:nth-child(2),
#box-picker {
    display: flex;
}

#box-picker td {
    padding: 15px !important;
}

#itemsFooter tfoot tr:nth-child(2) td:nth-child(3) {
    flex: 1;
}

#advancedOptions,
.advanced-options {
    display: none;
}

#advancedToggle,
#boxCancel {
    font-size: 16px;
    color: #7274A0;
    display: flex;
    align-items: baseline;
    background: none;
    border: none;
    cursor: pointer;
    padding-left: 0;
}

#advancedToggle i,
#boxCancel i {
    font-size: 13px;
}

#advancedToggle .fa-minus,
#boxCancel .fa-minus {
    display: none;
}

#advancedToggle.active .fa-plus,
#boxCancel.active .fa-plus {
    display: none;
}

#advancedToggle.active .fa-minus,
#boxCancel.active .fa-minus {
    display: block;
}

.select2-results strong {
    font-weight: 600 !important;
}

.wizard .select2 {

}

#itemsFooter tfoot tr td {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

#itemsFooter tfoot tr:nth-child(2) td:nth-child(3) {
    padding-left: 0px;
}

#itemsFooter tfoot tr:nth-child(2) td:nth-child(2) {
    padding-right: 15px;
}

#itemsFooter tfoot tr td:nth-child(1) {
    padding-left: 0px;
    width: 22%;
}

#itemsFooter tfoot tr td:nth-child(2) {
    width: 22%;
}

#itemsFooter tfoot tr td:last-child {
    padding-right: 0px;
}

#itemsTable tbody tr {
}

#itemsTable tbody tr td {
    border: 2px solid #A3A9F5;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    padding: 28px 24px;
    color: #3F415C;
}

#itemsTable tbody tr td button {
    background: none;
    border: none;
    float: right;
    cursor: pointer;
    margin-top: -10px;
}

#itemsTable i {
    color: #A2A5CE;
    font-size: 20px;
}

/* .add-to-cart-fields {
    margin-top: 30px;
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #B9BBDA;
    border-radius: 8px;
}

.add-to-cart-fields h4 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px !important;
} */

.typeahead__cancel-button {
    height: 84px;
    display: inline-block;
    line-height: 84px;
    padding: 0 10px;
}

/* #itemsFooter {
    display: none;
} */

.text-center {
    text-align: center;
}

.btn {
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    height: 60px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.btn-theme {
    color: #fff;
    background: #6670EE;
}

.btn-theme:disabled {
    opacity: 0.6;
}

.btn-theme:hover {
    background-color: #525bc6;
    color: #fff;
}

.btn-theme-light {

}

.btn-next {
    min-width: 225px;
}

.btn-submit {
    min-width: 225px;
}

.btn-previous {
    width: 60px;
    background-image: url(../icons/icon_arrow_left.png);
    background-position: center;
    background-repeat: no-repeat;
}

.btn-cancel {
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.booking_type_container,
.customer_contact {
    background: #FAFAFC;
    border: 1px solid #858DF1;
    border-radius: 8px;
    position: relative;
    padding: 30px;
}

.booking_type_container input[type="radio"] {
    margin: 0;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border: 2px solid #C2C6F8;
    cursor: pointer;
}

.booking_type_container h3,
.customer_contact h3 {
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: -0.02em !important;
    color: #525BC6 !important;
    margin: 45px 0px 15px 0 !important;
}

.booking_type_container hr {
    border: 1px solid #D1D4FA;
    margin-top: 24px;
    margin-bottom: 24px;
}

.booking_type_container .form-control,
.customer_contact .form-control,
#loginForm .form-control,
#profileForm .form-control,
#addressForm .form-control,
#resetForm2 .form-control,
#resetForm .form-control {
    background: #FFFFFF;
    border: 1px solid #B9BBDA;
    border-radius: 10px;
    height: 56px;
    padding: 15px;
    color: #595A7E !important;
}

#profileForm .form-control:disabled,
#addressForm .form-control:disabled {
    background-color: #eeeeee;
}

.booking_type_container .form-control::placeholder,
.customer_contact .form-control::placeholder {
    font-size: 14px;
    line-height: 24px;
    color: #7274A0;
}

.booking_type_container #pickup_date,
.booking_type_container #delivery_date,
.booking_type_container #pickup_date_od
 {
    background-image: url(../icons/icon_calendar.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: calc(100% - 14px);
}

.booking_type_container .qty-operators {
    float: right;
}

.booking_type_container label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #3F469F;
}

.booking_type_container label span {

}

.manpower-buttons label {
    display: inline-block !important;
}

.booking_type_container .qty-operators,
.manpower-buttons .qty-operators {
    display: flex;
}

.manpower-buttons .qty-operators {
    float: right;
}

.booking_type_container .qty-operators button,
.manpower-buttons .qty-operators button {
    width: 24px;
    height: 24px;
    border: 1px solid #B9BBDA;
    border-radius: 8px;
    background: #FFFFFF;
    cursor: pointer;
    line-height: 20px;
}

.booking_type_container .qty-operators button i,
.manpower-buttons .qty-operators button i {
    font-size: 9px;
}

.booking_type_container .qty-operators span,
.manpower-buttons .qty-operators span {
    display: inline-block;
    width: 45px;
    text-align: center;
    color: #3F415C;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.booking_type_container .total {
    text-align: right;
    flex: 1;
}

.booking_type_container .total h3 {
    font-weight: 700 !important;
    font-size: 34px !important;
    line-height: 45px !important;
    color: #181C50 !important;
    margin-top: 0px !important;
    margin-bottom: 0 !important;
}

.booking_type_container .total p {
    font-size: 12px;
    line-height: 15px;
    color: #8B8EC2;
}

.btn-change {
    background: #FFFFFF;
    border: 1px solid #858DF1;
    border-radius: 8px;
    color: #858DF1 !important;
    padding: 5px 20px !important;
    cursor: pointer;
    height: 28px !important;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 3px;
}

.insurance-row {
    position: relative;
}

.insurance-row select {
    width: 100%;
}

.insurance-options {
    position: absolute;
    top: 35px;
    background: #fff;
    width: auto;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #ddd;
    right: 0;
    display: none;
    z-index: 9;
}

.insurance-options span {
    display: block;
    cursor: pointer;
    color: #3F415C;
    padding: 5px 10px;
}

.insurance-options span:hover {
    background-color: #C2C6F8;
}

.insurance-options span.active {
    background-color: #3F469F;
    color: #fff;
}

.insurance-field {
    border: none;
    background: transparent;
    color: #3F415C;
    margin-left: -4px;
}

.total-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.total-row label {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.sustainable_art {
    background-image: url(../images/order_sustainable.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 92px;
    position: absolute;
    top: 25px;
    right: 25px;
    background-size: cover;
}

.ondemand_art {
    background-image: url(../images/order_ondemand.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 92px;
    position: absolute;
    top: 25px;
    right: 25px;
    background-size: cover;
}

.wizard-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wizard-buttons-worder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizard-buttons-worder .save-and-add {
    width: 225px;
}

#step-2, #step-3, #step-4 {
    display: none;
}

.step-end {
    border: 1px solid #E0E2FC;
    margin-top: 40px;
    margin-bottom: 40px;
}

.od_filler {
    min-height: 168px;
    font-weight: 400;
    padding-top: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #3F469F;
}

.fusion-popover {
    cursor: pointer;
}

.tp_popover {
    font-size: 14px;
    line-height: 18px;
}

#pickup_search,
#pickup_city_other {
    background-image: url(../icons/icon_departure.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 15px;
    padding-left: 60px;
}

#delivery_search,
#delivery_city_other {
    background-image: url(../icons/icon_arrival.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 15px;
    padding-left: 60px;
}

.typeahead__list {
    border: 1px solid #D1D2E7;
    border-radius: 10px;
    filter: drop-shadow(0px 6px 16px rgba(94, 129, 170, 0.18));
    max-height: 350px;
    overflow-y: scroll;
}

.typeahead__list > li {
    border: none;
    background-image: url(../icons/icon_map_marker.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 15px;
}

.typeahead__list > li:hover {
    background-color: #d1d4fa;
}


.typeahead__list > li a {
    padding-left: 40px !important;
}

.typeahead__list > li a:hover {
    background-color: transparent !important;
}

.typeahead__query {
    position: relative;
}

.typeahead_address .typeahead__list > li {
    border: none;
    background-image: none;
}

.typeahead_address .typeahead__list > li a {
    padding-left: 20px !important;
}

#pickup_ok,
#delivery_ok {
    display: block;
    background-image: url(../icons/icon_check.png);
    width: 18.74px;
    min-height: 16.25px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.worder-wizard #pickup_ok,
.worder-wizard #delivery_ok {
    margin-top: -10px !important;
}

#step-3 h3,
#step-4 h3,
.delivery-section h3 {
    color: #7274A0;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

#step-3 h3 span {
    color: #6670ee;
}

#step-4  h6,
.delivery-section h6 {
    color: #858DF1;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

#step-4 .sub-title,
.delivery-section h6
 {
    font-size: 14px;
    line-height: 24px;
    color: #A2A5CE;
    text-align: left;
}

.address-fields {
}

.address-group {
    border: 1px solid #D1D2E7;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 15px;
}

.address-fields .form-group {
    margin-bottom: 16px;
}

.address-fields .form-control {
    display: block;
    border: 1px solid #D1D2E7;
    border-radius: 10px;
    padding: 16px;
    height: 56px;
    background-color: #fff;
    width: 100%;
}

.address-fields .form-control[disabled] {
    background: #F3F4F9;
    border: 1px solid #B9BBDA;
}

.address-fields textarea.form-control {
    height: 100px;
}

.address-fields label {
    display: block;
    color: #26273A;
}

.address-fields label span {
    color: #f00;
}

.payment-logos {
    display: flex;
    list-style: none;
    justify-content: center;
    margin: auto;
    padding: 0;
    align-content: stretch;
}

.payment-logos img {
    width: 100%;
}

.payment-logos li {
    border: 1px solid #D1D2E7;
    border-radius: 10px;
    padding: 15px 45px;
    margin: 7.5px;
    max-height: 56px;
}

.form-control.error,
.form-control.parsley-error,
td.validation-error,
.select2-selection.parsley-error {
    color: #EB5757 !important;
    border-color: #EB5757 !important;
}

.address-card {
    background: #FAFAFC;
    border: 1px solid #6670EE;
    border-radius: 15px;
    padding: 25px 35px;
    margin-bottom: 10px;
}

#step-4 .address-card h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    color: #181C50;
}

#step-4 .address-card .phone {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    color: #7274A0;
    line-height: 20px;
}

#step-4 .address-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #7274A0;
}

.summary-to {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #6670EE;
    text-align: center;
    display: flex;
    justify-content: center;
}

.summary-time,
.message-driver {
    background: #FFFFFF;
    border: 1px solid #B9BBDA;
    border-radius: 10px;
    padding: 16px;
}

.summary-time p,
.message-driver p {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #181C50;
    margin: 0;
}

.summary-items {
    list-style: none;
    padding: 0px;
}

.summary-items li {
    border: 1px solid #D1D2E7;
    border-radius: 8px;
    font-size: 14px;
    line-height: 21px;
    color: #181C50;
    padding: 8px;
}

.summary-items span {
    float: right;
    margin-top: -11px;
}

.summary-items + hr {
    border: 1px solid #E0E2FC;
}

.summary-items-count {
    font-size: 14px;
    line-height: 24px;
    text-transform: lowercase;
    color: #7274A0;
    text-align: center;
}

.summary-checkout {
    border: 1px solid #C2C6F8;
    border-radius: 15px;
    padding: 25px;
}

.summary-checkout p {
    margin-bottom: 30px !important;
}

.summary-checkout p,
.terms {
    font-size: 14px;
    line-height: 20px;
    color: #26273A;
    font-weight: 600;
    display: block;
}

.terms input {
    margin-left: 0;
    margin-right: 10px;
}

.item_terms, #item_terms {
    margin-bottom: 30px !important;
    margin-top: 30px;
}

.summary-totals {
    width: 100%;
}

.summary-totals td {
    font-size: 14px;
    line-height: 24px;    
    color: #7274A0;
}

.summary-totals tr td:nth-child(2) {
    text-align: right;
}

.summary-totals tr:last-child td {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #33344B;
    padding-top: 15px;
    vertical-align: text-top;
}

.summary-totals tr:last-child td small {
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 600;
}

.summary-totals tr:last-child {
    border-top: 1px solid #E0E2FC;
}

.parsley-errors-list {
    padding: 0;
    margin-top: 5px;
    position: absolute;
    color: #EB5757;
    list-style: none;
}

#profileForm .parsley-errors-list,
#addressForm .parsley-errors-list {
    position: static;
}

#pickup_address_city {
    background-image: url(../icons/icon_departure.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
    padding-left: 45px;
}

#delivery_address_city {
    background-image: url(../icons/icon_arrival.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
    padding-left: 45px;
}

#step-2 .parsley-errors-list,
#step-3 .parsley-errors-list,
#itemsFooter .parsley-errors-list {
    display: none;
}

#step-4 .pickup_time,
#step-4 .delivery_time {
    background-image: url(../icons/icon_calendar_bold.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: calc(100% - -5px);
}

.cancel-container {
    text-align: center;
    margin-top: 15px;
}

.cancel-container span {
    color: #6670EE;
    cursor: pointer;
    font-size: 14px;
}

.customer-fields {

}

.customer-fields .sub-title {
    color: #8B8EC2;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

.customer-fields span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #8B8EC2;
    display: inline-block;
}

.customer-fields p.instructions {
    color: #7274A0;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    margin-top: 25px !important;
}

.btn-client-details {
    border: 1px solid #C2C6F8;
    border-radius: 4px;
    color: #c2c6f8;
    min-width: 143px;
    min-height: 44px;
    cursor: pointer;
    background-color: #fff;
}

.btn-client-details:hover,
.btn-client-details.active {
    background-color: #525bc6;
    color: #fff;
}

.details-selector {
    text-align: right;
}

#step-4 .parsley-errors-list {
    font-size: 13px;
    margin: 0;
    margin-top: 0px;
    position: static;
}

.blocker {
    z-index: 99999;
}

.picker-container {
    display: flex;
}

.picker-container > div:first-child {
    padding-right: 2.5px;
}

.picker-container > div:nth-child(2) {
    padding-left: 2.5px;
}

.picker-container .parsley-errors-list {
    font-size: 14px;
}

.datepicker-modal {
    vertical-align: middle !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: 750px !important;
    box-sizing: border-box !important;
    width: 95% !important;
    background: #fff !important;
    padding: 15px !important;
    overflow: visible !important;
}

.datepicker-modal h4 {
    font-family: 'Mulish';
    font-size: 18px !important;
    margin: 0;
    margin-bottom: 10px;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 250px;
}

.xdsoft_datetimepicker.xdsoft_inline {
    border-radius: 8px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    height: 30px;
}

.timepicker-container {
    flex: 1;
}

.timepicker {
    display: flex;
}

.timepicker > ul:first-child {
    padding-right: 2.5px;
}

.timepicker > ul:nth-child(2) {
    padding-left: 2.5px;
}

.time-slots {
    padding: 0;
    list-style: none;
    margin: 0;
    flex: 1;
}

.time-slots li {
    display: none;
}

.time-slots li label {
    display: block;
    padding: 10px;
    cursor: pointer;
    background: #f0f0f0;
    border-radius: 8px;
    font-size: 14px;
}

.time-slots li:first-child,
.time-slots li:nth-child(2) {
    display: none;
}

.time-slots input {
    margin: 0;
}

.message-driver {
    margin-top: 15px;
}

.message-driver h5 {
    font-size: 16px !important;
    margin: 0;
}

.message-driver p {

}

.manpower_terms {
    color: #3F469F;
    font-size: 14px;
    margin-bottom: 30px !important;
    margin-top: -5px !important;
}

.qty-container {
    display: flex;
}

.qty-container > div {
    flex: 1;
    padding-right: 15px;
}

.table-summary {
    border-collapse: collapse;
    border: 1px solid #e5e4e3;
}

.table-summary td,
.table-summary th {
    text-align: left;
}


.table-summary.table-sm td,
.table-summary.table-sm th {
    padding: 5px;
}

.order-summary {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.link-cancel {
    display: block;
    font-size: 13px;
    margin-top: 15px;
    color: #999;
    cursor: pointer;
    text-decoration: underline;
}

.select2-selection__arrow {
    /* background-color: #fff; */
    border-top-right-radius: 6px !important;
    border: #d2d2d2 solid 1px;
    border-bottom-right-radius: 6px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 50px !important;
}

#itemsFooter tfoot.standard-items tr.box-selector-rows {
    display: none;
}

@media screen and (max-width:480px) {

    .col-xs-12 {
        width: 100% !important;
    }

    .parsley-errors-list {
        display: none;
    }

    .wizard-progress li {
        line-height: 20px;
    }

    .wizard .form-control {
        height: 60px;
        padding: 15px 15px 15px 55px;
    }

    .pick_up_container {
        margin-bottom: 15px;
    }

    #pickup_ok, #delivery_ok {
        margin-top: -10px;
    }

    .wizard h4 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    #itemsFooter tfoot tr.item-selector-rows {
        display: table-row !important;
    }

    #itemsFooter tfoot.standard-items tr.box-selector-rows {
        display: none !important;
    }

    #itemsFooter tfoot.box-items tr.box-selector-rows {
        display: block !important;
    }

    #itemsFooter tfoot.box-items tr.item-selector-rows {
        display: none !important;
    }

    #itemsFooter tfoot tr td {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }

    #itemsFooter tfoot tr td.advanced-options {
        display: none;
    }

    #itemsFooter tfoot tr td:last-child {
        margin-bottom: 0px;
    }

    #itemsFooter label, 
    #step-1 label,
    #step-3 label {
        display: none;
    }

    #advancedToggle,
    #boxCancel {
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #advancedToggle i,
    #boxCancel i {
        font-size: 13px;
    }

    .btn-add-products-2 {
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 0px;
    }

    .btn-add-products {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px;
    }

    .btn-done-products {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px;
    }

    #itemsTable tbody tr td {
        padding: 18px 15px;
    }

    /* #itemsFooter tfoot tr:last-child td {
        margin-bottom: 0px;
    } */

    .select2 .select2-selection span {
        line-height: 60px !important;
        height: 60px !important;
    }

    .select2 .select2-selection {
        height: 60px !important;
    }

    #itemsTable tbody tr td {
        font-size: 12px;
    }

    .btn {
        height: 56px;
    }

    .btn-next {
        min-width: 166px;
    }

    .booking_type_container, .customer_contact {
        margin-bottom: 30px;
    }

    .booking_type_container .form-control, 
    .customer_contact .form-control,
    .address-fields .form-control {
        padding: 15px;
    }

    .booking_type_container label {
        width: 60%;
        display: block;
        float: left;
    }

    .booking_type_container .total h3 {
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 21px !important;
    }

    .od_filler {
    }

    .xs-mb-0 {
        margin-bottom: 0 !important;
    }

    .xs-mb-5 {
        margin-bottom: 5px !important;
    }

    .xs-mb-10 {
        margin-bottom: 10px !important;
    }

    .xs-mb-30 {
        margin-bottom: 30px !important;
    }

    .address-fields .form-group {
        margin-bottom: 10px;
    }

    .summary-to {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .summary-checkout {
        margin-top: 30px;
    }

    #step-4 .address-card h3 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .details-selector {
        text-align: left;
    }

    .details-selector span {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .btn-client-details {
        min-width: 0px;
        flex: 1;
    }

    .picker-container {
        display: block;
    }

    .timepicker, 
    .timepicker-container {
        display: block;
    }

    .xdsoft_datetimepicker.xdsoft_inline {
        width: 100%;
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: calc(100% - 8px);
    }

    .qty-container {
        display: block;
    }

    .qty-container > div {
        flex: none;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .btn-add-products-2 {
        line-height: 14px;
        width: 100%;
    }

    .payment-logos {
        display: block;
    }

    .payment-logos li {
        width: 25%;
        float: left;
        padding: 10px 10px;
        margin: 2.5px;
        max-height: 55px;
    }

    #itemsFooter tfoot tr:first-child {
        display: block;
    }

    #box-picker {
    }

    #box-picker td {
        display: block !important;
        padding-top: 15px !important;
    }

    #box-picker label.fit-msg {
        display: block;
        font-size: 14px;
    }

}

@media screen and (min-width:481px) and (max-width:599px) {

    .picker-container {
        display: block;
    }

    .timepicker, 
    .timepicker-container {
        display: block;
    }

    .xdsoft_datetimepicker.xdsoft_inline {
        width: 100%;
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: calc(100% - 8px);
    }
    
    .advanced-options {
        display: none !important;
    }

    #itemsFooter tfoot tr {
        display: table-row;
    }

}

@media screen and (min-width:500px) and (max-width:599px) {

    .col-xs-6 {
        float: left;
        width: 50%;
    }

    .col-sm-6 {
        float: left !important;
        width: 50% !important;
    }

    .col-sm-7 {
        float: left;
        width: 58.333333%;
    }

    .col-sm-5 {
        float: left;
        width: 41.666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-md-8 {
        float: left;
        width: 75%;
    }

    .col-md-4 {
        float: left;
        width: 25%;
    }

    #itemsFooter tfoot tr {
        /* display: table-row; */
    }

    #itemsFooter tfoot tr td {
        display: block;
        width: 50% !important;
        margin-bottom: 15px;
        float: left;
    }

    #itemsFooter tfoot tr td:nth-child(odd) {
        padding-right: 15px;
        padding-left: 0;
    }

    #itemsFooter tfoot tr td:nth-child(even) {
        padding-left: 15px;
        padding-right: 0;
    }

    .booking_type_container,
    .departure-fields,
    .arrival-fields {
        margin-bottom: 30px;
    }

    .details-selector {
        text-align: left;
    }

    .btn-client-details {
        min-width: 125px;
    }

    .sm-mb-15 {
        margin-bottom: 15px;
    }

    .xs-mb-0 {
        margin-bottom: 0px;
    }

    .summary-to {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .payment-logos li {
        padding: 15px 15px;
        max-height: 50px;
    }

    .sm-mb-30 {
        margin-bottom: 30px;
    }

    .sm-mb-15 {
        margin-bottom: 15px;
    }
    
    .advanced-options {
        display: none !important;
    }

}

@media screen and (min-width:600px) and (max-width:720px) {

    .xdsoft_datetimepicker.xdsoft_inline {
        width: 100%;
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: calc(100% - 8px);
    }
    
    .picker-container {
        display: block;
    }

    .time-slots li label {
        display: block;
        padding: 8px;
        cursor: pointer;
        background: #f0f0f0;
        border-radius: 8px;
        font-size: 12px;
    }

    .qty-container {
        display: block;
    }

    .qty-container > div {
        flex: none;
        padding-right: 0;
    }

}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #6670EE;
    border: 1px solid #6670EE;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    color: #666 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    background: #6670EE;
    border: 1px solid #9ca2ec;
    color: #fff;
}

.other-option-pickup,
.other-option-delivery {
    padding-left: 40px !important;
    cursor: pointer;
}

#timeslot-text {
}

.w-100 {
    width: 100% !important;
}

.d-none {
    display: none !important;
}

.deliveries .delivery {
    background: #fafafa;
    padding: 15px;
    border: #ddd solid 1px;
    margin-bottom: 15px;
    position: relative;
}

.deliveries .delivery h4 {
    color: #fff !important;
    font-size: 21px !important;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0;
    background: hsl(242deg 88% 66%);
    padding: 10px 5px;
    font-weight: 600;
}

.deliveries .delivery h6 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0;;
}

.deliveries .delivery p {
    font-size: 14px;
    color: #333;
}

.delivery-options {
    position: absolute;
    right: 18px;
    top: 18px;
}

.delivery-options .btn {
    height: 30px;
    padding: 9px;
}

.btn-compact {
    padding: 10px;
    height: auto;
}

.worder-wizard {
}

.worder-wizard #step-1 .pickup_time,
.worder-wizard #step-1 .delivery_time {
    background-image: url(../icons/icon_calendar_bold.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: calc(100% - 5px);
}

.worder-wizard .parsley-errors-list {
    position: relative;
    margin-bottom: 0px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

#pickup_city + .parsley-errors-list {
    display: none;
}

#delivery_city + .parsley-errors-list {
    display: none;
}

.signin-container,
.forgot-container,
.reset-container {
    padding: 30px;
    border: #ddd solid 1px;
    border-radius: 12px;
}

.signin-container h3 {

}

.forgot-password-switch {
    margin-top: 22px;
    display: inline-block;
}

.forgot-container,
#forgotMessage {
    display: none;
}

.page-id-15395 #main,
.page-id-16455 #main,
.page-id-16459 #main,
.page-id-16457 #main {
    background-color: #F5F5F5 !important;
}

.dashboard-menu-container {
    padding: 15px;
    background-color: #fff !important;
    border-radius: 8px;
    min-height: 100vh;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashboard-menu {
    list-style: none;
    padding: 0;
    margin-top: 0px;
}

.dashboard-menu-bottom {
    list-style: none;
    padding: 0;
    margin-top: 0px;
}

.dashboard-menu li {
    margin-bottom: -1px;
    position: relative;
}


.dashboard-menu li a span.ic {
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    float: left;
    margin-left: -24px;
    background-position: center;
}

.dashboard-menu li.dashboard a span {
    margin-left: -26px;
    width: 24px;
    height: 24px;
    background-image: url(../icons/dashboard_icons/icon_dashboard.svg);
}

.dashboard-menu li.dashboard a:hover span {
    animation: fadeIn;
    animation-duration: 1s;
    background-image: url(../icons/dashboard_icons/icon_dashboard_hover.svg);
}

.dashboard-menu li.new_order a span {
    background-image: url(../icons/dashboard_icons/icon_order_new.svg);
}

.dashboard-menu li.new_order a:hover span {
    /* transform: matrix(0, 1, 1, 0, 0, 0);
    animation: fadeIn;
    animation-duration: 1s;
    background-image: url(../icons/dashboard_icons/icon_order_new_hover.svg); */
}

.dashboard-menu li.saved_addresses a span {
    background-image: url(../icons/dashboard_icons/icon_address.svg);
}

.dashboard-menu li.saved_addresses a:hover span {
    /* transform: matrix(-1, 0, 0, 1, 0, 0);
    animation: fadeIn;
    animation-duration: 1s;
    background-image: url(../icons/dashboard_icons/icon_address_hover.svg); */
}

.dashboard-menu li.profile a span {
    background-image: url(../icons/dashboard_icons/icon_profile.svg);
}

.dashboard-menu li.profile a:hover span {
    /* transform: rotate(30deg);
    animation: fadeIn;
    animation-duration: 1s;
    background-image: url(../icons/dashboard_icons/icon_profile_hover.svg); */
}

.dashboard-menu li.need_help {
    border-top: 1px solid #E8E8F3;
}

.dashboard-menu li.need_help a span {
    border-radius: 8px;
    background-image: url(../icons/dashboard_icons/icon_help.svg);
}

.dashboard-menu li.need_help a:hover span {
    animation: fadeIn;
    animation-duration: 1s;
    background-color: #525bc6;
    background-image: url(../icons/dashboard_icons/icon_help_hover.svg);
}

.dashboard-menu-bottom li.logout {
    text-align: center;
}

.dashboard-menu-bottom li.logout a {
    display: inline-block;
    text-align: center;
    color: #595A7E;
    border-radius: 8px;
    border: 1px solid #D1D2E7;
    padding: 8px;
    width: 150px;
}

.dashboard-menu li a {
    border: none;
    border-radius: 8px;
    padding-left: 45px !important;
    color: #797A85;
    background-position: 12px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.dashboard-menu-bottom li a {
}

.dashboard-menu li:first-child a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dashboard-menu li:last-child a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard-menu li a {
    display: block;
    padding: 15px 10px;
}

.dashboard-menu li.active a,
.dashboard-menu li:hover a {
    background-color: #F5F5FA;
    color: #161619;
}

.dashboard-menu li.active::after {
    content: ' ';
    position: absolute;
    background-color: #6670EE;
    bottom: 0px;
    width: 4px;
    height: 24px;
    right: -15px;
    top: 15px;
    border-radius: 10px 0px 0px 15px;
}

.tp-container {
    border: none;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    max-height: 100vh + 45px;
}

.flex-content {
    display: flex;
}

.flex-content .row {
    display: flex;
    flex: 1;
}

.flex-content .row .col-md-3 {
    justify-content: stretch;
    flex: 1;
    float: none;
    display: flex;
}

.table-tp {

}

.table-tp th {
    padding: 10px 2px !important;
    font-weight: 700 !important;
    text-align: left;
    font-size: 14px;
}

.table-tp td {
    padding: 10px 2px !important;
    /* font-weight: 700 !important; */
    text-align: left;
    font-size: 14px;
}

.table.dataTable thead {
    background: none;
    color: #323338;
    border-bottom: 1px solid #E8E8F3;
}

.table.dataTable thead th {
    border-bottom: 1px solid #E8E8F3;
}

.table.dataTable.no-footer {
    border-bottom: 1px solid #E8E8F3;
}

.dataTables_filter .form-control {
    border: 1px solid #DCDDED;
    border-radius: 8px;
    min-height: 40px;
    padding: 13px;
    margin-top: -60px;
}

.dataTables_filter label {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#wpadminbar {
    /* display: none; */
}

.delivery-summary {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fafafa;
}

.delivery-summary:nth-child(even) {
    background-color: #fafafa;
}

.input-group {
    display: flex;
    max-width: 250px;
}

.input-group input.form-control {
    flex: 1;
    flex-grow: 9;
    height: 45px;
    line-height: 45px;
}

.input-group .btn {
    flex: 1;
    line-height: 45px;
    height: 45px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0;
    padding: 0 20px;
}

.worder-dashboard-link {
    text-align: left;
    display: block;
    float: left;
    margin-top: -35px;
}

.worder-dashboard-link a {
    text-decoration: underline;
    color: #9b9b9b;
    font-size: 14px;
}

#pickup_city_other,
#delivery_city_other,
#product_other,
#pickup_city_other_cancel,
#delivery_city_other_cancel {
    display: none;
}

.wizard .form-control.form-control-regular {
    border-radius: 6px;
    padding: 17px 20px 17px 20px;
    background: #fff;
    border: 1px solid #d2d2d2;
    text-align: left;
    color: #595A7E !important;
    font-size: 16px !important;
    line-height: 24px !important;
    height: 54px;
}

#pickup_city_other_cancel,
#delivery_city_other_cancel,
#product_other_cancel {
    position: absolute;
    top: 17px;
    right: 8px;
}

.regular_order_form #pickup_city_other_cancel,
.regular_order_form #delivery_city_other_cancel {
    position: absolute;
    top: 33px;
    right: 8px;
}

.pr {
    position: relative;
}

.btn-icon {
    display: inline-block;
    background: none;
    border: none;
    cursor: pointer;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #5ca340;
    color: #5ca340;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #a64242;
    color: #a64242;
}

.btn-theme-light-dash {
    background: #fff;
    color: #AAACB6;
    border: 1px solid #DFE0E4;
}

.btn-theme-light-dash:hover {
    background: #fff;
    color: #BFC1C8;
    border: 1px solid #BFC1C8;
}

.manpower-disabled {
    display: none;
}

.alert-info {
    background: #dddfff;
    color: #525bc6;
    font-size: 14px;
}

#box-picker {
    display: flex;
    background: #f0f6ff;
    padding: 15px;
    padding-top: 5px;
    border: solid 2px #A3A9F5;
    display: none;
}

#pick_city_recommendation,
#delivery_city_recommendation {
    color: #7274A0;
    margin-top: 5px;
}

#pick_city_recommendation span,
#delivery_city_recommendation span {
    color: #525bc6;
    font-weight: bold;
    cursor: pointer;
}