/* SPACES */

#userAccount .address,
#userAccount .account {
    padding-top: 20px;
    padding-bottom: 20px;
}

#userAccount .grid-container {
    max-width: 1280px;
}

#userAccount {
    font-size: 22px;
    background: #FFF;
}

/* COLORS */

.inbox-message .copyLinkWrap .copyLink.-zero {
    border-color: #202B78;
    color: #202B78;
}
.inbox-message .copyLink.-one,
.inbox-message .copyLink.-two {
    border-color: #202B78;
    color: #202B78;
}
.toolBox {
	color: #202B78;
}
.messagesTable .ui-paginator-pages > a {
	color: #202B78;
}
.checkboxContainer .messageCheckbox:after {
	border: solid #202B78;
}

#userAccount .messageTableHeadings a {
	color: #202B78;
}
#userAccount .dashboard .dashboardOrders .order-table tr td:last-child a {
	color: #202B78;
}
#userAccount .dashboard .messageTableHeadings a, 
#userAccount .dashboard .dashboardOrdersHeadings a {
	color: #202B78;
}

#orderAddressCheckModal .button.-white.-secondary,
#orderAddressConfirm .button.-white.-secondary {
    background-color: #202B78;
    color: #FFF;
}

#orderAddressCheckModal .button.-white,
#orderAddressConfirm .button.-white {
    background-color: #FFF;
    color: #202B78;
    border: 2px solid #202B78;
}

.order .button.-action {
    cursor: pointer;
    color: #202B78;
    background-color: transparent;
    border-color: #202B78;
    border-radius: 0;
    padding: 8px 10px;
    height: 35px;
    margin: 10px 0;
    clear: both;
}

#userAccount .form-boxed .cancelLink {
    color: #202B78;
}
#userAccount .form-boxed .group .gendreSelection input[type=radio]:not(:checked).-hover + label:before, #userAccount .form-boxed .group .gendreSelection input[type=radio]:not(:checked):hover + label:before {
    border-color: #5db0b4;
    color: #202B78;
}
#userAccount .form-boxed .group .checkbox input:checked:hover + label:before, #userAccount .form-boxed .group .checkbox input:not(:checked):hover + label:before {
    border-color: #202B78;
}
#userAccount .form-boxed .form-dropdown > .label:after {
    border-top: 7px solid #202B78;
}
#userAccount .form-boxed .submitSafe {
    background-color: #202B78;
    border-color: #202B78;
}
#userAccount .form-boxed .cancel {
    border: 1px solid #202B78;
    color: #202B78;
}
#userAccount .account .form-boxed .submit, 
#userAccount .account .register .submit {
    background-color: #202B78;
    color: white;
}
#userAccount .address .page-heading .address-edit {
    color: #202B78;
}
#userAccount .order-table.-orders a,
.order-detail-button {
	color: #202B78;
    background-color: transparent;
    border-color: #202B78;
}
#userAccount .value a
#userAccount .order-detail-button {
    color: #202B78;
    border-color: #202B78;
}
#userAccount .form-boxed .group .gendreSelection input[type=radio]:checked + label:after,
#userAccount .form-boxed .group .gendreSelection input[type=radio]:not(:checked) + label:after {
    border: 1px solid #202B78;
    background-color: #202B787a;
}
#userAccount .form-boxed .cancel:hover {
    border-color: #202B78;
}
#userAccount .form-boxed .group .checkbox input:checked + label:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='49' viewBox='0 0 64 49'%3E%3Cpath d='M62.75 9.625c0 1.125-.375 2-1.125 2.75L26.875 47c-.75.75-1.625 1.125-2.75 1.125s-2-.375-2.75-1.125L1.25 26.875C.5 26.125.125 25.25.125 24.125s.375-2 1.125-2.75l5.5-5.5c.75-.75 1.625-1.125 2.75-1.125s2 .375 2.75 1.125L24.125 27.75l26.5-26.5C51.375.5 52.25.125 53.375.125s2 .375 2.75 1.125l5.5 5.5c.75.875 1.125 1.75 1.125 2.875z' fill='%23202B78' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#userAccount .account>.content .form-boxed .group .checkbox input:checked+label:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='49' viewBox='0 0 64 49'%3E%3Cpath d='M62.75 9.625c0 1.125-.375 2-1.125 2.75L26.875 47c-.75.75-1.625 1.125-2.75 1.125s-2-.375-2.75-1.125L1.25 26.875C.5 26.125.125 25.25.125 24.125s.375-2 1.125-2.75l5.5-5.5c.75-.75 1.625-1.125 2.75-1.125s2 .375 2.75 1.125L24.125 27.75l26.5-26.5C51.375.5 52.25.125 53.375.125s2 .375 2.75 1.125l5.5 5.5c.75.875 1.125 1.75 1.125 2.875z' fill='%23202B78' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.-arrow:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.1 9.4'%3E%3Cpolygon fill='%23202B78' points='4.7,3.3 1.4,0 0,1.4 3.3,4.7 0,8 1.4,9.4 4.7,6.1 6.1,4.7 '/%3E%3C/svg%3E");
}

