/*@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");*/

:root {
    --bs-green: #22c55e;
    --bs-success-rgb: 34, 197, 94;
    --bs-danger-rgb: 239, 68, 68;
    --bs-border-radius: .5rem;
}

.pagination {
    --bs-pagination-active-bg: #212529;
    --bs-pagination-color: #212529;
    --bs-link-hover-color: #212529;
    --bs-pagination-hover-color: #212529;
    --bs-pagination-active-border-color: #212529;
}

.card {
    --bs-card-cap-bg: rgba(0, 0, 0, 0);
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #212529;
}

html {
    --bs-body-font-family: Figtree !important;
    /*--bs-body-font-family: Ubuntu,sans-serif !important;*/
}

body {
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.dropdown-menu {
    font-size: 14px !important;
}

.alert-warning {
    --bs-alert-bg: rgb(254 252 232 / 1) !important;
}

.alert-primary {
    --bs-alert-bg: rgb(239, 246, 255) !important;
    --bs-alert-border-color: rgb(219 234 254 / 1) !important;
}

.balance-amount {
    color: #16a34a;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.ribbon.ribbon-triangle.ribbon-top-end {
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    border-bottom: solid 2rem transparent !important;
    border-left: solid 2rem transparent !important;
    border-right: solid 2rem transparent;
    border-top: solid 2rem transparent;
}

.ribbon.ribbon-triangle {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.ribbon {
    position: relative;
}

.ribbon .ribbon-icon {
    margin-left: 0.25rem !important;
    margin-top: -1.25rem !important;
}

.text-yellow-500 {
    color: #ffc107;
}

.bg-yellow-100 {
    background-color: #fff3cd;
}

.rotate-180 {
    rotate: 180deg;
}

.back-to-top {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 60px;
    display: none;
    transition: all .5s ease;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 6px;
    text-align: center;
    background: #2f55d4;
    color: #fff!important
}

.back-to-top .icons {
    transition: all .5s ease
}

.back-to-top:hover {
    transform: rotate(45deg)
}

.back-to-top:hover .icons {
    transform: rotate(-45deg)!important
}

.back-to-top {
    cursor: pointer !important;
    background-color: #ced4da;
}

.contact-button {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 30px;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 6px;
    text-align: center;
}

a[disabled=disabled], a.disabled {
    cursor: default;
    pointer-events: none;
}

a[disabled=disabled]:hover, a.disabled:hover {
    text-decoration: none;
}