#orderAddressConfirm {
    overflow: hidden;
}

#orderAddressCheckModal input.-action.button,
#orderAddressCheckModal button,
#orderAddressCheckModal div.-action.button,
#orderAddressConfirm input.-action.button,
#orderAddressConfirm button {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    display: block;
}

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

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

#orderAddressCheckModal p,
#orderAddressConfirm p {
    line-height: 20px;
}

.addressInformation {
    line-height: 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
}

.addressInformation.-lastblock {
    margin-bottom: 30px;
}

#orderAddressCheckModal {
    line-height: 20px;
    overflow-y: hidden;
    background: #FFF;
    width: 400px;
}

#orderAddressCheckModal .head,
#orderAddressConfirm .head {
    display: none;
}

#orderAddressCheckModal .scroll .foot,
#orderAddressConfirm .scroll .foot {
    display: none;
}

#orderAddressCheckModal label {
    display: block;
    margin: 10px 0 5px 0;
}

#orderAddressCheckModal h3,
#orderAddressConfirm .scroll .body h3 {
    font-size: 20px;
    line-height: 18px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 20px;
}

#orderAddressCheckModal h4 {
    font-size: 16px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: left;
}

#orderAddressEditBody .inputBlock input {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    width: 90%;
}

#orderAddressEditBody .inputBlock input.error {
    border: 1px solid #D40140;
    border-radius: 3px;
}

#orderAddressEditBody .inputBlock .countryField {
    display: block;
    margin: 15px 0 20px 20px;
}

#orderAddressEditBody .validCheck,
#orderAddressEditBody .errorCheck {
    display: inline-block;
    left: 8px;
    height: 24px;
    width: 24px;
    top: 6px;
    position: relative;
}

#orderAddressEditBody label {
    display: inline-block;
    margin: 10px 0 5px 0;
    font-size: 13px;
    font-weight: bold;
}

#orderAddressEditBody label.error {
    color: #D40140;
    font-size: 12px;
    line-height: 18px;
    display: contents;
}

.validAddressCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2369C53A'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 68px;
    height: 68px;
    position: relative;
    top: 10px;
    margin: auto;
}

#orderAddressCheckModal .scroll {
    top: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
} 

#orderAddressCheckModal .scroll::-webkit-scrollbar {
    display: none;
} 

#orderAddressCheckModal .scroll .body,
#orderAddressConfirm .scroll .body {
    padding: 0px 10px 0px 10px;
    line-height: 10px;
}

#orderAddressConfirm .scroll .body {
    text-align: center;
}

#orderAddressConfirm .scroll .body p {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
}

#orderAddressEditBody .inputBlock .form-dropdown {
    width: 98% !important;
}

#orderAddressEditBody label.floating-label {
    display: block;
    line-height: 20px;
    width: 100%;
}

#orderAddressEditBody .errorCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23D9382C'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
}

#orderAddressEditBody .validCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2369C53A'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
}

/* COS */

#orderAddressCheckModal.canvasonsale .button.-white.-secondary,
#orderAddressConfirm.canvasonsale .button.-white.-secondary {
    border: none;
    width: 100%;
    color: #FFF;
}

#orderAddressCheckModal.canvasonsale .button.-white,
#orderAddressConfirm.canvasonsale .button.-white {
    background-color: #FFF;
    color: #086baf;
    border: 1px solid #086baf;
    width: 100%;
}

/* STIT */

#orderAddressCheckModal.stampa .scroll,
#orderAddressConfirm.stampa .scroll {
    padding-right: 0;
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    #orderAddressCheckModal,
    #orderAddressConfirm {
        margin-left: unset !important;
        margin-top: unset !important;
        transform:translate(-50%, -50%)!important;
        top:90vw !important;
        width: 90%;
    }

    #orderAddressCheckModal .scroll {
        top: 0 !important;
        overflow: scroll;
    }

    #orderAddressCheckModal h4 {
        font-size: 13px;
    }

    #orderAddressCheckModal p {
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        margin-bottom: 20px;
        text-align: center;
    }

    #orderAddressEditBody label.error {
        display: inline;
    }

    #orderAddressEditBody .inputBlock input,
    #orderAddressEditBody .inputBlock .form-dropdown {
        width: 92% !important;
    }

    #orderAddressEditBody .validCheck,
    #orderAddressEditBody .errorCheck {
        left: 0px;
        height: 20px;
        width: 20px;
        top: 38px;
        background-size: cover;
        position: relative;
        float: right;
        margin: -30px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #orderAddressCheckModal,
    #orderAddressConfirm {
        margin-left: unset !important;
        margin-top: unset !important;
        transform:translate(-50%, -50%)!important;
        top:50vw !important;
        width: 90%;
    }
}