#userAccount .nav-box a {
    color: #202B78;
}

#userAccount .order-table.-orders .ui-icon-seek-end {
	background-image: url(/assets/img/messages/aldi/end-blue-r.svg) !important;
}
#userAccount .order-table.-orders .ui-icon-seek-next {
	background-image: url(/assets/img/messages/aldi/next-blue-r.svg) !important;
}
#userAccount .order-table.-orders .ui-icon-seek-first {
	background-image: url(/assets/img/messages/aldi/start-blue-r.svg) !important;
}
#userAccount .order-table.-orders .ui-icon-seek-prev {
	background-image: url(/assets/img/messages/aldi/previous-blue-r.svg) !important;
}

#userAccount .form-boxed .group .info-component.edit.birthInfo {
    left: auto;
    right: 100px;
    top: 9px;
}

#userAccount .form-boxed .group .info-component .info-bubble.edit.birthInfo {
    left: auto !important;
    right: -9px !important;
    top: 32px;
}

.friend .referal-coupon-code {
    color: #202B78;
    border: 1px dashed #202B78;
}

.friend .accordion-panel>.js-accordion-title.-expandable.-new:before {
    border: solid #202B78;
    border-width: 0 3px 3px 0;
}

.friend .messenger-wrap img {
    width: auto;
}

.friend a#wa-share img {
    width: auto;
}

#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(1) input[type="radio"]:not(:checked) + label::before,
#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(2) input[type="radio"]:not(:checked) + label::before,
#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(1) input[type="radio"]:checked + label::before,
#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(2) input[type="radio"]:checked + label::before,
#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(1) input[type="radio"]:checked + label::after,
#userAccount .form-boxed .group .gendreSelection tbody > tr > td:nth-child(2) input[type="radio"]:checked + label::after {
    border-radius: 40px!important;
}

#userAccount .gendreSelection input[type="radio"]:not(:checked) + label::before,
#userAccount .gendreSelection input[type="radio"]:checked + label::before {
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #202B78 !important;
    bottom: 3px;
    top: initial !important;
}

#userAccount .gendreSelection input[type="radio"]:not(:checked) + label::after,
#userAccount .gendreSelection input[type="radio"]:checked + label::after {
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #202B78 !important;
    background-color: #202B78 !important;
    bottom: 7px;
    top: initial !important;
}

#userAccount .gendreSelection input[type="radio"]:not(:checked) + label,
#userAccount .gendreSelection input[type="radio"]:checked + label {
    cursor: default !important;
    padding: 10px 20px 0 35px !important;
    line-height: 30px!important;
    font-size: 16px!important;
}

#userAccount .gendreSelection input[type="radio"]:checked + label::after {
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #202B78 !important;
    background-color: #202B78 !important;
    bottom: 7px;
    top: initial !important;
}

#userAccount .form-boxed .cradio input[type="radio"]:checked + label::after {
    left: 4px!important;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#userAccount .gendreSelection .cradio > tbody > tr > td:last-child {
    display: none;
}

#userAccount .form-boxed .group .gendreSelection input[type="radio"]:not(:checked) + label {
    width: 80px;
}

#userAccount .form-boxed .group .checkbox input:checked + label::after {
    top: 0!important;
    width: 17px!important;
}