﻿/* Style Rules for Emergency Alert Component/Partial View */
#emergency-alert{
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 0;
}

#emergency-alert .col-xs-1 {
    float: left;
    width: 5px;
    padding: 0 5px 0 25px;
}

    #emergency-alert .close {
        color: #000;
        opacity: 0.7;
        position: relative;
        top: -8px;
        right: 10px;
    }

#emergency-alert .close:hover {
    opacity: 0.4;
}

#emergency-alert button.close {
    z-index: 99;
}

@media (max-width: 768px) {
    #emergency-alert {
        padding: 9px;
    }

    #emergency-alert .row {
        font-size: 12px;
    }

    #emergency-alert .col-xs-1 {
        padding: 0;
    }
}
