body {
	margin:0px;
	padding:0px;
	}
	
p{
	font-size: 20px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
	padding-left:15px;
    padding-right:15px;
    padding-top: .1cm;
	padding-bottom: .1cm;
    line-height: 40px;
    text-align: justify;
	color: #000000;
}


p1{
	font-size: 16px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
	line-height: 25px;
	text-align: justify;
	color: #000000;
}

p2{
	font-size: 20px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
	line-height: 40px;
}


h1, h2, h3 {
	font-family: 'Amiri', Simplified Arabic;
	line-height: 16px;
	text-align: center;
}

h4 {
	font-family: 'Amiri', Simplified Arabic;
	line-height: 16px;
	text-align: right;
}

a:link {color:#0000ff;}
a:visited {color:#0000ff;}
a:hover {
  background-color: #f6ffed;
  color: #CC3300;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-color: red !important;
}


   /* Saerch button styling */

.btn-success {
  padding: 2px 2px;
  font-size: 16px;
  line-height: normal;
  width:50px;
  height: 20;
  background-color: #f6ffed;
  color: black;
  border-color: black;
}

input[type=text] {
    border: 1px solid green;
    border-radius: 3px;
    width: 150px;
    height:35px;
    font-family: 'Amiri';
    font-size: 16px;
} 

   /* Footer styling */

footer{
	font-size: 16px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
	padding-left:10px;
	padding-right:10px;
	padding-top: .1cm;
	padding-bottom: .1cm;
	line-height: 18px;
	text-align: center;
	color: #000000;
}

   /* Center modal appearance to center of page */
.modal-dialog{
   position: absolute;
   left: 50%;
   /* now you must set a margin left under zero - value is a half width your window */
   margin-left: -312px;
   /* this same situation is with height - example */
   height: 500px;
   top: 50%;
   margin-top: -250px;
}

   /* Panel styling */

.panel-heading {
	font-size: 24px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
    background-color: #f6ffed !important;
	line-height: 50px !important;
}

.panel-footer {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Amiri', Simplified Arabic;
    background-color: #FFFFEA !important;	
}


   /* Button go to top from https://bootsnipp.com/snippets/v2QGB */
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #8db863;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 36px;
}
#myBtn:hover {
    background-color: #f6ffed;
}

#myBtn:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    -o--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#myBtn:hover {
    color: #CC3300;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}