@charset "UTF-8";
/* Scss Document */
/*General*/
html, body {
  height: 100%;
}

.ticket.vertical-align_middle td, .ticket.vertical-align_middle th {
  vertical-align: middle;
}

@-moz-document url-prefix() {
  abbr[title]:not(.categorie) {
    border: 0;
  }
}
abbr.btn-link, abbr.icon {
  border: 0;
}

.navbar-header h1 {
  margin: 0;
  line-height: normal;
  display: table;
}
.navbar-header .baseline {
  font-size: 1.2rem;
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: inherit;
  padding: 10px 0;
}

.navbar-inverse {
  background-color: #fefefe;
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEFEFE', endColorstr='#FFE8E8E8', GradientType=0);
  -webkit-box-shadow: 0 0 0 #999;
  -moz-box-shadow: 0 0 0 #999;
  box-shadow: 0 0 0 #999;
  border-color: #e3e3e3;
}
.navbar-inverse .navbar-toggle {
  border: 0;
  background: none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  border: 0;
  background: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #3d6ba6;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: transparent;
}
.navbar-inverse .deconnexion {
  margin-left: 20px;
}

body > .container {
  padding-top: 70px;
}

a {
  color: #3d6ba6;
}
a:hover, a:focus {
  color: #28476e;
}
a.btn-link {
  color: #3d6ba6;
}
a.btn-link:hover {
  text-decoration: none;
  color: #28476e;
}
a.btn-link.off:hover {
  color: #28476e !important;
}

div[class^="col-fixed"] {
  display: inline-block;
}

.col-fixed-1 {
  width: 30px;
}

.col-fixed-2 {
  width: 60px;
}

.col-fixed-3 {
  width: 90px;
}

.col-fixed-4 {
  width: 120px;
}

.col-fixed-5 {
  width: 150px;
}

.col-fixed-6 {
  width: 180px;
}

.col-fixed-7 {
  width: 210px;
}

.col-fixed-8 {
  width: 240px;
}

.col-fixed-9 {
  width: 270px;
}

.col-fixed-10 {
  width: 300px;
}

.col-fixed-11 {
  width: 330px;
}

.col-fixed-12 {
  width: 360px;
}

/*Panels*/
.panel, .well, .well-sm {
  -webkit-border-radius: 4px default;
  -moz-border-radius: 4px default;
  -ms-border-radius: 4px default;
  border-radius: 4px default;
}

.panel-heading .fa {
  vertical-align: middle;
}

.well {
  font-size: 1.2rem;
}

.well-errors {
  color: #d40b0b !important;
  border: 1px solid #f42222 !important;
  background: #FFE6E6 !important;
}

.well-content {
  background: url(/assistance/img/picto-warning-big.png) #FFE6E6 no-repeat !important;
  padding-left: 40px !important;
  min-height: 31px !important;
}

.well-sm {
  padding: 9px 15px;
}

.panel .panel-heading .date {
  white-space: nowrap;
  opacity: 0.7;
  font-size: 1.3rem;
}

.panel .panel-heading .date:before {
  content: ' - ';
}

.panel-user {
  margin-left: 30px;
  border-color: #d9edf7;
}

.panel-support {
  margin-right: 30px;
}

.panel-user .panel-heading {
  background-color: #d9edf7;
  border-color: #d9edf7;
  color: #2e6da4;
}

.new-message {
  border-color: #ccc;
}

.panel-recap .form-control-static {
  min-height: 20px;
}

/*Toggle blocs*/
.toggle-carret {
  padding: 0;
  font-size: 1.2rem;
  text-align: left;
  display: table;
  white-space: inherit;
}
.toggle-carret:before {
  font-family: 'FontAwesome';
  content: "\f0d7";
  display: inline-block;
  width: 1rem;
  position: absolute;
}
.toggle-carret.collapsed:before {
  content: "\f0da";
}
.toggle-carret + .toggle-content {
  font-size: 1.2rem;
}
.toggle-carret span {
  display: inline-block;
  margin-left: 1rem;
}
.toggle-carret:focus, .toggle-carret:hover {
  color: #6892c8;
}

/*Création ticlet non connecté*/
.span-entreprise {
  font-size: 10px;
  font-weight: bold;
}

.panel-suggestion .toggle-content {
  padding-left: 10px;
}

/*Commentaires*/
.commentaire {
  font-style: italic;
  padding-right: 5px;
}

