body {
    font-family: 'Quicksand', sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}

/* color */
    /* soft bgcolor  */
.bg-soft-primary {
    background-color: #e3ebf7;
    color: #0067B3;
    font-weight: bold;
}

.bg-soft-secondary {
    background-color: #fff2e9;
    color: #F96900;
    font-weight: bold;
}

.bg-soft-danger {
    background-color: #fee4e7;
    color: #dc3545;
    font-weight: bold;
}

.bg-soft-warning {
    background-color: #fdedc0;
    color: #ffc107;
    font-weight: bold;
}

.bg-soft-success {
    background-color: #E0F4D2;
    color: #2D9C4D;
    font-weight: bold;
}

.bg-soft-info {
    background-color: #e5f3f5;
    color: #17a2b8;
    font-weight: bold;
}

.bg-soft-dark {
    background-color: #c9c9c9;
    color: #343a40;
    font-weight: bold;
}

#loginPage{
    background-image: url(../image/layout/home.png);
    background-size: 100%;
    background-position: 50%;
    object-fit: cover;
    background-repeat: no-repeat;
}