.color-collapse{
    color: #666;font-size: 13px;text-decoration: none;font-weight: 500
}
.text-collapse{
    color: #6f7380; font-size: 12px
}
.back-collapse{
    background-color: #f8f8f8
}
.card-collpase{
    background-color: hsla  !important;
}

.sys-col{
    padding: 0px !important;
    margin:0px !important;
}
.text-success {
    color: #13a471;
    border-color: #17c789;
}
.bg-success {
    background-color: rgba(25, 216, 149, 0.2);
}
.text-warning {
    color: #c28500 !important;
    border-color: #eba100 !important;
}
.bg-warning {
    background-color: rgba(255, 175, 0, 0.2) !important;
}
.alert-danger {
    color: #c24a43 !important;;
    border-color: #eb5a51 !important;;
}
.bg-danger {
    background-color: rgba(255, 98, 88, 0.2) !important;;
}
.alert-info {
    color: #674aaa !important;;
    border-color: #7d5ace !important;;
}
.bg-info {
    background-color: rgba(136, 98, 224, 0.2) !important;;
}
.alert-primary {
    color: #1972b9 !important;;
    border-color: #1e8ae0 !important;;
}
.bg-primary {
    background-color: rgba(33, 150, 243, 0.2) !important;;
}
.modal .modal-dialog .modal-content .modal-footer {

    padding: 15px 31px;

}
.modal-footer {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #f2f2f2;

}
.sys-font-size{
    font-size: 11px !important;
}



#rodape p.menuRod {
    width: 600px;
    display: block;
    text-align: center;
    color: #000;
    margin: 0 auto 20px auto;
    padding: 20px 0 20px 0;
    background: url(/img/bg_linha_rodape.jpg) repeat-x left bottom;
}
@media (min-width: 320px) and (max-width: 480px) {
    #rodape p.menuRod {
        width: 100%;
    }
}