@font-face {
    font-family: 'JannaBold';
    src: url('../fonts/Janna LT Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'DroidKufi-bold';
    src: url('../fonts/DroidKufi-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'AlmaraiLight';
    src: url('../fonts/Almarai-Light.ttf')
}
@font-face {
    font-family: 'AlmaraiReg';
    src: url('../fonts/Almarai-Regular.ttf')
}
@font-face {
    font-family: 'AlmaraiBold';
    src: url('../fonts/Almarai-Bold.ttf')
}
@font-face {
    font-family: 'AlmaraiExtraBold';
    src: url('../fonts/Almarai-ExtraBold.ttf')
}
@font-face {
    font-family: 'AlmaraiReg';
    src: url('../fonts/Almarai-Regular.ttf')
}
html, body {
    margin: 0 !important;
    overflow: hidden;
    height: 100vh !important;
    font-family: AlmaraiReg, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', "Verdana", "sans-serif" !important;
}
h1 {
    font-family: AlmaraiBold, "Verdana";
}
.bg-lightC{
background-color:rgb(233,239,235) !important;
}
.bg-dark1C{
background-color:rgb(26,50,37) !important;
}
.bg-darkC {
    background-color: rgb(42,78,76) !important;
}
.color-lightC {
    color: rgb(233,239,235) !important;
}
.color-darkC {
    color: rgb(26,50,37) !important;
}
.bg-mdmC {
    background-color: rgb(115,166,157) !important;
}
.bg-light2C {
    background-color: rgb(171,177,173) !important;
}
bg-orange {
    background-color: rgb(202,117,88) !important;
}
color-orange {
    color: rgb(202,117,88) !important;

}
label {
    font-family: AlmaraiBold !important;
    font-size: 20px !important;
}
.FontExtrabold {
    font-family: AlmaraiExtraBold !important;
}
.FontBold {
    font-family: AlmaraiBold !important;
}
.FontReg {
    font-family: AlmaraiReg !important;
}
.FontLite {
    font-family: AlmaraiLight !important;
}
.InputValid{

}
.InputInvalid {
    color: red !important;
    border: solid 1px red !important;
}
 th{
text-align: center;
}
.imgrd50{
border-radius:50%;
}