/*------------------------------------*\
    $ALERTS
\*------------------------------------*/

.alert {
    border-radius: 0;
    font-family: 'Futura PT Demi', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 24px;
}

.alert-danger {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #b90101;
    color: #b90101;
    padding: 15px 0;
}

    .alert-danger i,
    .alert-danger .icon {
        margin-right: 8px;
    }

.alert-red,
.alert-amber,
.alert-green,
.alert-success {
    background-color: #fff;
    border: 0;
    color: #444;
    padding: 16px 0;
    font-family: 'Futura PT book', Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*display: table;*/
    width: 100%;
    margin-bottom: 0;
}

.alert-red {
    background-color: #f5dddc;
}

    .alert-red i,
    .alert-red .icon {
        color: #bf1c17;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

    .alert-red p,
    .alert-amber p,
    .alert-green p,
    .alert-success p,
    .general-alert-red p,
    .general-alert-amber p,
    .general-alert-green p,
    .general-alert-success p {
        display: table-cell;
        vertical-align: middle;
    }

        .alert-red p a,
        .alert-amber p a,
        .alert-green p a,
        .alert-success a,
        .general-alert-red p a,
        .general-alert-amber p a,
        .general-alert-green p a,
        .general-alert-success a {
            color: #444;
        }

            .alert-red p a:hover,
            .alert-red p a:focus,
            .alert-amber p a:hover,
            .alert-amber p a:focus,
            .alert-green p a:hover,
            .alert-green p a:focus,
            .general-alert-red p a:hover,
            .general-alert-red p a:focus,
            .general-alert-amber p a:hover,
            .general-alert-amber p a:focus,
            .general-alert-green p a:hover,
            .general-alert-green p a:focus {
                color: #000;
            }

.alert-amber,
.general-alert-amber {
    background-color: #fbe8cc;
}

    .alert-amber i,
    .general-alert-amber i,
    .alert-amber .icon,
    .general-alert-amber .icon {
        color: #ec8c00;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

.alert-green {
    background-color: #cff0ef;
}

    .alert-green i,
    .alert-green .icon {
        color: #0db2ad;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

.alert-success {
    border-bottom: 3px solid #bbcb22;
}

    .alert-success i,
    .alert-success .icon {
        color: #bbcb22;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
    }

.alert svg.icon {
    padding-right: initial;
    display: initial;
    font-size: inherit;
    vertical-align: text-bottom;
}

.footer .footer-bottom .backtotop a svg.icon {
    padding-right: initial;
    display: initial;
    font-size: inherit;
    vertical-align: baseline;
}


.alert + .summary-item {
    margin-top: 20px;
}


/*Alerts*/

.general-alert-red,
.general-alert-amber,
.general-alert-green,
.general-alert-success {
    background-color: #fff;
    border: 0;
    color: #444;
    padding: 16px 0;
    font-family: 'Futura PT book', Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: flex;
    width: 100%;
    margin-bottom: 0;
}

.general-alert-red {
    background-color: #f5dddc;
}

    .general-alert-red i {
        color: #bf1c17;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

.general-alert-amber {
    background-color: #fbe8cc;
}

    .general-alert-amber i {
        color: #ec8c00;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

.general-alert-green {
    background-color: #cff0ef;
}

    .general-alert-green i {
        color: #0db2ad;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
        vertical-align: middle;
    }

.general-alert-success {
    border-bottom: 3px solid #bbcb22;
}

    .general-alert-success i {
        color: #bbcb22;
        padding-right: 8px;
        display: table-cell;
        font-size: 28px;
    }

@media only screen and (max-width: 767px) {
    .alert-red,
    .alert-amber,
    .alert-green {
        padding: 10px 0;
        border-bottom-width: 2px;
    }

        .alert-red i,
        .alert-amber i,
        .alert-green i,
        .alert-red .icon,
        .alert-amber .icon,
        .alert-green .icon {
            font-size: 20px;
        }

        .alert-red p,
        .alert-amber p,
        .alert-green p {
            font-size: 18px;
        }
}