.asterisk{
    color: red;
    font-weight: 600;
}

.has-error{
    color:red;
}

.error {
    color:red;
}

.custom-error {
    color: red;
    padding: 10px;
    font-size: 12px;
}

.display-inline{
    display: inline-block;
}

.margin-center{
    margin-left: auto !important;
    margin-right: auto !important;
}

.text-danger{
    color:red !important;
}

.text-success {
    color:green !important;
}

.text-left{
    text-align: left !important;
}


.text-strong{
    font-weight: 600;
}

.select2-container--default .select2-selection--single{
    border:none !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left :15px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color : #075370 !important;
}

.text-underline{
    text-decoration: underline !important;
}

.mt-20{
    margin-top: 20px !important;
}
/*
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}*/


/*.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;opacity: 1;visibility: visible;z-index: 100000;margin-top: 0px;margin-left: 0px}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;opacity: .5}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}
.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){
    .modal-dialog{max-width:500px;margin:1.75rem auto}
    .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
    .modal-sm{max-width:300px}}
@media (min-width:992px){.modal-lg{max-width:800px}}

@media (min-width: 640px){
    .modal .modal-dialog.modal-lg {
        width: 786px !important;
    }

}*/
/*.mb-9{
    margin-bottom:9rem;
}*/

.check-invoice-record[type=checkbox]{
    width:19px !important;
    height: 19px !important;
}

.m-auto{
    margin-right:auto !important;
    margin-left:auto !important;
}

.invoice-open-status {
    /*background: #ef8331 !important;*/
    border: 1px solid #ef8331;
    color: #ef8331 !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.invoice-closed-status {
    /*background: #8CC152  !important;*/
    border: 1px solid #8CC152;
    color: #8CC152 !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.invoice-hold-status {
    /*background: rgba(251, 197, 0, var(--tw-bg-opacity))  !important;*/
    border: 1px solid rgba(251, 197, 0, var(--tw-bg-opacity));
    color: rgba(251, 197, 0, var(--tw-bg-opacity)) !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.invoice-cancelled-status {
    /*background: rgba(211, 41, 41, var(--tw-bg-opacity))  !important;*/
    border: 1px solid rgba(211, 41, 41, var(--tw-bg-opacity));
    color: rgba(211, 41, 41, var(--tw-bg-opacity)) !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.invoice-overdue {
    /*background: #f15656 !important;*/
    border: 1px solid #f15656;
    color: #f15656 !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.payment-pending{
    /*background: #14afdd !important;*/
    border: 1px solid #14afdd;
    color: #14afdd !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.payment-partially-paid{
    /*background: #52c198 !important;*/
    border: 1px solid #52c198;
    color: #52c198 !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.payment-paid{
    /*background: #8CC152 !important;*/
    border: 1px solid #8CC152;
    color: #8CC152 !important;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
}

.form-check-input[type=radio]{
    width:20px !important;
    height:20px !important;
}

.bg-payment-log-theme{
    background-color: #dadae3 !important;
}

.text-xxl{
    font-size: 24px !important;
}

.text-md{
    font-size: 16px !important;
}

.rounded-full{
    border-radius: 9999px !important;
}

.bg-theme-24 {
    --tw-bg-opacity: 1;
    background-color: rgba(206, 49, 49, var(--tw-bg-opacity));
}

.bg-report-header{
    background: #e5e5e57a !important;
}

.issue-return-provider-card{
    background: #1f604f14;
    border:1px solid #1f604f14;
}

.issue-return-provider-card img {
    box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgb(0 0 0 / 32%);
}

.seperator-line h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d9cbcb;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.seperator-line h2 span {
    background:#fff;
    padding:0 10px;
}

.input-required::after{ content: '*';display: block;color: #ff0000;position: absolute;right: 5px;top: 10px;z-index: 9;}

.mobile-payment-button {display: none;}
.desktop-payment-button {display: block;}

@media (max-width: 1020px) {
    .mobile-payment-button {display: block;}
    .desktop-payment-button {display: none;}
}

@media (min-width: 768px){
    .md\:my-auto{
        margin-top: auto;
        margin-bottom: auto;
    }
}
@media (max-width: 1279px) {
    .overflow-auto-mobile {
        overflow-y: auto !important;
    }
}


.kiosk-mode .save-kiosk-ticket-details-form .control-group {
    position: relative;
}

.kiosk-mode .save-kiosk-ticket-details-form .error{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 85%;
}

@media (min-width: 1920px) {
    .kiosk-mode .content{min-height: 80vh !important;}
}