/* custom font! */
/* ------------ */




.tt-dropdown-menu,
.gist {
  text-align: left;
}


.typeahead,
.tt-query,
.tt-hint {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 396px;
  /*height: 30px;*/
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

.example-twitter-oss .tt-suggestion {
  padding: 8px 20px;
}

.example-twitter-oss .tt-suggestion + .tt-suggestion {
  border-top: 1px solid #ccc;
}

.example-twitter-oss .repo-language {
  float: right;
  font-style: italic;
}

.example-twitter-oss .repo-name {
  font-weight: bold;
}

.example-twitter-oss .repo-description {
  font-size: 14px;
}

.example-sports .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

.example-arabic .tt-dropdown-menu {
  text-align: right;
}

/**/

.panel-default {
	border-color:#2A5C07;
}


/* 
Generic Styling, for Desktops/Laptops 
*/

.contentTable {
  padding:4px;
}

table { 
  width: 100%; 
  border-collapse: collapse; 
 
}



.monTableau th {
	color:#2A5C07;
}

/* Zebra striping */
.monTableau tr:nth-of-type(odd) {
background:#F3FCE5;
}

.panel-default > .panel-heading {
background:#F3FCE5;
}
.monTableau th { 
  background: white; 
  color:#2A5C07;
  font-weight: bold; 
}
.monTableau td, .monTableau th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center; 
}

.explication {
	font-style:italic;
	padding:8px;
	display:block;
}

#tableResultSalat  tr td:first-child{
	color:#FF4500;
	font-weight:bold;
}


.form-inline .form-group {
display: inline-block;
}
@media screen and (max-width: 650px) {
.panel-heading {
	padding:0;
}

.btn_responsive {
	padding-top: 12px;
padding-left: 4px;
}
}
.twitter-typeahead {
	margin-bottom:10px;
	margin-top:5px;
}
@media screen and (max-width: 600px) { 

body {
	background-image:url("../fond.png");
}
.typeahead, .tt-query, .tt-hint {
	width:200px;
}

.starter-template {
	padding:0px;
}
.tt-dropdown-menu {
width:200px;
}
.typeahead, .tt-query, .tt-hint {
	font-size:20px;
	padding:4px 6px;
}
.explication {
	font-style:italic;
	padding:8px;
	display:block;
	font-size:11px;
}

.monTableau td, .monTableau th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center; 
}

 .tobehide {
	width:0px;
	display:none;
	visibility:none;
 }
 .container {
	margin:0;
	padding:0;
 }
 #searchcities {

 }
 
 /* Force table to not be like tables anymore */
 
 .monTableau table {
 
 }
	.monTableau table, .monTableau thead, .monTableau tbody, .monTableau th, .monTableau td, .monTableau tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.monTableau thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.monTableau tr { border: 1px solid #ccc; }
	
	.monTableau td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.monTableau td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.monTableau td:nth-of-type(1):before { content: "Jour"; ; text-align:left; font-weight:bold;}
	.monTableau td:nth-of-type(2):before { content: "Sobh"; color:#2A5C07; text-align:left; font-weight:bold; }
	.monTableau td:nth-of-type(3):before { content: "Dohr"; color:#2A5C07; text-align:left; font-weight:bold; }
	.monTableau td:nth-of-type(4):before { content: "Asr"; color:#2A5C07; text-align:left; font-weight:bold; }
	.monTableau td:nth-of-type(5):before { content: "Maghreb";  color:#2A5C07; text-align:left; font-weight:bold;}
	.monTableau td:nth-of-type(6):before { content: "Icha";  color:#2A5C07; text-align:left; font-weight:bold;}
}