/* prettier-ignore */
/*# sourceMappingURL=user.min.css.map */


        @media (max-width: 991.98px) {
        .bg-body-sm {
            background-color: #f8f9fa !important;
        }
        }

        @media (min-width: 992px) {
        .bg-body-sm {
            background-color: transparent !important;
        }
        }


        .choices.is-invalid .choices__inner {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
            }

        .datetimepicker.is-invalid .datetimepicker__inner {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
            }

            .choices.is-valid .choices__inner {
                border-color: #198754;
                box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
            }

            .datetimepicker.is-valid .datetimepicker__inner {
                border-color: #198754;
                box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
            }


        .readonly-style {
            background-color: #e9ecef;   /* gaya seperti input disabled Bootstrap */
            pointer-events: none;        /* tidak boleh klik, focus */
            cursor: not-allowed;
            color: #495057;              /* teks masih kelihatan */
            }


            .truncate-3-lines {
                display: -webkit-box;
                -webkit-line-clamp: 3; /* Hadkan ke 3 baris */
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                }



            @font-face {
            font-family: "Anton SC";
            src: url('../font/AntonSC-Regular.ttf') format('truetype');
            font-weight: 400;
            font-style: normal;
            }


            .feedback {
                width: 100%;
                margin-top: 0.25rem;
                font-size: 70%;
                color: var(--phoenix-info-color);
            }




            .choices__button {
            color: #dc3545 !important;         
            font-weight: bold;
            opacity: 1 !important;            
            }

            .choices__button:hover {
            color: #a71d2a !important;
            text-decoration: underline;
            }

