body {
    background-color: #dbdbdb;
}

th {
    font-size: .875em;
}

td {
    font-size: 14px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    /* min-width: 350px; */
}

table tr th,
table tr td {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 5px;
}

table tr th:first-child,
table tr td:first-child {
    border-left: 1px solid #bbb;
}

table tr th {
    background: #eee;
    border-top: 1px solid #bbb;
    text-align: left;
}

/* top-left border-radius */
table tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tfoot:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tfoot:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.container-width-regular {
    max-width: 640px;
}

.container-width-large {
    max-width: 800px;
}

.elements-div-bg-color {
    background-color: white !important;
}

.card-header-bg-color {
    background-color: #FFA617;
}

.alert-top {
    height:1px;
}

.input-width-10 {
    width:10ch;
}

.table-footer-border-right {
    border-right:none;
}

.table-footer-border-left {
    border-left:none;
}

.input-group-amount-span {
    font-size:.875em; color:#DC143C;
}
.input-group-amount-input {
    font-size:.875em; max-width:10ch;
}

.body-overflow-y {
    overflow-y: hidden;
}

.outerDiv {
    /* These classes work in conjunction with JS code for proper phone alignments */
    /* Regular page */
    height:90vh; 
    overflow-y: auto;
    scrollbar-width: thin;
}

.outerDivMobile {
    /* These classes work in conjunction with JS code for proper phone alignments */
    /* Phone */
    height:82vh; 
    overflow-y: auto;
    scrollbar-width: thin;
}

.statement-date-width {
    max-width:130px;
}

.navbar-container-width {
    max-width: 800px;
}

.existing-payment, .validation-summary-errors {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    border: 1px solid #f1aeb5;
}
.existing-payment{
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffe69c;
}
.validation-summary-errors {
    color: #58151c;
    background-color: #f8d7da;
    
}
.validation-summary-errors ul {
    list-style-type: none;
    margin-bottom: 0;
}

.bg-lucence {
    background-color: #FFA617 !important;
}
.lucence-logo{
    background-color: #FFFFFF;
    padding: .5rem;
    border-radius: .25rem;
}