/* Use Ubuntu font */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

body {
    font-family: 'Ubuntu', sans-serif;
}

/* primary color */
.smart-bg-primary {
    background-color: #009639 !important;
}

.smart-text-primary {
    color: #009639 !important;
}

.smart-text-secondary {
    color: #A7D3B2 !important;
}

.smart-bg-y{
    background-color: #FFD300 !important;
}

.test span, .test span i{
    color: #009639 !important;
}
.test > span:nth-child(3) {
    color: white !important;
}

.test1 span, .test1 span i{
    color: white !important;
}

.shadow-green {
    --bs-card-box-shadow: 0px 4px 12px 0px rgba(0, 150, 57, 0.13);
}

.rounded-4px {
    border-radius: 0.25rem;
}

.pad-l-r-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}

.bg-card {
    background-color: #f8f4f4 !important;
}

i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
    line-height: 1;
    font-size: 1rem;
    color: white;
}

/* Custom Card Header Height */
.min-height-50px {
    min-height: 50px !important;
}

.btn-smart-yellow {
    background-color: #FFD300 !important;
    color: white;
}

.btn-smart-success {
    background-color: #009639 !important;
    color: black;
}

.w-xl-90 {
    width: 90% !important
}

/* Custom Button */
.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #f1416c;
    --bs-btn-border-color: #f1416c;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(121, 6, 34, 0.71);
    --bs-btn-hover-border-color: rgba(241, 65, 108, 0.71);
    --bs-btn-focus-shadow-rgb: rgb(140, 42, 197);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgb(75, 152, 126);
    --bs-btn-active-border-color: rgba(241, 65, 108, 0.84);
}

.btn-smart-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #009639;
    --bs-btn-border-color: #009639;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(0, 150, 57, 0.93);
    --bs-btn-hover-border-color: rgba(0, 150, 57, 0.93);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #009639;
    --bs-btn-active-border-color: #009639;
}

.btn-back {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #70757E;
    --bs-btn-border-color: #70757E;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #787a81;
    --bs-btn-hover-border-color: #787a81;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #70757E;
    --bs-btn-active-border-color: #70757E;
}

.btn-view {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #009198;
    --bs-btn-border-color: #009198;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #0ba896;
    --bs-btn-hover-border-color: #0ba896;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #009198;
    --bs-btn-active-border-color: #009198;
}

.btn-edit {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #236dc2;
    --bs-btn-border-color: #236dc2;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #3882d7;
    --bs-btn-hover-border-color: #3882d7;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #236dc2;
    --bs-btn-active-border-color: #236dc2;
}

.btn-delete {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #F94144;
    --bs-btn-border-color: #F94144;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #f8595c;
    --bs-btn-hover-border-color: #f8595c;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #F94144;
    --bs-btn-active-border-color: #F94144;
}

.btn-print {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #00956b;
    --bs-btn-border-color: #00956b;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #03a174;
    --bs-btn-hover-border-color: #03a174;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #00956b;
    --bs-btn-active-border-color: #00956b;
}

.btn-ok {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #009639;
    --bs-btn-border-color: #009639;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #03a174;
    --bs-btn-hover-border-color: #03a174;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #009639;
    --bs-btn-active-border-color: #009639;
}

.btn-e-receipt {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #A22685;
    --bs-btn-border-color: #A22685;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #be2b9b;
    --bs-btn-hover-border-color: #be2b9b;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #A22685;
    --bs-btn-active-border-color: #A22685;
}

.modal-body-refund{
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

.modal-body-refund {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    /* border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); */
    border-radius: 20px;
    outline: 0;
}

/* Custom switch color of not checked */
.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #c7c4c4;
}
/* Custom pagination */
.pagination-hover {
    --bs-pagination-hover-color: #009639 !important;
}
.active > .pag1 {
    background-color: #009639 !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd !important;
}

.content-justify {
    text-align: justify;
}

.text-underline-hover {
    text-decoration: none !important;
    color: #009639;
}

.text-underline-hover:hover {
    text-decoration: underline !important;
    color: #009639;
    opacity: 70%;
}

.rounded-24px{
    border-radius: 24px;
}