.fundo-alertas {
    box-sizing: border-box;
}

.fundo-alertas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
}

.alertas-box * {
    box-sizing: border-box;
}

.alertas-box {
    position: fixed;
    top: 100px;
    left: calc(50% - 150px);
    min-width: 300px;
    max-width: 450px;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 4px #000;
    z-index: 100;
    font-family: "Roboto Condensed", serif;
    font-size: 16px;
}

.alertas-box .titulo {
    width: 100%;
    float: left;
    padding: 7px 14px;
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    font-family: Karla, serif;
}

.alertas-box .texto {
    padding: 14px 20px;
    float: left;
    width: 100%;
}

.alertas-box .texto:before {
    font-size: 64px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    margin-right: 10px;
}

.alertas-box .texto.icon-success {
    color: #809533;
    padding-top: 17px;
}

.alertas-box .texto.icon-aviso {
    color: #D9B31F;
    padding-top: 17px;
}

.alertas-box .texto.icon-info {
    color: #5694B1;
    padding-top: 17px;
}

.alertas-box .texto.icon-fechar {
    color: #F02932;
    padding-top: 17px;
}

.alertas-box .texto.icon-confirm {
    color: #0080ff;
    padding-top: 17px;
}

.alertas-box .botoes {
    clear: both;
    text-align: right;
}

.alertas-box .botoes button {
    display: inline-block;
    margin: 0 14px 14px 0;
}

.alertas-msg {
    position: fixed;
    top: 30px;
    left: calc(50% - 150px);
    min-width: 300px;
    max-width: 450px;
    background: #FFF;
    border-radius: 3px;
    z-index: 101;
    border: 1px solid #CCC;
    font-family: "Roboto Condensed", serif;
    font-size: 16px;
}

.alertas-msg p {
    padding: 10px 14px 10px 12px;
    float: left;
}

.alertas-msg:before {
    font-size: 44px;
    float: left;
    display: block;
    width: 49px;
    height: 42px;
    padding: 0 0 0 9px;
    line-height: 46px;
    margin-right: 0;
}

.alertas-msg.icon-success:before {
    background: #CDDB9B;
}
.alertas-msg.icon-success {
    color: #809533;
    border-color: #CDDB9B;
    background: #E3EBC6;
}

.alertas-msg.icon-aviso:before {
    background: #F7E292;
}
.alertas-msg.icon-aviso {
    color: #D9B31F;
    border-color: #F7E292;
    background: #FCF7D9;
}

.alertas-msg.icon-info:before {
    background: #AED7EA;
}
.alertas-msg.icon-info {
    color: #5694B1;
    border-color: #AED7EA;
    background: #D8ECF5;
}

.alertas-msg.icon-fechar:before {
    background: #FAD2D3;
}
.alertas-msg.icon-fechar {
    color: #F02932;
    border-color: #FAD2D3;
    background: #F9E5E6;
}

.alertas-msg.load {
    background: #FFF url(../../../img/cms/loading.gif) 6px center no-repeat;
    background-size: auto 74%;
}

.alertas-msg.load p {
    margin-left: 28px;
}