#email-alert-modal{
    .modal-content{
        max-width: 596px;
        .modal-header{
            background: white;
            padding: 30px 30px 15px 30px;
            .modal-title{
                justify-content: left;
                color: #1c2123;
                font-size: 18px;
                font-weight: bold;
            }
            .close{
                @media(max-width: 425px){
                    margin: -1rem -1rem -2rem auto;
                }
            }
        }
        .modal-body{
            padding: 10px 30px!important;
            @media(max-width: 425px){
                height: 125px;
            }
            @media(max-width: 375px){
                height: 143px;
            }
            p:first-of-type{
                font-size: 18px;
                color: #46494b;
                text-align: left;
                margin-bottom: 25px;
            }
            .form-group input:first-of-type{
                font-size: 16px;
                color: #6d6d6d;
            }
        }
        .modal-footer{
            background-color: white;
            padding: 8px 25px 18px;
            .btn-is-alert{
                color: #FFFFFF;
                background: #183157 0 0 no-repeat padding-box;
                -webkit-transition: none;
                font-size: 16px;
                height: 40px;
                &:hover{
                    background: #CC2028 0 0 no-repeat padding-box;
                }
                @media(max-width: 375px){
                    font-size: 15px;
                }
                @media (max-width: 320px) {
                    font-size: 12px;
                }
            }
        }
    }
}

.alert-info-custom{
    color: #ffffff;
    background-color: #183157;
    font-size: 14px;
    border: none;
    font-weight: bold;
    border-radius: initial;
    a{
        text-decoration: underline;
        color: #FED417;
    }
    @media (max-width: 425px) {
        margin-bottom: 21px;
        border-radius: 4px;
    }
}

.btn-emailAlert{
    width: 312px;
    height: 44px;
    color: #183157;
    background: #FFFFFF 0 0 no-repeat padding-box;
    border: 1px solid #183157;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    -webkit-transition: none;
    margin-top: 20px;
    @media(max-width: 425px){
        width: 335px;
        margin-bottom: 22px;
        margin-top: 4px;
    }
    @media(max-width: 375px){
        font-size: 13px;
        padding: 8px 5px;
    }
    @media(max-width: 320px){
        width: auto;
        height: auto;
    }
    svg{
        fill: #0A246A;
        margin-right: 5px;
        -webkit-transition: none;
    }
    &:hover{
        color: white;
        background: #183157 0 0 no-repeat padding-box;
    }
    &:hover svg{
        fill: white;
    }
    &.hide {
        display: none;
    }
}

.js-mailalert-product-miniature .btn-link{
    color: #183157;
    &:hover{
        color: #cc2028;
    }
}

@media (max-width: 425px) {
    .toastify-on-the-fly {
        max-width: calc(70% - 20px) !important;
        left: 19% !important;
    }
}