@charset "utf-8";
@font-face {
    font-family: PlutoSansDPDExtraLight;
    src: url(../php/speedy_address_form/fonts/OTF/PlutoSansDPDExtraLight.otf);
}

@font-face {
    font-family: PlutoSansDPDLight;
    src: url(../php/speedy_address_form/fonts/OTF/PlutoSansDPDLight.otf);
}

@font-face {
    font-family: PlutoSansDPDRegular;
    src: url(../php/speedy_address_form/fonts/OTF/PlutoSansDPDRegular.otf);
}

@font-face {
    font-family: PlutoSansDPDThin;
    src: url(../php/speedy_address_form/fonts/OTF/PlutoSansDPDThin.otf);
}

body {
    box-sizing: border-box;
}

input {
    box-sizing: border-box;
}

.bodyAddressForm {
    margin: 0;
    padding: 0;
    border: 1px solid #808285;
}

.displayNone {
    display: none;
}

#addressFormRecipient {
    border-top: 1px solid #808285;
}

#speedyAddressForm {
    margin: 0 auto;
    padding: 0 3px;
    font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.speedyAddressFormActions {
    padding: 0 0;
    text-align: center;
    margin: auto;
    width: 20%;
    max-width: 100px;
}

.displayFlex {
    display: flex;
    justify-content: center;
}

.speedyAddressFormActionsMargin {
    /*margin: 5px 2px 2px 2px;*/
}

div.divError {
    width: 90%;
    font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    background-color: #dc0032;
    color: #FFFFFF;
    text-align: center;
    padding: 7px;
    border: 1px solid #a90034;
    margin: 20px 0 0 0;
    border-radius: 3px;
}

div.divOk {
    width: 90%;
    font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    background-color: #9ECF5C;
    color: #414042;
    text-align: center;
    padding: 7px;
    border: 1px solid #82AA30;
    margin: 20px 0 0 0;
    border-radius: 3px;
}

.fieldsetAddressForm {
    padding: 0 2px;
    border: none;
    flex: 1;
    min-width: 0;
    margin-top: 2px;
}

.divAddressRow {
    margin: auto;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.divAddresdRowBox {
    width: 100%;
    min-width: 20%;
    text-align: left;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 3px 3px;
}

.noFlexWrap {
    flex-wrap: nowrap !important;
}

.heightAuto {
    height: auto !important;
}

.divAddresdRowBoxBig {
    text-align: left;
    margin: 8px 5px 0 5px;
    padding: 0;
}

.divForeignAddresdRowBoxBig {
    text-align: left;
    margin: 8px 5px 0 5px;
    padding: 0;
    display: flex;
}

.divButtonRow {
    text-align: left;
    margin: 8px 5px 0 5px;
    padding: 0;
}

.speedyAddressSiteType, .speedyAddressSiteName, .speedyAddressSiteAddInfo,
.speedyAddressComplexType, .speedyAddressComplexName, .speedyAddressStreetType, .speedyAddressStreetName, .speedyAddressStreetNo,
.speedyAddressBlockNo, .speedyAddressEntranceNo, .speedyAddressFloorNo, .speedyAddressApartmentNo, .speedyAddressPoiName,
.speedyAddressOfficeId, .speedyAddressOfficeName, .speedyAddressNote, .speedyAddressOfficeAddInfo,
.speedyForeignAddressFormCountry, .speedyForeignAddressFormState, .speedyForeignAddressFormSite, .speedyForeignAddressFormPostCode, .speedyForeignAddressFormLine {
    text-align: left;
    font: 10px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    color: #414042;
    background-color: #FFFFFF; /*FAFAFA*/
    padding: 4px;
    border: 1px solid #808285;
    border-right-color: #cac4be;
    border-bottom-color: #cac4be;
    border-radius: 3px;
    margin: 0;
}

.speedyAddressSiteName, .speedyAddressComplexName, .speedyAddressStreetName {
    width: 100%;
}

.speedyAddressStreetNo {
    max-width: 15%;
}

.speedyAddressSiteType {
    width: 40px;
}

.speedyAddressStreetType {
    width: 45px;
    margin-left: 0;
}

.speedyAddressComplexType {
    margin-left: 0;
    width: 52px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: none;
}

.speedyAddressSiteName, .speedyAddressSiteAddInfo,
.speedyAddressComplexName, .speedyAddressStreetName, .speedyAddressStreetNo,
.speedyAddressBlockNo, .speedyAddressEntranceNo, .speedyAddressFloorNo, .speedyAddressApartmentNo, .speedyAddressPoiName,
.speedyAddressOfficeId, .speedyAddressOfficeName, .speedyAddressNote, .speedyAddressOfficeAddInfo,
.speedyForeignAddressFormCountry, .speedyForeignAddressFormState, .speedyForeignAddressFormSite, .speedyForeignAddressFormPostCode, .speedyForeignAddressFormLine {
    text-transform: uppercase;
}

.speedyAddressSiteType:focus, .speedyAddressSiteName:focus, .speedyAddressSiteAddInfo:focus,
.speedyAddressComplexType:focus, .speedyAddressComplexName:focus, .speedyAddressStreetType:focus, .speedyAddressStreetName:focus, .speedyAddressStreetNo:focus,
.speedyAddressBlockNo:focus, .speedyAddressEntranceNo:focus, .speedyAddressFloorNo:focus, .speedyAddressApartmentNo:focus, .speedyAddressPoiName:focus,
.speedyAddressOfficeId:focus, .speedyAddressOfficeName:focus, .speedyAddressNote:focus, .speedyAddressOfficeAddInfo:focus,
.speedyForeignAddressFormCountry:focus, .speedyForeignAddressFormState:focus, .speedyForeignAddressFormSite:focus, .speedyForeignAddressFormPostCode:focus, .speedyForeignAddressFormLine:focus {
    background-color: #fffbeb;
}

.speedyAddressSiteType:disabled, .speedyAddressSiteName:disabled, .speedyAddressSiteAddInfo:disabled,
.speedyAddressComplexType:disabled, .speedyAddressComplexName:disabled, .speedyAddressStreetType:disabled, .speedyAddressStreetName:disabled, .speedyAddressStreetNo:disabled,
.speedyAddressBlockNo:disabled, .speedyAddressEntranceNo:disabled, .speedyAddressFloorNo:disabled, .speedyAddressApartmentNo:disabled, .speedyAddressPoiName:disabled,
.speedyAddressOfficeId:disabled, .speedyAddressOfficeName:disabled, .speedyAddressNote:disabled, .speedyAddressOfficeAddInfo:disabled,
.speedyForeignAddressFormCountry:disabled, .speedyForeignAddressFormState:disabled, .speedyForeignAddressFormSite:disabled, .speedyForeignAddressFormPostCode:disabled, .speedyForeignAddressFormLine:disabled {
    background-color: #E6E7E8;
}

.speedyAddressOfficeId {
    background-color: #E6E7E8;
}

.speedyAddressSiteAddInfo {
    width: 100%;
}

.divAddressFormStreetNo {
    width: 20px;
    text-align: right;
    font-size: 10px;
}

/* Row 3 */
.divAddressFormBlockNo {
    text-align: right;
    font-size: 10px;
}

.speedyAddressBlockNo {
    width: 100%;
}

.inputButtonForm {
    text-align: left;
    font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #a90034;
    padding: 4px 20px 4px 20px;
    border: 1px solid #a90034;
    border-radius: 3px;
    vertical-align: middle;
}


#speedyRcptStateLabel, #divErrorCountry, #fieldsetForeignRecipientSite, #fieldsetForeignRecipientAddress, #divErrorRecipient,
#divMessageRecipient {
    display: none;
}

