body {
    background-color: white;
    /*background-color: #19449c;*/
}

.imageBG1 {
    background-image: url("../images/Icon/MCS WEB.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG2 {
    background-image: url("../images/Icon/DMS.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG3 {
    background-image: url("../images/Icon/สารบรรณ.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG5 {
    background-image: url("../images/Icon/folder-management.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG4 {
    background-image: url("../images/Icon/bat.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG6 {
    background-image: url("../images/Icon/search2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG7 {
    background-image: url("../images/Icon/analytics2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imageBG8 {
    background-image: url("../images/Icon/gear2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-origin: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}


.font-label {
    font-size: 25px;
}

.font-white {
    color: #19449C;
}

.card {
    height: 130px;
    border: 0px;
    border-radius: 0.3rem;
    margin-bottom: 10px;

}

a .card:hover {
    box-shadow: 0 0.2rem 0.9rem rgb(184 190 201) !important
}


.b-s-black {
    box-shadow: 0 0.1rem 0.3rem rgb(70 70 70);
    background-color: #19449C;
    object-fit: fill;
    margin: auto;
}


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.AllBoxMenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*width: 100%;
    justify-content: center;*/
    width: 80%;
    justify-content: center;
    margin: auto;
}
.BoxMenu {
    /*display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;*/
}