body{ font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; margin:0}

@font-face {	font-family:"webfont-noori-nastaleeq"; src:url("madnisoftsolutions.ttf") format("truetype"), url("madnisoftsolutions.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }

@font-face {	font-family:"webfont-batool"; src:url("Batool.ttf") format("truetype"), url("Batool.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }

@font-face {	font-family:"webfont-bombay"; src:url("bombay.ttf") format("truetype"), url("bombay.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }



.urdutxt{ font-weight:normal; font-size:21px; font-family:"webfont-noori-nastaleeq"; direction:rtl}

.text-batool{font-family:"webfont-batool" !important;}

.text-noori{font-family:"webfont-noori-nastaleeq";}

.text-bombay{font-family:"webfont-bombay";}



.font0{ font-size:17px;}.font1{ font-size:22px}.font2{ font-size:24px}.font3{ font-size:26px}.font4{ font-size:28px}.font5{ font-size:30px}.font6{ font-size:32px}.font7{ font-size:34px}



@page{ margin:5mm}



@media screen{

  div.page{max-width: 188mm; }

}



h1.urdusubhead{ 

  text-align:center; font-size:26px;  padding:0 10px; padding-bottom: 5px; 

  background-color:#000; color:#FFF; display:inline;  border-radius:8px; 

  border-bottom:2px solid #FFF; border-top:2px solid #FFF; 

  box-shadow:0px 0px 0px 2px #000

}



div.page{ width:auto; padding:5mm; border:0.5mm solid #000; margin: auto; position: relative; }



div.marka{ position: absolute;  width:360px; font-size: 14px; left: -172px; top:50%; color:#888; transform: translate(0px, 0px) rotate(-90deg); white-space: nowrap; }



span.english-text, td.english-text{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important; font-size:18px !important;}



img{margin: 0px; padding: 0;}

img.bannerimg{width:100%}

tr.dark{background-color: #eee;}

tr.note{background-color: #555 !important; color: #FFF;}

table.highlight  tr:nth-child(even){background-color: #eee;}

.text-center, table.text-center{text-align: center !important;}



div.action-btn-div{top:10px; left:10px; width:100px; position:fixed;}

div.action-btn-div .btn{color:#000; font-size:18px; width:70px; height:80px; border:none; padding-top:43px; margin:5px 0; font-weight:bold; color:#00A65A}

div.action-btn-div a.btn{height:30px; padding-top:50px; display:block; text-decoration:none}

div.action-btn-div .btn-print{background:#FFF url(img/print.png) top center no-repeat;}



h1.txt-letter-head{font-family:"webfont-noori-nastaleeq"; font-weight: normal; text-align: center; color: #fff; background-color: #000; display: block;

font-size: 40px; margin: 0; border:2px solid #FFF; box-shadow: 0px 0px 0px 3px #000; margin-top:3px; margin-bottom: 3px;}



/* Admission Form Related */

div.admission table{border-collapse: collapse;}

div.admission table tr td{padding: 4px ;}

div.admission div.propic{width:120px; height: 130px; background-color: #888; 

  

  background-position: center center;

  background-size: cover;

}

div.admission img.signature{ width:120px; margin-top: -26px;}

/* Admission Form Related */







@media print{

  div.no-print{ display:none}

}

  



/* 

.table-header-rotated {

  border-collapse: collapse;

}

.table-header-rotated th{

height:140px; text-align:center;

}

.table-header-rotated td{ text-align:center; line-height:24px;}



.table-header-rotated div#rotatediv{

    width:20px;

	  transform: translate(0px, -60px) rotate(-90deg); white-space: nowrap;

	  font-weight:normal; 

}

div.page{ width:auto; max-width:200mm; margin:auto}

h1.urduhead{ font-family:"webfont-bombay"; font-weight:normal; text-align:center}

table.table-bordered{ width:100%}

table.table-bordered tr th{ text-align:center; padding:5px 5px}

table.table-bordered tr td{ padding:0 5px;}

table.table-bordered tr td a{ text-decoration:none; color:#000}

a[href]::after {

    content: ""

}









p span.english, span.english{ font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:18px !important; }

div.voucher-page{ border:2px solid #000; padding:5mm; width:178mm; height:265mm; margin:auto; }

div.voucher-page h2{ text-align:center}

span.dotted{ border-bottom:1px dotted #000; padding:0 10px}

@media print{

   div.voucher-page{ margin:0}

}

@page{ margin:10mm} */