/*------------This is for font Call ----------------- */

@font-face {

font-family:"Arial";
font-style:normal;
font-weight:normal;

}
                           

                            /*------------This is for body 
Call----------------- */
body {
font-size:100%;
line-height:150%;
padding:2%;
text-align:justify;
}
                            /*------------This is for Heading 
Call----------------- */


h1
{
color:#E6842A;
font-size:1.6em;
padding:10px;
}
h2
{
color:#964B00;
font-size:1.4em;
padding:10px;
}
h3
{
color:#E921AF;
font-size:1.3em;
padding:10px;
}
h4
{
color:#00aeef;
font-size:1.2em;
padding:10px;
}
h5
{
color:#00aeef;
font-size:1.1em;
padding:10px;
font-style:italic;
}
h6
{
color:#00aeef;
font-size:1 em;
padding:10px;
}
.bold-text{
font-weight:bold;
}
.fig{
font-size: 0.8em;
font-weight: bold;
}
.container {
  position: relative;
  text-align: center;
  color: white;
border:2px solid black;
}
.Quinary {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
                            /*------------This is for Boxes 
Call----------------- */

.box1
{
border:2px solid #E6842A ;
padding:15px;
border-radius:15px;

}
.brown
{
border:2px solid #D3D3D3;
padding:15px;
border-radius:15px;
background: #D3D3D3
}


                             /*------------This is for Caption 
Call----------------- */
.caption{
font-style: italic;
font-size: 0.83em;
color: #4D4D4D;
text-align:center;
}
                             /*------------This is for Image 
Call----------------- */
.image{
text-align:center;
}

img {
max-width:100%;
}

p.resize img, .resize img

{
position:relative;
top:10px;
}

/*------------This is for TABLE Call----------------- */
table
{
width:100%;
border:2px solid #000;
border-collapse:collapse;

}
td
{
padding:10px;
border:2px solid #000;
border-collapse:collapse;
background:#F7B4F6;
}


                             /*------------This is for Cover Page 
Call----------------- */
div.layout
{
  text-align: center;
}
.img_wid
{
margin-left: auto;
    margin-right: auto;
display: block;
width:80%;
}
.bold
{
font-weight:bold;
}
div.chapter_pos
{
  text-align: center;
  width: 96%;
  position:absolute;
top:60%;
font-weight:bold;
font-size:28px;
color:#fff;
}
div.chapter_pos div
{
background:#1CA656;
padding:10px;
width:50%;
margin:auto;
opacity:0.9;
}
div.chapter_pos div span
{
font-size:0.7em;
color:#aeaeae;
font-weight:normal;
}

.cover_img_small
{
width:50%;
}


                               /*------------This is for QR code 
Call----------------- */
.clear                                                      
{
clear:both;
}

img.right-img
{
text-align: right;
display:inline-block;
float:right;
width:177px;
}
 /*------------
Written By Mohd Salman
----------------- */