/*
    Created on : Apr 29, 2019, 5:19:14 PM
    Author     : Lam Huynh
*/
body{
    font-size: 0.9em;
    line-height: 1.2;
}
.form-control.is-invalid::placeholder{color: #dc3545; opacity: 1;}
.form-control.is-invalid:-ms-input-placeholder{color: #dc3545;}
.form-control.is-invalid::-ms-input-placeholder{color: #dc3545;}
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
.btn-role{
    font-size: 0.8em;
    margin-right: 2px;
    padding: 0 5px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.btn-group-justified.payment{
    margin: 10px 0 30px 0;
}
.btn-payment{
    width: 100%;
    height: 120px;
    position: relative;
}
.btn-payment span.title{
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 0.8em;
}
.btn-payment span.number{
    font-size: 1.6em;
    font-weight: bold;
}
.btn-payment.last{
    margin-right: 0;
}
.log-td{ width: 40%;}
.log-item{
    border:1px solid #ccc; padding: 5px; color: #c7254e;
    background-color: #f9f2f4; word-break: break-all;
}
.table-bordered td, .table-bordered th{vertical-align: middle;}
.badge-large{
    font-size: 1.2em !important;
}
.badge-color-DAF7A6 {
    color: white;
    background-color: #DAF7A6;
}
.badge-color-85929E {
    color: white;
    background-color: #E59866;
}
.badge-color-ECF0F1 {
    color: #85929E;
    background-color: #ECF0F1;
}.badge-color-48C9B0 {
    color: #85929E;
    background-color: #48C9B0;
}
.badge-color-48C9B0 {
    color: #85929E;
    background-color: white;
}
.large-badge{
    font-size: 1.2em;
}