@charset "UTF-8";

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

.badge-wt {
    padding-top:.6rem!important;
    padding-bottom:.6rem!important;
    padding-right:1rem!important;
    padding-left:1rem!important;
    font-size:.95rem!important;
    font-weight:500!important;
}

.badge-wt-bold {
    padding-top:.6rem!important;
    padding-bottom:.6rem!important;
    padding-right:1rem!important;
    padding-left:1rem!important;
    font-size:.95rem!important;
    font-weight:600!important;
}

.badge-wt-sm {
    padding-top:.5rem!important;
    padding-bottom:.5rem!important;
    padding-right:.75rem!important;
    padding-left:.75rem!important;
    font-size:.85rem!important;
    font-weight:500!important;
}

.fs-7 {
    font-size:0.75rem!important
}

.fs-8 {
    font-size:0.6rem!important
}

.indicator-progress{
    display:none
}
[data-p2p-indicator=on]>.indicator-progress{
    display:inline-block
}
[data-p2p-indicator=on]>.indicator-label{
    display:none
}

.invalid-feedback {
    color: #FF396F !important;
    font-size: 0.7rem;
}

.toastr-bottom-right {
    right:12px;
    bottom:12px
}

.toast {
    box-shadow: none !important;
    border-radius: 0.6rem !important;
}

label input[type="checkbox"]:invalid + .invalid-feedback {
    display: block;
}

.area-loading {
    position: absolute;
    inset: 0;
    background: rgba(108, 117, 125, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    margin: 0 auto;
    max-width: 600px;
}

.area-loading .loading-icon {
    width: 42px;
    height: auto;
    animation: loadingAnimation 0.5s ease-in-out infinite;
}

.required:after {
    content:"*";
    position:relative;
    font-size:inherit;
    color:var(--bs-danger);
    padding-left:.25rem;
    font-weight:600
}

.cursor-pointer {
    cursor:pointer!important
}

.icon-no-auth {
    color: #FFB400;
}

.mw-350px{
    max-width:350px!important
}

.rounded-lg {
    border-radius: .5rem;
}

.w-full {
    width: 100%;
}

.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-4 {
    gap: 1rem;
}

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}