@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(//fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);
@import url(//fonts.googleapis.com/earlyaccess/thabit.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);


@media (max-width: 1000px) { 
    .tt1 {
         display: none;
    }
	
	
	
	.tt2
	{display: inline;}
	
	
	.logo{
		
		margin-left:10px;
		
		
	}
	
	
    }

@media (min-width: 1000px) { 
    .tt2 {
         display: none;
    }
	
	.tt1
	{display: inline;}
	
	
	.logo{
		
		margin-left:10px;
		
		
	}
	
	
    }
	

	
	
body{
 margin-top:5px;
 margin-bottom:5px;
 font-family: "Droid Arabic Naskh", serif;
 font-size:12px;
 

}

.xlabel
{
	font-size:13px;
	color:#000000;
	font-family: "Droid Arabic Naskh", "Droid Arabic Naskh", serif;
	padding-right:3px;
}

.xxlabel
{
	font-size:15px;
	color:#000000;
	font-family: "Droid Arabic Naskh", "Droid Arabic Naskh", serif;
}

.myRow
{
	
border: 1px solid grey;
padding:6px;
margin-bottom:10px;
}

.Intro
{
	
font-size:11pt;

color:#000000;
}

.panel-body
{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	
}
.activity{

	margin-bottom:15px;
	border-bottom: 1px solid grey;
	padding:2px;
}


.section
{
	padding:0px;
	border-color:#000000;
}

.panel
{

font-size:10pt;
color:#004d33;
border-color:#004d33;
}

.panel2
{

font-size:8pt;
color:#004d33;
border-color:#ffffff;
}


.panel-primary
{
	
border-color:#ffffff;
	
}
.panel-primary > .panel-heading 
{
font-size:11pt;
background-color:#004d33;
border-color:#004d33;
}

h2
{font-size:12pt;
border-color:#004d33;
font-family: "Droid Arabic Kufi", "Droid Arabic Naskh", serif;
line-height:120%;
}

.info
{font-size:12pt;
color:#ff0055;
font-family: "Droid Arabic Kufi", "Droid Arabic Naskh", serif;
line-height:120%;
font-weight:bold;
text-align:center;
}

.title 
{
font-size:15pt;
text-align:center;	
font-size:25px;
color:#ee9600;
}


#container2 .surveyTitle
{
text-align:center;	
font-size:20px;

}



.alertHidden
{
	
	display:none;
	text-align:center;
	
}



.btnHidden
{
	
	display:none;
	text-align:center;
	
	
}

.missedData

{
	color:#ff0000;
}


.btn {
  
   background-color: #004d33; 
   border: none;
  color: #FFFFFF;
  text-align: center;
  font-size:12pt;
  transition: all 0.5s;
  cursor: pointer;
  
}

.msg
{
margin-top:50px;	
color:#ff0000;	
}

.btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn span:after {
  content: "";
  position: absolute;
  opacity: 0px;
  top: 0px;
  right: -25px;
  transition: 0.5s;
  
}

.btn:hover span {
 padding-right: 5px;
 
 

}

.btn:hover span:after {
  opacity: 1;
  right: 0;
}



 .btn:focus
{
	
	background-color:#004d33;
	color:#ffffff;
}






.imgIcon
{
	cursor: pointer;
	
}


th {
    background-color: #004d33;
    color: white;
	border: 1px solid black;
	text-align:center;
	
}

td
{
	border: 1px solid black;
	text-align:center;
	padding:5px;
}
tr:nth-child(odd){background-color: #F5DEB3;}
tr:nth-child(even){background-color: #F5F5DC;}
tr:hover {background-color: #BDB76B}

table {
    border: 1px solid black;
}