/* Add here all your CSS customizations */

@font-face {
    font-family: 'nafees';
    src: url('../fonts/nafees-nastaleeq-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'droid';
    src: url('../fonts/NotoKufiArabic-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'noor';
    src: url('../fonts/noorehuda.ttf');
}
@font-face {
    font-family: 'dubi';
    src: url('../fonts/dubai-regular.ttf');
}

h1, h2, h3, h4, h5, h6 {font-family: 'droid'!important; font-size:250%; color:#0d6005;}
label
{
	font-family: 'nafees'!important;
	line-height: 48px!important;
	color:#000;font-size:115%;
}

p {font-family: 'nafees'!important;}

table
{
	direction:rtl;
}
th {font-family: 'droid'!important;font-size:12px!important;}
.tx {font-family: 'dubi'!important;font-size:14px!important;}
.pr {font-family: 'noor'!important;font-size:18px!important;}




  .player
  {
    width: 300px;
    background: #fff;
    margin: auto;
    /*margin: 100px;*/
    padding: 20px 14px 8px 14px;
    border: none;
    border-radius: 10px;
    box-shadow: 10px 2px 90px -11px rgba(13,100,76,0.75);
    -webkit-box-shadow: 10px 2px 90px -11px rgba(13,100,76,0.75);
    -moz-box-shadow: 10px 2px 90px -11px rgba(13,100,76,0.75);
  }

  .imgBx img
  {
    width: 100%;
    height: auto;
    border: none;
    border-radius: 10px;
  }

  .player audio
  {
    width: 100%;
    border-radius: 6px;
    margin: 0;
    padding-top: 5px;
    border: none;
  }
  .table-clickable tbody tr {
    cursor: pointer;
  }