#Customer li > span {
    margin-right: 4px;
    width: 27px;
    text-align: center;
    font-size: 24px;
}

#Customer .low {
    min-height: 37px;
}

#Customer input[type="text"], #Customer input[type="email"] {
    width: 100%;
}

#Customer .customerSelect {
    border-color: var(--default-primary-color);
    height: 47px;
}

#customer_InvoiceAddress3 {
    margin-top: 15px;
}

.order-rows-table {
    overflow-x: unset !important;
}

.new-customer-header {
    font-size: 24px;
    padding-bottom: 20px;
}

.submit-new-customer {
    float: inline-start;
    margin-top: 30px;
}

.send-button {
    margin-top: 10px;
}

.last-li-top-right {
    margin-bottom: 100px;
}

#customer_DeliveryAddress3 {
    margin-top: 15px;
}

#delivery_address {
    margin: auto;
    max-width: 600px;
}

.default-address {
    font-size: 18px;
}

.customer-info-action-row {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.customer-info-btn{
    color: white !important;
    background-color: var(--default-primary-color) !important;
    border: none !important;
}
    .customer-info-btn:hover{
        background-color: var(--default-primary-color-hover) !important;
    }



    #DefaultAddress {
        width: 20px;
        height: 20px;
        margin-bottom: 10px;
        background: white;
        border: 1px solid #ccc;
        cursor: pointer;
    }



.delivery-address-input {
    padding: 2px 20px !important;
    font-size: 16px !important;
    color: #000 !important;
    height: 43px !important;
    line-height: 28px !important;
    font-family: var(--default-font) !important;
    border: 1px solid var(--default-primary-color) !important;
}

#AddressSaved, #AddressDeleted {
    color: var(--default-primary-color);
}

#AddressSaveFailed {
    color: red;
}

.delete-address-btn {
    color: white !important;
    background-color: red !important;
    border: none !important;
}
    .delete-address-btn:hover {
        background-color: darkred !important;
    }

#Customer select
#Customer li {
    margin-bottom: 15px;
    font-size: 16px;
    min-height: 79px;
}

#Customer {
    margin-top: 25px;
}

    #Customer .left, #Customer .right {
        margin-right: 10px;
        width: 45%;
        float: left;
    }

    #Customer H3 {
        margin: 0px;
    }

    #Customer .checkbox {
        display: inline;
    }

    #Customer .field-validation-error {
        color: red;
        width: 100%;
        font-size: 14px;
        text-align: unset;
    }

    #Customer .btn-submit {
        color: #FFFFFF;
        background-color: var(--default-primary-color);
        float: left;
        clear: both;
    }

        #Customer .btn-submit:hover, .btn-submit:active, .btn-submit:focus {
            background-color: var(--default-primary-color-hover);
        }

    #Customer .form-control {
        color: #000;
        font-family: var(--default-font);
        font-size: 16px;
        padding: 25px 20px;
        margin-right: 0px;
        border-color: var(--default-primary-color);
    }

        #Customer .form-control:focus {
            border-color: var(--default-primary-color);
            webkit-box-shadow: 0px 0px 5px 1px rgba(250, 180, 0);
            -moz-box-shadow: 0px 0px 5px 1px rgba(250, 180, 0);
            box-shadow: 0px 0px 5px 1px rgba(250, 180, 0);
        }

.login-name {
    font-size: 19px;
    color: var(--default-primary-color);
    font-family: var(--default-font);
}

/*#Customer a {
	color: var(--default-primary-color);
}*/

#Customer .myinfo-first a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    #Customer .myinfo-first a:hover, #Customer .myinfo-first a:focus, #Customer .myinfo-first a:active {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

#Customer .myorders-first a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    #Customer .myorders-first a:hover, #Customer .myorders-first a:focus, #Customer .myorders-first a:active {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

#Customer .myinvoices-first a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    #Customer .myinvoices-first a:hover, #Customer .myinvoices-first a:focus, #Customer .myinvoices-first a:active {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

