/* scaffolding */
/* ----------- */


.container {
  text-align: center!important;
}

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

/* base styles */
/* ----------- */


/* site theme */
/* ---------- */

.example {
  padding: 2px 0 !important;
}

.example-name {
  margin: 20px 0!important;
  font-size: 32px!important;
}

.demo {
  position: relative !important;
  *z-index: 1!important;
}

.typeahead,
.tt-query,
.tt-hint {
	    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-image: none !important;
    border-radius: 8px !important;
	border: 2px solid #CCCCCC !important;
    font-size: 14px !important;
    height: 39px !important;
    line-height: 30px !important;
    outline: medium none !important;
    padding: 0 12px !important;
}

.typeahead {
  background-color: #fff!important;
}

.typeahead:focus {
  border: 2px solid #0476BD!important;
}

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

.tt-hint {
  color: #999!important;
}


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

.tt-suggestion {
  font-size: 18px!important;
  line-height: 24px!important;
}

.tt-suggestion.tt-cursor {
  color: #fff!important;
  background-color:#F2F2F2!important;

}

.tt-suggestion p {
  margin: 0!important;
}

.gist {
  font-size: 14px!important;
}

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

.example-twitter-oss .tt-suggestion {
    float: left;
    margin: -5px 6px -4px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 382px !important;
}

.example-twitter-oss .tt-suggestion + .tt-suggestion {
    border-top: 1px solid #CCCCCC !important;
    float: left;
    margin-bottom: -4px !important;
    margin-top: 4px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
   width: 382px !important;
}

.example-twitter-oss .repo-name {
  float:left!important;
  height:20px!important;
  width:315px!important;
  color:#000000!important;
}
.repo-name strong{
  color:#888888!important;
}


.example-twitter-oss .repo-description {
  font-size: 14px!important;
  float:left!important;
  width:315px!important;
}

.name_desc{
  float:right!important;
  width:315px !important;
}

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

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

.container form button[type="submit"] {
  border-radius: 0 7px 7px 0 !important;
  height: 39px !important;
  /*position: absolute !important;*/
  top: 2px !important;
  width: 45px !important;
  background-position:13px 11px!important;
  margin-left:-7px;
}
.btn-inverse {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #0476BD !important;
    background-image: url("../images/search_2.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
li .ab-empty-item{
    padding:0px!important;
}



/*PROFILE PAEG ADD CSS IN CLIENT*/
.typeaheads {
	background: none repeat scroll 0 0 #FAFAFA !important;
	border: 1px solid #CCCCCC !important;
	height: 35px !important;
	width: 476px !important;
}
#profile-edit-form .tt-dropdown-menu {
  padding: 5px 0!important;
  background-color: #fff!important;
  border: 1px solid #ccc!important;
  border: 1px solid rgba(0, 0, 0, 0.2)!important;
  -webkit-border-radius: 0px!important;
     -moz-border-radius: 0px!important;
          border-radius: 0px!important;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;
          box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;	
  width:474px;	  
}
#profile-edit-form .tt-suggestion {
  font-size: 15px!important;
  line-height: 30px!important;
  margin-top:-6px;
}
#profile-edit-form .tt-suggestion div{
	width:100%!important;
}
#profile-edit-form .tt-suggestion .repo-name{
  border-top:1px solid #CCCCCC!important;
  text-indent:7px;
}
#profile-edit-form .tt-suggestions .tt-cursor .repo-name {
  color: #fff!important;
  background-color: #21759B!important;
  cursor:pointer;
}
#profile-edit-form .tt-suggestions .tt-cursor .repo-name strong{
  color: #000!important;
}
#profile-edit-form .twitter-typeahead pre{
  width:100%;
  padding:0px!important;
}



/*PROFILE PAEG ADD CSS IN ADMIN EDIT*/
.typeaheads_ad{
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #DDDDDD !important;
	height: 27px !important;
}
.typeaheads_ad_new{
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #DDDDDD !important;
	height: 27px !important;
}
#your-profile .tt-dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
    margin-left: 1px;
    margin-top: -2px;
    padding: 5px 0 !important;
    width: 348px;  
}
#your-profile .tt-suggestion {
	font-size: 13px !important;
	line-height: 30px !important;
	margin-top:-6px;
}
#your-profile .tt-suggestion div{
	width:100%!important;
}
#your-profile .tt-suggestion .repo-name{
	border-top:1px solid #CCCCCC!important;
	text-indent:7px;
}
#your-profile .tt-suggestions .tt-cursor .repo-name {
	color: #fff!important;
	background-color: #21759B!important;
	cursor:pointer;
}
#your-profile .tt-suggestions .tt-cursor .repo-name strong{
	color: #000!important;
}
#your-profile .twitter-typeahead pre{
	width:100%;
	padding:0px!important;
}

/*PROFILE PAEG ADD CSS IN ADMIN NEW*/
.typeaheads_ad{
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #DDDDDD !important;
	height: 27px !important;
}
.typeaheads_ad_new{
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #DDDDDD !important;
	height: 27px !important;
}
#createuser .tt-dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
    margin-left: 1px;
    margin-top: -2px;
    padding: 5px 0 !important;
    width: 348px;  
}
#createuser .tt-suggestion {
    font-size: 13px !important;
    line-height: 30px !important;
	margin-top:-6px;
}
#createuser .tt-suggestion div{
	width:100%!important;
}
#createuser .tt-suggestion .repo-name{
  border-top:1px solid #CCCCCC!important;
  text-indent:7px;
}
#createuser .tt-suggestions .tt-cursor .repo-name {
  color: #fff!important;
  background-color: #21759B!important;
  cursor:pointer;
}
#createuser .tt-suggestions .tt-cursor .repo-name strong{
  color: #000!important;
}
#createuser .twitter-typeahead pre{
  width:100%;
  padding:0px!important;
}