.commentaire:before, .commentaire:after {
  content: '“';
  font-size: 1.5em;
  line-height: 0.1em;
}

.commentaire:after {
  content: '”';
}

/***Forms***/
abbr.required {
  font-weight: bold;
}

.with-errors, abbr.required {
  color: #d43f3a;
}

.form-horizontal .control-label {
  text-align: left;
}
.form-horizontal .form-group-sm .control-label {
  font-size: 1.2rem;
  padding-top: 6px;
}
.form-horizontal .control-label {
  color: #666;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
  padding-top: 4px;
}

.form-group-sm .form-control-static {
  height: auto;
  padding: 4px 0;
}
.form-group-sm .form-control-static .list-unstyled {
  margin-bottom: 0;
}
.form-group-sm .radio label {
  font-size: 1.2rem;
}
.form-group-sm input[type="checkbox"], .form-group-sm input[type="radio"] {
  margin-top: 3px;
}

.form-condensed .form-group {
  margin-bottom: 0;
}
.form-condensed .controls {
  margin-bottom: 10px;
}

.input-num-suivi {
  width: 180px;
}

/***Retour haut de page on scroll***/
#BackToTop {
  z-index: 99999999999;
  float: left;
  display: none;
  width: 50px;
  height: 50px;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: url(/assistance/img/top.png) 0 0 no-repeat #666666;
}
#BackToTop span {
  opacity: 0;
  filter: alpha(opacity=0);
}
#BackToTop:hover {
  opacity: 1 !important;
}

body > .container {
  min-height: 100%;
  margin-bottom: -70px;
}

body > .container:after {
  content: "";
  display: block;
  margin-bottom: 20px;
}

body > footer, body > .container:after {
  height: 70px;
}

body > footer {
  width: 1170px;
  margin: 0 auto;
  border-top: 1px solid #eee;
  padding: 15px 0 0;
}

body > footer .container {
  padding: 0;
  width: 100%;
}

.list-admin {
  width: 15%;
  margin-top: 70px !important;
  position: fixed;
}

.list-admin-title {
  border-bottom: 2px solid #E5DDDD !important;
  border-top: 1px solid #E5DDDD !important;
  border-left: 1px solid #E5DDDD !important;
  border-right: 1px solid #E5DDDD !important;
  padding: 8px 15px;
  background-color: #f5f5f5;
}

.list-admin-item {
  border: 0px;
  padding: 8px 15px;
  padding-left: 30px !important;
  border-left: 1px solid #E5DDDD !important;
  border-right: 1px solid #E5DDDD !important;
}

.list-admin-item-final {
  border-bottom: 1px solid #E5DDDD !important;
}

.list-admin-link {
  color: #333 !important;
}

.form-control-large {
  width: 500px !important;
}

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

.row {
  padding: 5px 0;
}

.control-label {
  text-align: left !important;
  padding: 5px 10px !important;
}

.input-group-addon-label {
  border: 0 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #333 !important;
}

.infobull {
  color: #595252 !important;
}

.statut-nouveau {
  background-color: #F0AD4E;
}

.statut-en_cours {
  background-color: #337AB7;
}

.statut-resolu {
  background-color: #2BB011;
}

.statut-pris_en_charge {
  background-color: #5FBDE5;
}

.statut-instruction_complementaire {
  background-color: #FA99E3;
}

.statut-attente_utilisateur {
  background-color: #DDA0DD;
}

.statut-instruction_externe {
  background-color: #b38b6d;
}

.statut-rouvert {
  background-color: #E83832;
}

.form-group-diagnostic .bootstrap-select {
  max-width: 18.15em;
}
.form-group-diagnostic .input-group-addon {
  max-width: 18em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-group-diagnostic .filter-option {
  text-overflow: ellipsis;
}

@media screen and (max-width: 320px) {
  .control-label {
    width: 100%;
    margin-bottom: 0;
  }
  .control-label + div[class^="col-"] {
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .navbar-form .form-group {
    display: inline-block !important;
    vertical-align: middle;
    margin-bottom: 0;
  }

  body > footer {
    width: 100% !important;
    padding: 15px;
  }
}
@media screen and (max-width: 1199px) {
  body > footer {
    width: 970px;
  }
}
@media screen and (max-width: 991px) {
  body > footer {
    width: 750px;
  }
}
@media (max-width: 1650px) {
  .list-admin {
    position: relative !important;
    margin-left: 15%;
    width: 40%;
  }
}

/*# sourceMappingURL=main.css.map */
