.btn-add {
    color: #fff;
    background-color: #5657bb;
    border-color: #5657bb;
    box-shadow: none;
}

.btn-modify {
    color: #fff;
    background-color: #4db9f8;
    border-color: #4db9f8;
    box-shadow: none;
}

.bg-modify {
    color: #fff;
    background-color: #4db9f8;
    border-color: #4db9f8;
    box-shadow: none;
}

.bg-add {
    color: #fff;
    background-color: #5657bb;
    border-color: #5657bb;
    box-shadow: none;
}

.bg-search {
    color: #fff;
    background-color: #04af12;
    border-color: #04af12;
    box-shadow: none;
}


.btn-delete {
    color: #fff;
    background-color: #a13c2e;
    border-color: #a13c2e;
    box-shadow: none;
}

.btn-list {
    color: #fff;
    background-color: #797777;
    border-color: #797777;
    box-shadow: none;
}

.btn-submit {
    color: #fff;
    background-color: #0f1c88;
    border-color: #0f1c88;
    box-shadow: none;
}

.btn-cancel {
    color: #fff;
    background-color: #919191;
    border-color: #919191;
    box-shadow: none;
}

.btn-infoX {
    color: #fff;
    background-color: #1a4127;
    border-color: #1a4127;
    box-shadow: none;
}

.btn-search {
    color: #fff;
    background-color: #04af12;
    border-color: #04af12;
    box-shadow: none;
}

.caption-pos {
    caption-side:top;
    padding-top:0px;
    padding-bottom:5px;
    padding-left:30px;
    font-size:150%;
}

.caption-pos:before {
    content: "\f152";
    font-family: "Font Awesome 5 Free";
    position:absolute;
    margin-left:-25px;
    padding-top:-1px;
}

table thead th { vertical-align: middle!important;  }
table th.amount, table td.amount { text-align:right; padding-right:15px; }