#sur {
    text-align: center;
    font-weight: bolder; 
   /* text-shadow: 2px 2px black;*/
    color: white;
}

#startbtn {
	 /*background-color:#FAEBD7;*/
	 color:white;
	 font-weight: bold;
}

#msg {
	padding:1px 1px 1px 15px !important;
}

#qsearch {
	color:white;
	 font-weight: bold;
	 margin-top: 50px;
	 margin-bottom: 30px;
}

#advncdsrch {
	color:white;
	 font-weight: bold;
}

#backbtn {

	font-weight: bold;
	/*padding-right: 35px !important;
	padding-left: 35px !important;*/
}

#homebtn {
	font-weight: bold;
	/*padding-right: 35px !important;
	padding-left: 35px !important;*/
}


/*******************************************************/
body {
  padding-bottom : 10px ;
  
}

#exTab1 .tab-content {
  /*color : white;*/
  /*background-color: #428bca;*/
  background-color:#fafafa;
  padding : 5px 15px;
}

/*#sqr,#par,#res,#app {
	background-color: #fafafa;
	color: black;
	font-weight: bold;
}*/

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.tab-content {
	/*margin-right: 8%;*/
}

#col{
	color: blue;
	text-decoration: underline;
}

p{
/*	font-size: 18px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
font-size: 16px !important;
        font-family: 'open sans', sans-serif !important;
/*font-family: Roboto-Regular;*/
/*	font-weight: bolder;*/
}

#sqrinput {
	font-size: 30px;
	text-align: center;
}
/*.form-control #sqrinput {
	width: 20% !important;
}*/



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
    background-color: #27c76e !important;
}

.nav-tabs>li>a {
    border-radius: 4px !important;
     font-size: 16px;
    text-align: center;
    /*background-color:  #0099CC !important;*/
    background-color: #5bc0de !important;
    color: #fff;
    font-weight: bolder;
}

.expand{
	width:25%;
}

#commenttxt {
	font-weight: bolder;
	font-size: 16px;
}


/*.row{
    margin-top:40px;
    padding: 0 10px;
}*/

.clickable{
    cursor: pointer;   
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}

#PanelBook,#PanelMap,#PanelIndex {
	margin-top: 0px !important;
}

.panel-title {
	font-weight: bolder;
}

#firstrow,#scndrow,#thirdrow,#fourthrow {
	margin-top: 10px !important;
}

#booktype {
	font-size: 24px;
	font-weight: bolder;
	color: black;
}

#indexcard {
	font-size: 24px;
	font-weight: bolder;
	color: black;
}


#Ant {
	font-weight: bolder;
}

#MapType {
	font-weight: bolder;
}

#panelheading1,#panelheading2,#panelheading3 {
	text-decoration: none !important;
	color: #a94442 !important;
	/*font-weight: bolder !important;*/
}

#messagetxt {
    font-size: 14px !important;
    font-family: 'open sans', sans-serif !important;
}

@media only screen and (max-width: 767px) {
#backbtn {
	margin-bottom: 10px !important;
}
#Ant {
	margin-bottom: 2px !important;
}
#MapType {
	margin-bottom: 2px !important;
}
h1 {
	font-size: 16px !important;
}
}

@media only screen and (max-width: 767px) {

#smscreentxt {
	font-size: 16px !important;
}

}

@media only screen and (max-width: 767px) {

#sqr,#par,#res,#app {
	font-size: 12px !important;
	text-align: left !important;
	padding-left: 0px !important;
}
}

@media only screen and (max-width: 767px) {
#Mapdesc {
	font-size: 16px !important;
 }
}

#submit,#cancel {
	margin-bottom: 10px !important;
}