.text-right{
    text-align:right;
}

.field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875rem;
    color: #ff6060;
}

.input-validation-error {
    border-color: #ff6060 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(../../Images/error.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.payment-list .card:hover{
    cursor:pointer;
}
.payment-list .card.active {
    --bs-bg-opacity: 0.25;
    border-color: var(--bs-theme) !important;
    background-color: rgba(var(--bs-theme-rgb),var(--bs-bg-opacity)) !important;
}

.payment-list{
    margin-bottom:10px;
}

select.form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    padding-bottom: 0.55rem;
}

select.form-control:focus {
    background-color: rgb(30 30 30);
}

.toasts-container{
    z-index:10000;
}

#modal-confirmation .modal-dialog {
    background: #27374a;
}



table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    border: unset !important;
    background-color: unset !important;
}

.btn-cs {
    position: fixed;
    bottom: 1.875rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #3cd2a5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    z-index: 1020;
    border-radius: 36px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1.875rem
}