body{
    background-color: #f3f3f3;
}
header {background-color: #ffffff;margin-top:7px;}
.text-primary{
    color: #2952ea!important;
}
.link-primary{
    color: #2952ea!important;
}
.card.fun {
    margin-bottom: 20px;
}
.blockUI.blockOverlay{
    z-index: 2000!important;
}
.blockUI.blockMsg{
    z-index: 2011!important;
}


.card {padding:4px; margin-bottom:17px;} 
.card-body {
    flex: 1 1 auto;
    padding: 0.2rem 0.2rem;
}
.p-4 {
    padding: 0.2rem !important;
}
.d-flex {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}


@media (max-width: 991px) {
canvas { max-width:100%; }
}

.outbuton { padding:10px 10px; border:1px solid #ddd; color:#fff; background:#257ec6; text-decoration:none; }
.outbuton:hover {  color:#fff; background:#289ec6; text-decoration:none; }