@font-face {
    font-family: 'Droid';

    src: url(../template-assets/fonts/ar/Droid.Arabic.Kufi_DownloadSoftware.iR_.ttf);

}



/* @font-face {
    font-family: 'NotoSans';

    src: url(../template-assets/fonts/en/NotoSans-Regular.ttf);
} */


body {

    margin: 0;
    font-family: 'Droid', 'poppins', 'Helvetica', Courier, 'Courier New', Courier, monospace !important;
    /* 'NotoSans', */
}

.required:after {
    content: " *";
    color: red;
}


td,
th {
    /* text-align: right !important; */
    vertical-align: middle !important;

}

/* table th {
    text-align: center  !important;
} */

.sortable th,
.pointer {
    cursor: pointer;
}

.my-checkbox-lg {
    width: 20px;
    height: 20px;
    margin: auto auto;
}

.disabledTagA {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.custom-border-bottom-dotted {
    border-bottom: 1px dashed #cccccc !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;

}

.smallTd {
    padding: 0px 15px !important;
    line-height: 1.462;
}

.select2-selection--single {
    height: 40px !important;
    padding: 0.375rem 2px !important;
    border: 1px solid #e1e5ef !important;
}

.select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}


.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.text-decoration-line-through {
    text-decoration: line-through;
    color: inherit;
}


 
    .card-none-shadow {
        box-shadow: none;

    }

    .card-shadow {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }