span.error {
    display: block;
    visibility: hidden;
    color: red;
    font-size: 90%;
}

tr.error {
    background-color: rgba(255,0,0,0.35);
}

.my-toast-container .swal2-popup.swal2-toast.swal2-show {
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #fffefb;
}

.my-toast-containerMaster .swal2-popup.swal2-toast.swal2-show {
    border: 2px solid #ccc;
    border-radius: 5px;
}

@font-face {
    font-family: "Tajawal-Regular";
    src: url("../fonts/tajawal/Tajawal-Regular.ttf");
}

@font-face {
    font-family: "Tajawal-Light";
    src: url("../fonts/tajawal/Tajawal-Light.ttf");
}

@font-face {
    font-family: "Tajawal-Medium";
    src: url("../fonts/tajawal/Tajawal-Medium.ttf");
}

@font-face {
    font-family: "Tajawal-Bold";
    src: url("../fonts/tajawal/Tajawal-Bold.ttf");
}
/* Apply the font globally */
body {
    font-family: 'Tajawal-Bold', sans-serif !important;
}

/* Optionally, you can set specific font weights for various elements */
h1, h2, h3, h4, h5, h6 {
    font-family: "Tajawal-Bold" !important;
    font-weight: 700; /* Adjust the weight as needed */
}

p, div, a, li {
    font-family: "Tajawal-Regular" !important;
    font-weight: 500; /* Default weight for regular text */
}

span {
    font-family: "Tajawal-Regular" !important;
    font-weight: 500; /* Default weight for regular text */
}

/* Additional customizations as needed */
strong {
    font-weight: 700;
}

em {
    font-style: italic;
}