#Customer .mypassword-first a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    #Customer .mypassword-first a:hover, #Customer .mypassword-first a:focus, #Customer .mypassword-first a:active {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

#Customer .myfavourite-first a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    #Customer .myfavourite-first a:hover {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

.invoice-total-lable {
    display: flex;
    justify-content: space-between;
}

.invoice-total-ammount {
    margin-right: 60%
}

.btn-back-chevron {
    color: var(--default-primary-color);
    font-size: 18px;
}

    .btn-back-chevron:hover {
        color: var(--default-primary-color);
    }

.back-btn {
    vertical-align: inherit;
    margin-bottom: 20px;
    color: #999;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    height: auto;
    padding: 0;
}

    .back-btn:hover {
        color: var(--default-primary-color);
        text-decoration: underline;
        background: transparent;
        border: 1px solid transparent;
        font-family: var(--default-font);
    }

    .back-btn:active {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .back-btn:focus {
        color: var(--default-primary-color);
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }



/********/

.myinfo-wrapper {
    max-width: 1200px;
    margin: 0px auto;
}


.myinfoheader {
    max-width: 1200px;
    margin: 0px auto;
    font-family: var(--default-font);
    font-size: 14pt;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.myinfo-smallwrapper {
    max-width: 800px;
    margin: 0px auto;
    margin-bottom: 40px;
}

.myinfosmallheader {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14pt;
    line-height: 38px;
    font-family: var(--default-font);
    border-bottom: 3px solid var(--default-primary-color);
    color: #000;
}

.myadress {
    margin-top: 60px;
    /*margin-left: 20px;*/
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14pt;
    line-height: 38px;
    font-family: var(--default-font);
    border-bottom: 3px solid var(--default-primary-color);
    color: #000;
}

.myinfo-label {
    font-family: var(--default-font);
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}

.list-group-myinfo {
    margin-top: 60px;
    /*padding-left: 20px;*/
}

.list-group-item-myinfo {
    font-size: 16px;
    border-bottom: 0px solid #ddd;
    padding: 6px 20px 2px;
}

.list-group-myadressinfo {
    /*padding-left: 20px;*/
    margin-bottom: 60px;
}

.list-group-item-myadressinfo {
    font-size: 16px;
    border-bottom: 0px solid #ddd;
    padding: 6px 20px 2px;
}

.list-group-item-myinfo a {
    font-size: 18px;
    font-family: var(--default-font);
    color: var(--default-primary-color);
}

    .list-group-item-myinfo a:hover, .list-group-item-myinfo a:focus, .list-group-item-myinfo a:active {
        color: var(--default-primary-color-hover);
        text-decoration: underline;
    }

.no-rs-info {
    padding: 6px 20px;
}

/* CHANGE PASSWORD */

.passwordInfo input[type=password] {
    border-color: var(--default-primary-color);
}

    .passwordInfo input[type=password]:focus {
        box-shadow: 0px 0px 5px 1px rgba(250, 180, 0);
    }

.btn-save {
    color: #FFFFFF;
    background-color: var(--default-primary-color);
    border: none;
}

    .btn-save:hover, btn-save:focus, btn-save:active {
        color: #FFFFFF;
        background-color: var(--default-primary-color-hover);
        border: none;
    }

.custom_li {
    min-height: unset !important;
}

/*#rs_EmailForInvoice, #rs_GLNNo, #rs_ServiceProvider {
    width: 50%
}*/
.customer-ul {
    width: 50%;
}

.item-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.invoice-adress-header {
    margin-bottom: 25px !important;
}
@media screen and (max-width: 600px) {
    .responsive-container-customer {
        display: flex;
        flex-direction: column;
    }

    .item-pair {
        display: flex;
        flex-direction: column;
    }

    .customer-ul {
        width: 100%;
    }

}

@media screen and (max-width: 768px) {
    .list-group-myinfo h2 {
        font-size: 20px;
    }

    .myadress {
        font-size: 20px;
    }
}

@media print {
    .layout-main {
        width: 850px !important;
    }

    .back-link {
        display: none;
    }
    .zone-footer {
        display: none;
    }
}