/*------------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:#0000;
font-size:1.6em;
}
h2
{
color:#EC008C;
font-size:1.2rem;

}
h3
{
color:#EC008C;
font-size:1rem;
border-bottom:1px solid #EC008C;
}
h4
{
color:#00aeef;
font-size:1em;

}
h5
{
color:#00aeef;
font-size:1.1em;
padding:10px;
}
h6
{
color:#00aeef;
font-size:1 em;
padding:10px;
}

                            /*------------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;
overflow:scroll;

}
td
{
width:100%;
padding:10px;
border:2px solid #000;
border-collapse:collapse;

}

tr
{
width:100%;
padding:10px;
border:2px solid #000;
border-collapse:collapse;
}


                             /*------------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
----------------- */


/*---RMZ----*/
.green-box{
background-color:#DBE5B9;
padding:15px;
}
.brown-box{
background-color:#FFE4B7;
padding:15px;
}
.blue-box{
padding:15px;
background-color:#A3D6EF;
}
.pink-box{
padding:15px;
background-color:#FAD4E4;
border: 1px solid #EC008C;
}
.blue-border{
border:2px solid #A3D6EF;
padding:10px;
}
.yellow-box{
padding:15px;
background-color:#F4EEB9;
}
.green-box-brd{
background-color:#DBE5B9;
padding:15px;
border:2px solid #00A452;
}
.brown-box-brd{
background-color:#FFE4B7;
padding:15px;
border:2px solid #F79349;
}
.pink-border{
	border: 1px solid #EC008C;
padding: 10px;
}
.pink-text{
background-color:#F388B7;
border-bottom:6px solid #FAD3E4;
color:#fff;
padding:10px;
}
.bullet-style{
color:#EC008C;
}

.pink-brd{
	padding:15px;
border:3px solid #EC008C;
}
.grey-box{
padding:15px;
background-color:#D1D1D3;
border: 1px solid #282525;
}