@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: 'NotoSans', 'Droid', 'poppins', 'Helvetica',  Courier, 'Courier New', Courier, monospace !important;

}

.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;
    }
}

.dot-label {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: ani 1s linear infinite;
    left: 7px;
    bottom: -12px;
    position: relative; }