.clear{ clear:both; float:none;}

.icon-github {
    background: no-repeat url('../img/github-16px.png');
    width: 16px;
    height: 16px;
}

.bootstrap-tagsinput {
    width: 100%;
}

.accordion {
    margin-bottom:-3px;
}

.accordion-group {
    border: none;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.tt-input{ min-width:200px;}

/* add tag dans add issue */
.label, .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: hsl(0, 100%, 100%);
    text-shadow: 0 -1px 0 hsla(0, 0%, 0%, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: hsl(0, 0%, 60%);
}
.label{ border-radius:3px;}
.label-info, .badge-info {
    background-color: hsl(200, 50%, 45%);
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: hsl(0, 100%, 100%);
}


#carModels-button, #motorizations-button, #issueTypes-button{ overflow:visible;}

.tags span{ display:inline-block; background:white; color:black; padding:5px 10px; margin-right:5px;}
.tags span span{ padding:0; background:none; margin:0; font-weight:bold;color:#38c;    background-color: yellow;}

div.tags a{ display:inline-block; background:white; padding:10px 15px; margin-right:6px; text-decoration:none; margin-bottom:6px; font-weight:normal; text-shadow:none; font-size:0.8em; }
div.tags a.type1{ color:#3388cd;}
div.tags a.type1.active{ color:#fff; background-color:#3388cd;}
div.tags a.type2{ color:#3eb249;}
div.tags a.type2.active{ color:#fff; background-color:#3eb249;}
div.tags a.type3{ color:#b26a3f;}
div.tags a.type3.active{ color:#fff; background-color:#b26a3f;}
div.tags a.type4{ color:#cd3399;}
div.tags a.type4.active{ color:#fff; background-color:#cd3399;}

p.tags{position:absolute;bottom:0; width:85%;}
p.date{position:absolute;right:20px;bottom: 0;}

#detail_tags .tags{position: inherit;bottom: inherit;}

textarea.ui-input-text {/* height: inherit !important*/}

.jqm-navmenu-panel{ width:37em;}

.jqm-navmenu-panel .ui-listview .ui-btn span{ color:#333; font-size:0.7em; font-weight:bold;}

.ui-li-right{ float:right;}
.warp .ui-li-right{ white-space:normal;text-align: right;}

.gallery{ margin-bottom:1em;}
.gallery .main{ width:65%; }
.gallery .thumbnails{ width:30%; float:right;}
.gallery .main img{    max-width: 100%;    height: auto;}
.gallery .thumbnails img{    max-width: 100%;    height: auto;}
.gallery .thumbnails div{ margin-bottom:20px;}

/* list des messages */
#messages{ margin:0; padding:0;}
#messages li {
    padding: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 29px;
    word-wrap: break-word;
    text-align: justify;
    font: Roboto,Tahoma,Verdana,sans-serif;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	list-style-type: none;
}

#messages li.customer {
    border: 1px solid hsl(126, 48%, 47%);
    border-top-width: 3px;
}
#messages li.seller {
    /*min-height: 140px;*/
    border: 1px solid #666;
    border-top-width: 3px;
}
#messages li .blur {
   
}
/*#messages li.seller .blur {
    min-height: 80px;
}*/
#messages li .blur .avatar {
	font-size:0.8em;
    position: absolute;
    bottom: -40px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    z-index: 5;
}
#messages li .blur .avatar img {
    border-radius: 100%;
    height: 60px;
    width: 60px;
}
#messages li .blur .avatar span {
    position: absolute;
    bottom: 10px;
    white-space: nowrap;
}
#messages li.customer .blur .avatar {
    left: 10px;
}
#messages li.seller .blur .avatar {
    right: 10px;
}
#messages li.customer .blur .avatar span {
    left: 70px;
}
#messages li.seller .blur .avatar span {
    right: 70px;
}
/*.blur a.ui-link{ position:absolute; bottom:10px;     white-space: nowrap;}*/

#messages li.seller .blur .message_photo_link{ float:right; margin:0 0 15px 0;}
#messages li.customer .blur .message_photo_link{ float:left; margin:0 15px 0 0;}

#messages li .blur a.attachment {
	position:absolute;
	padding:4px 14px;
	border-top:1px solid;
	bottom:-45px;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	transition:all 0.1s ease-in
}
#messages li .blur a.attachment:hover {
	color:white
}
#messages li.seller .blur a.attachment {
	left:-20px;
	border-right:1px solid;
	border-color:#666
}
#messages li.seller .blur a.attachment:hover {
	background:#666
}

#messages li.customer .blur a.attachment {
	right:-20px;
	border-left:1px solid;
	border-color:hsl(126, 48%, 47%);
}
#messages li.customer .blur a.attachment:hover {
	background:hsl(126, 48%, 47%);
}

@media screen and (min-width: 40.063em){
	#messages li.customer {
		margin-right: 20%;
	}
	#messages li.seller {
		margin-left: 20%;
	}
}

/* formulaire réponse */
@media only screen and (min-width: 40.063em){
.medium-4 {
    width: 32%;
	padding-left:1%;
}
.medium-8 {
    width: 66.66667%;
}
.medium-12 {
    width: 100%;
}
}
@media only screen and (max-width: 40.063em){
	.medium-4,.medium-8, .medium-12 {
    width: 100%;
}
}
.columns {
    position: relative;
    float: left;
}
.form-group {
    margin: 20px 0 0 0;
    border: 1px solid hsl(202, 10%, 84%);
    padding: 7px 10px;
    position: relative;
    min-height: 45px;
    -webkit-transition: border-color 0.1s ease-in;
    -moz-transition: border-color 0.1s ease-in;
    -o-transition: border-color 0.1s ease-in;
    transition: border-color 0.1s ease-in;
}
.form-group > label {
    margin-top: -15px;
    float: left;
    background: hsl(0, 100%, 100%);
    margin-bottom: 5px;
    padding: 0 5px;
    margin-left: -5p;
    font-family: Roboto,Tahoma,Verdana,sans-serif;
}
.form-group textarea {
    height: auto;
    min-height: 50px;
	resize: vertical;
}
.form-group input[type=text], .form-group input[type=email] {
    background: hsl(0, 100%, 100%);
}
.form-group input[type=text], .form-group input[type=email], .form-group input[type=password], .form-group textarea {
    border: none;
    line-height: 20px;
    font-size: 16px;
    outline: none;
    font-family: Roboto,Tahoma,Verdana,sans-serif;
    display: inline-block;
    width: 100%;
	box-shadow:none;
	background:none;
}
.btn.btn-success, .ui-page-theme-a a.ui-btn.add_issue {
    background: hsl(126, 48%, 47%);
    border-color: hsl(126, 48%, 47%);
    color: hsl(0, 100%, 100%);
	text-indent:0;
	opacity:1;
	font-size:1em;
} 

ol li{ margin-bottom:10px;}

.issues-list-result span.title{ height:60px; display:block;}

.ui-listview .ui-li-aside {    right: 1.333em;}
.jqm-search .ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn {padding-right: 90px;}

.ui-bar-a.msgerror{ background-color:#fad5cf;}
.ui-bar-a.msgsuccess{ background-color:#effeb9;}
.ui-bar-a.msginfo{ background-color:#d1e4f3;}
.ui-bar-a.msgalert{ background-color:#ffe9ad;}

.jqm-demos .jqm-header .actions{ float:right; padding:1em 1em 0 0;}
.jqm-demos .jqm-header .actions .ui-btn{ background:red; margin:0; top:0; color:grey;}
.ui-btn-left, .ui-btn-right{ position:relative; float:right;}