@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}

.accordion-heading {
	background: #FCFCFC;
    border-color: #e7e7e7;
    padding: 15px;
	margin-bottom:10px;
	 border-radius: 15px;
}
.accordion-group {
	margin:2% 0;
}
.pager {
    padding: 5px 14px;
    background-color: #fff;
   font-weight: bold;
}
#h_logo{
float:left; width:25%;
}
#h_text{
float:left; width:45%;
text-align:center;
 padding-top:30px;
 font-size:16px;
 font-weight:bold;
 
}
#h_user {
float:right;text-align:right; padding-top:2%;width:30%; font-size:12px;
}
#row-center {
margin:10% auto;
}
.red {
color:red;
text-align:center;
}
.orange {
color:#FF7900;
}

.bold , .large {
font-size:14px;
font-weight:bold;
}

#footer {
    font-size: 12px;
    padding: 10px 0;
	position:fixed;
}

#row-top, #row-top-less {
margin-top:10%;
}
#myModal2 {
background:#ffffff; width:50%; height:500px; top:20%;left:22%;
}
@media (max-width: 768px) {
#row-top {
margin-top:45%;
}
#row-top-less {
margin-top:30%;
}
#myModal2 {
width:90%; height:500px; top:25%;left:5%;
}

}

@media (max-width: 550px) {
#h_logo{
 width:30%;
}
#h_text{
 width:100%;
padding-top:5px;
}
#h_user {
width:100%; 
}
#row-top {
margin-top:52%;
}
#row-top-less {
margin-top:30%;
}
#myModal2 {
width:90%; height:500px; top:25%;left:5%;
}
#footer {
	position:fixed;
}

}

@media (min-width: 551px) and (max-width: 768px) {
#h_logo{
 width:25%;
}
#h_text{
 width:70%;

}
#h_user {
width:60%; 
}
#row-top {
margin-top:30%;
}
#row-top-less {
margin-top:10%;
}
#myModal2 {
width:90%; height:500px; top:25%;left:5%;
}
#footer {
	position:relative;
}

}