.fieldsetForeignRecipientAddress, .fieldsetForeignRecipientSite {
    width: 100%;
    align-items: center;
    font: 10px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    border: 1px solid #808285;
}

#speedy-logo {
    display: flex;
    justify-content: space-between;
}

.divTitleOfficeLocator {
    margin-left: auto;
    font: 14px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    margin-right: 5px;
}

.logo-and-country {
    display: flex;
    align-items: center;
}

/* Row 4 */
.inputButtonOfficeLocator {
    width: 90%;
    text-align: center;
    color: #FFFFFF;
    font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid var(--DPD-Dark-Red);
    background-color: var(--DPD-Dark-Red);
    padding: 4px 6px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.inputButtonOfficeLocator:hover {
    background-color: var(--DPD-Red);
}


/* ----- MEDIA QUERIES ----- */

@media screen and (max-width: 950px) {
    .divAddressRow {
        flex-wrap: wrap;
    }

    .divTitleOfficeLocator {
        font: 12px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
    }

    .divAddressFormStreetNo {
        margin-left: 56px;
    }
}

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


    .divTitleOfficeLocator {
        margin: auto;
        font: 11px PlutoSansDPDLight, Arial, Helvetica, sans-serif;
        max-height: 28px;
        overflow: hidden;
        word-wrap: break-word;
        white-space: pre-line;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        text-overflow: ellipsis;
    }

    /*autocomplete dropdown font-size*/
    .ui-menu-item-wrapper {
        font-size: 12px;
    }
}

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

    .inputButtonOfficeLocator {
        font-size: 10px;
        padding: 4px 2px;
    }


    .fieldsetAddressForm {
        height: auto;
    }

    .imgLinkSite {
        display: none;
    }

    .fieldsetAddressForm {
        padding: 0;
        margin: 2px 0 2px 2px;
    }

    .speedyAddressSiteType, .speedyAddressComplexType, .speedyAddressStreetType {
        width: 20px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: fade;
    }

    /*autocomplete dropdown font-size*/
    .ui-menu-item-wrapper {
        font-size: 10px;
    }

    .speedyAddressStreetNo {
        max-width: 20%;
    }

    .divAddressFormStreetNo {
        margin-left: 20px;
    }

}