.nav-hover-content-login-content.only-mobile, .nav-hover-content-login-content.web-only {
    display: none;
}

svg.login-panel-icon .a {
    fill: none;
}

svg.login-panel-icon .b {
    clip-path: url(#a);
}

svg.login-panel-icon .c {
    fill: #dc291e;
}

svg.login-panel-icon .d {
    clip-path: url(#b);
}

.content--header.popup-login {
    display: flex !important;
    background: #ffffff !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

    .content--header.popup-login svg {
        width: 28px !important;
    }

    .content--header.popup-login h2.header {
        font-size: 20px !important;
        margin: 3px 5px !important;
    }

.content--body.popup-login {
    background: #ffffff !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

    .content--body.popup-login .amx-form-group-container label {
        color: #6D7278 !important;
        font-size: 14px !important;
    }

    .content--body.popup-login .amx-form-group-container input {
        border: unset !important;
        border-bottom: 1px solid #00000040 !important;
        padding: 7px 0px !important;
        font-size: 18px !important;
        font-weight: 600;
    }

    .content--body.popup-login .amx-form-group-container .amx-form-entry-container.-invalid input {
        border-bottom: 1px solid #DC291E !important;
    }


.amx-form-entry-container.-invalid .bootstrap-select.btn-group .amx-cp-form-entry-select, .amx-form-entry-container.-invalid .bootstrap-select.btn-group .amx-cp-form-select, .amx-form-entry-container.-invalid input, .amx-form-entry-container.-invalid textarea {
    background-color: white !important;
    color: #DC291E !important;
}

.amx-md-panel.popup-login {
    box-shadow: unset !important
}

.amx-cp-btn.popup-login {
    font-size: 16px !important;
    background: #DC291E !important;
    border-radius: 30px !important;
    height: 30px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    min-width: 76px !important;
    line-height: 0px;
    margin: 0px !important;
}

.amx-cp-btn-holder.popup-login {
    display: flex !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    margin-top: 5px !important;
}

    .amx-cp-btn-holder.popup-login .amx-form-entry-container a {
        color: #353535 !important;
        font-size: 14px !important;
    }

.amx-form-entry-container.popup-login {
    margin: 0px !important;
    line-height: 32px !important;
    height: 32px !important;
}


.amx-form-entry-container input, .amx-form-entry-container textarea {
    color: #000000D9;
}

.content--body.popup-login .amx-form-group-container .amx-form-entry-message div[ng-message] {
    height: 30px !important;
    line-height: 15px !important;
}

.content--body.popup-login .amx-form-entry-container.-invalid {
    margin-bottom: 30px !important;
}


@media (max-width: 667px) {
    .content--body.popup-login .amx-form-entry-container.-invalid {
        margin-bottom: 5px !important;
    }
}


.amx-cp-btn-holder.popup-login-footer svg.new-to-aramex-icon .a {
    fill: none !important;
}


.amx-cp-btn-holder.popup-login-footer svg.new-to-aramex-icon .c {
    fill: #dc291e !important;
}

.content--body.popup-login .amx-cp-btn-holder.popup-login-footer svg {
    width: 34px !important;
}

.content--body.popup-login .amx-cp-btn-holder.popup-login-footer {
    width: 100% !important;
    display: flex !important;
}

.amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer {
    border-top: 1px solid #353535 !important;
}

    .amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer h4 {
        font-size: 21px !important;
        color: #000000D9 !important;
        height: 45px !important;
        line-height: 45px !important;
        margin: 0px 5px !important;
    }

    .amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer.no-border {
        border: unset !important;
        padding-top: 10px !important;
    }


        .amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer.no-border a.amx-cp-btn.amx-mr-secondary {
            margin: 0px !important;
            width: auto !important;
            min-width: auto !important;
            height: 30px !important;
            line-height: 5px !important;
            border: 1px solid #DC291E !important;
            border-radius: 30px !important;
            background: #ffffff !important;
            color: #DC291E !important;
            font-weight: 700 !important;
            font-size: 16px !important;
            margin-bottom: 35px !important;
        }



.navbar-nav .nav-item .nav-hover-content-login-content {
    height: 430px;
    background: white;
    min-width: 321px !important;
    display: block;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    top: 61px !important;
}


.amx-md-panel.popup-login, .content--body.popup-login {
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

@media (max-width: 991px) {
    .amx-form-entry-container input, .amx-form-entry-container textarea {
        max-width: 100% !important;
    }

    .content--body.popup-login .amx-form-group-container input {
        font-size: 16px !important;
    }
}
/*
@media (min-width: 668px) {
    .amx-md-panel .amx-cp-btn-holder .amx-cp-btn {
        min-width: 220px;
    }
}
*/


.amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer.no-border a.amx-cp-btn.amx-mr-secondary.only-mobile {
    font-size: 14px !important;
    padding: 11px 10px !important;
}

button.amx-cp-btn.popup-login.only-mobile {
    font-size: 14px !important;
}

.nav-hover-content-login-content.only-mobile .content--body.popup-login .amx-form-group-container label {
    font-size: 12px !important;
}

.nav-hover-content-login-content.only-mobile .amx-cp-btn-holder.popup-login .amx-form-entry-container a {
    font-size: 12px !important;
}

.nav-hover-content-login-content.only-mobile .content--body.popup-login .amx-form-group-container .amx-form-entry-message div[ng-message] {
    font-size: 11px !important;
}



@media (max-width: 291px) {
    .content--header.popup-login h2.header {
        font-size: 16px !important;
        line-height: 25px;
    }

    .content--header.popup-login svg {
        width: 24px !important;
    }

    button.amx-cp-btn.popup-login.only-mobile {
        font-size: 14px !important;
    }

    button.amx-cp-btn.popup-login.only-mobile {
        font-size: 12px !important;
        font-weight: bold;
        font-family: 'SceneAltLight';
        min-width: 65px !important;
    }

    .amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer.no-border a.amx-cp-btn.amx-mr-secondary.only-mobile {
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .amx-cp-btn-holder.amx-h-text-align-left.popup-login-footer h4 {
        font-size: 16px !important;
    }

    .content--body.popup-login .amx-cp-btn-holder.popup-login-footer svg {
        width: 27px !important;
    }

    .nav-hover-content-login-content.only-mobile {
        top: 56px;
    }

    .content--body.popup-login .amx-form-group-container input {
        font-size: 14px !important;
    }
}