html,
body{
    height:100%;
}

body{
    background:#1e1e2f;
    color:#ffffff;
    font-family:Segoe UI,Arial,sans-serif;
}

.card{
    background:#2b2b3c;
    border:none;
    color:white;
}

.navbar{
    background:#171724 !important;
}

.logo{
    font-size:2rem;
    font-weight:bold;
    letter-spacing:2px;
}

.subtitle{
    color:#999;
}
/* Dashboard new item animations */

.newIncident
{
    animation: incidentFlash 2s ease;
}


.newEvent
{
    animation: eventFlash 2s ease;
}


@keyframes incidentFlash
{

0%
{
    transform: scale(1);
    box-shadow: 0 0 0 rgba(255,0,0,0);
}


25%
{
    transform: scale(1.02);
    box-shadow: 0 0 20px rgba(255,0,0,.8);
}


100%
{
    transform: scale(1);
    box-shadow: none;
}

}



@keyframes eventFlash
{

0%
{
    background-color: transparent;
}


30%
{
    background-color: rgba(255,193,7,.35);
}


100%
{
    background-color: transparent;
}

}