/* Header default style */
.header {
  margin-top: 15px;
  margin-bottom: 40px;
}
.header .logo a {
  float: left;
  display: inline-block;
  margin-right: 30px;
}
.header h1 {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
}

.content .nav-tabs {
  margin-bottom: 20px;
}

/* jQuery.steps hack for dynamic section height */
.wizard > .content > .body {
  position: static;
}

/* jQuery.steps hack for compatibility with bootstrap box-sizing */
.wizard > .content > .body {
  height: 100%;
  width: 100%;
}

.wizard > .content {
  min-height: 40em;
}

.wizard.vertical > .steps {
  width: 20%;
}
.wizard.vertical > .content {
  width: 75%;
}

.wizard > .steps a {
  background: #eee;
}

.wizard > .steps a:hover,
.wizard > .steps a:focus {
  text-decoration: underline;
}

.wizard > .actions a:hover,
.wizard > .actions a:focus {
  text-decoration: underline;
}

/* jQuery.steps hack for step button color during validation */
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  background-color: #2184be;
}

.wizard > .steps p.contact > a {
  display: inline;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

/*
  bootstrap hack
*/
.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}

/*
  deform hacks
*/
/* limit error color to the sequence subfield which raise the error */
.has-error .deformSeq .control-label {
  color: rgb(51, 51, 51);
}
.deformSeq .has-error .control-label {
  color: #a94442;
}
.has-error .deformSeq .form-control {
  border-color: #ccc;
}
.deformSeq .has-error .form-control {
  border-color: #a94442;
}

/* Alert message in sequences */
.alert-message {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

/* Note about mandatory fields */
form .asterisk:after {
  color: #e32;
  content: '*';
  display: inline;
}

/*
  ol3 / jQuery steps
*/
.wizard > .content > .body .map > .ol-viewport .ol-attribution ul > li {
  display: inline;
}

/*
  Collapsible panel
*/
.icon {
  height: 16px;
  width: 16px;
}
.collapsible-icon {
  display: inline-block;
  /* margin-top: 2px; */
  vertical-align: text-top;
  margin-right: 10px;
  background-image: url('js/jquery-ui/images/ui-icons_ef8c08_256x240.png');
}
.collapsed-icon {
  background-position: -32px -16px;
}
.expanded-icon {
  background-position: -64px -16px;
}

/*
  Map help link and popup
*/
.map-help-link {
  float: right;
}
.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup li {
  height: 22px;
}
.white-popup li .ol-control {
  display: inline;
  position: static;
  padding: 0px;
}
.white-popup li button {
  display: inline;
  cursor: auto;
  margin: 0px;
  vertical-align: bottom;
  background-color: #ffffff !important;
}

/*
  DPFE specific styles
*/
form fieldset {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 15px;
  margin-bottom: 20px;
}
form fieldset legend {
  border-width: 0;
  margin-bottom: 15px;
  width: auto;
}

.demande_view_infos {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

h3 > a > .edit-icon {
  display: inline-block;
  margin-left: 5px;
  background-image: url('js/jquery-ui/images/ui-icons_222222_256x240.png');
  background-position: -64px -112px;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.tooltip-inner {
  max-width: 400px;
  text-align: left;
}
.tooltip-inner p {
  margin: 5px;
}