@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
.ui-datepicker {
  z-index: 10 !important;
}
.well {
  background: rgba(255, 255, 255, .8);
  border-radius: 0;
  border: 0;
  color: #000000;
}

.well h2 {
  color: #23527c;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0;
  border-bottom: 1px solid #BBBBBB;
  padding-bottom: 8px;
  margin-bottom: 20px;
  text-align: center;
}
.content h2, .webform-submission-contact-form h2 {
  color: #870e0a;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 22px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DDDDDD;
}
.views-empty {
  text-align: center;
}
.region-sidebar-second .well, #block-inscription.well {
  background: rgba(30, 83, 122, .9);
  color: #FFFFFF;
}
.region-sidebar-second .well h2, #block-inscription.well h2 {
  color: #FFFFFF;
}
.region-sidebar-second .well a, #block-inscription.well a {
  color: #FFFFFF;
}
.region-sidebar-second .well hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #BBBBBB;
}
.region-sidebar-second .well {
  padding: 10px;
}
.region-sidebar-second .well .statut {
  background-color: #CCCCCC;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 20px;
}
.region-sidebar-second .well .client-logo, .region-sidebar-second .well .client-description {
  text-align: center;
}
.region-sidebar-second .well .client-description {
  padding: 10px 0 0 0;
}
.region-sidebar-second .well .client-logo img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.region-sidebar-second .well .statut.statut-1 {
  background-color: #FF0000;
}
.region-sidebar-second .well .statut.statut-2, .region-sidebar-second .well .statut.statut-3 {
  background-color: #ffe401;
}
.region-sidebar-second .well .statut.statut-4, .region-sidebar-second .well .statut.statut-5 {
  background-color: #00FF00;
}
.block-views-blocktb-dernieres-requetes-block-1 td {
  padding: 3px !important;
  vertical-align: middle;
}
.block-views-blocktb-dernieres-requetes-block-1 td a {
  vertical-align: middle;
}
.table > thead > tr > th {
  background-color: #2a6283;
  color: #FFFFFF;
}
.table > thead > tr > th a {
  font-weight: normal;
  color: #FFFFFF;
}
.table-striped > tbody > tr.urgence:nth-of-type(odd), .table-striped > tbody > tr.urgence:nth-of-type(even) {
  background-color: #ff932d;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #EEEEEE;
}
.btn-default {
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 0;
  border: 0;
}
.btn-primary, .btn-success, .btn-info {
  border-radius: 0;
  border: 0;
}
button[data-drupal-selector="edit-reset"].btn-default {
  background-color: transparent;
  color: #333333;
  margin-top: 15px;
}




.form-control {
  border-radius: 0;
}
.input-group-addon {
  background-color: transparent;
  border: 0;
  padding: 3px 6px;
}
/* onglets */
/* bug avec le scroll bizarre bizarre.... */
.horizontal-tabs .horizontal-tab-hidden {
  display: none;
  position: relative;
  top: 0;

}
.horizontal-tabs .horizontal-tabs-list {
  background-color: #337ab7;
}
.horizontal-tabs .horizontal-tab-button {
  background-color: #337ab7;
  border-right: 1px solid #1f5889;
}
.horizontal-tabs .horizontal-tab-button.selected {
  background-color: #1f5889;
}
.horizontal-tabs .horizontal-tab-button a:hover {
  background-color: #1f5889;
}
.horizontal-tabs .horizontal-tab-button a {
  color: #FFFFFF;
  font-weight: normal;
  text-transform: uppercase;
}
.horizontal-tabs .horizontal-tab-button a strong {
  font-weight: normal;
}
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a {
  padding: 10px 10px;
}
body {
  background: #FFFFFF url("../background/allee.jpg") no-repeat center fixed;
  /* background: #FFFFFF url("../background/test2.jpg") no-repeat center fixed; */
  background-size: cover;
  color: #000000;
  font-family: 'Muli', sans-serif;
}
.main-container {
  margin-top: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 600px;
  background: rgba(255, 255, 255, .7);
}
.without-overlay .main-container {
  background: transparent;
}
body.path-frontpage .main-container {
  background: transparent;
}
article h2 {
  margin-bottom: 30px;
  font-size: 25px;
}
.page-node-4 article h2, article.arbre.full h2 {
  background-color: rgba(30, 83, 122, 1);
  color: #FFFFFF;
  margin-top: 0;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-node-4 article h2 a, article.arbre.full h2 a {
  color: #FFFFFF;
}

.back-link {
  margin-top: 30px;
}
.back-link a svg {
  margin-right: 10px;
}

.navbar-default {
  background-color: #870e0a;
  color: #FFFFFF;
  border: 0;
}
.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a.home svg {
  margin-right: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #FFFFFF;
  color: #000000;
}
.navbar-default .navbar-nav > li > a.admin-menu, .navbar-default .navbar-nav > .active > a.admin-menu, .navbar-default .navbar-nav > .active > a:hover.admin-menu, .navbar-default .navbar-nav > .active > a:focus.admin-menu {
  background-color: #2a6283;
  color: #FFFFFF;
}


.navbar-default .navbar-nav > .active.first > a > svg {
  margin-right: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #DDDDDD;
}
.user-logged-in .navbar-default .navbar-nav > li > a.public {
  display: none;
}
.navbar-nav {
  float: right;
}
.user-logged-in .navbar-nav {
  float: left;
}
.menu--main a svg {
  font-size: 1.5em;
  margin-right: 10px;
}
.menu--menu-tableau-de-bord.nav {
  text-align: center;
}
.menu--menu-tableau-de-bord.nav > li {
  display: inline-block;
  margin: 0 15px 30px 15px;
  vertical-align: top;
}
.menu--menu-tableau-de-bord.nav > li > a {
  width: 150px;
  height: 150px;
  font-size: 20px;
  display: block;
  text-align: center;
  padding-top: 20px;
  background: rgba(42, 124, 180, .9);
  background: rgba(255, 255, 255, .8);
  color: #23527c;
}
.menu--menu-tableau-de-bord.nav > li > a:hover {
  background: rgba(255, 255, 255, .9);
  background-color: #337ab7;
  color: #FFFFFF;
}

.menu--menu-tableau-de-bord.nav > li > a svg {
  font-size: 70px;
  display: block;
  margin: 0 auto 10px auto;
}
.block-views-blockbreves-block-1 {
  margin-bottom: 50px;
  background: rgba(42, 124, 180, .8);
  padding: 20px;
}
.block-views-blockbreves-block-1 h2 {
  margin-top: 0;
  color: #FFF;
  font-weight: normal;
  font-size: 27px;
  margin-bottom: 10px;
}
.flexslider {
  border: 0;
  border-radius: 0;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
  color: #FFFFFF;
  text-align: justify;
}
.flexslider .views-field-title {
  font-weight: bold;
}
#block-chiffrescles strong, #block-chiffrescles-2 strong {
  float: right;
}


/* -------- login page --------- */
#user-login-form, #user-pass {
  border: 0;
  background-image: none;
  background: rgba(255, 255, 255, .8);
  border-radius: 0;
  padding: 20px;
  margin-top: 50px;
  min-height: 353px;
}
#user-login-form .form-item, #user-pass .form-item {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
#user-login-form .form-item label, #user-pass .form-item label {
  display: none;
}
p.login-title {
  background-color: transparent;
  color: #23527c;
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
  border-bottom: 1px solid #BBBBBB;
  padding-bottom: 5px;
  margin-bottom: 45px;
  line-height: 1.1;
  text-shadow: 0 0px white;
  text-transform: uppercase;
}
#user-login-form .actions-suffix {
  display: none;
}
#block-inscription {
  margin-top: 50px;
  text-align: justify;
}
#block-inscription h2.block-title {
  text-align: center;
  text-transform: uppercase;
}
#block-inscription h3 {
  font-size: 17px;
}
#block-inscription .btn {
  text-transform: uppercase;
}
#block-inscription .btn svg {
  margin-right: 10px;
}
.form-item-pass {
  display: block;
}
p.forgot-password {
  top: 0;
  text-align: right;
  display: block;
  margin-top: 10px;
}
#user-pass .form-actions, #user-login-form .form-actions {
  text-align: center;
  margin: 0;
}


/* ------ recherche -------- */
.recherche-wrapper {
  background: rgba(255, 255, 255, .7);
  padding: 5px;
}

.view-recherche .view-filters {
  overflow: hidden;
}
.view-recherche #vbo-action-form-wrapper {
  background: rgba(255, 255, 255, .7);
  padding: 15px;
  margin-top: 15px;
  font-size: 0.9em;
}
.view-recherche #vbo-action-form-wrapper .form-item-action label {
  display: none;
}
.view-recherche #vbo-action-form-wrapper .form-type-select {
  margin-bottom: 0;
  float: left;
  margin-right: 30px;
  z-index: 100;
}
.view-recherche #vbo-action-form-wrapper .form-type-checkbox {
  margin: 0;
}
.view-recherche #vbo-action-form-wrapper .form-select {
  width: 300px;
  display: inline-block;
}

.add-button a.btn {
  width: 100%;
  margin-bottom: 10px;
}
.view-filters .form-control {
  margin-bottom: 5px;
}
.view-filters .form-control,
.view-filters .form-select,
.view-filters .select-wrapper,
.view-filters .form-type-select,
.view-filters .form-type-date,
.encart .view-filters .input-group, .encart .view-filters .select-wrapper, .encart .view-filters .form-type-textfield .form-control, .encart .view-filters .field--type-datetime .container-inline {
  width: 100%;
}
.view-filters .form-actions,
.view-filters .form-actions .form-submit {
  width: 100%;
}
.view-filters .form-item-field-espece-target-id .input-group-addon {
  display: none;
}
.view-filters details {
  clear: both;
  margin-top: 15px;
}
.view-filters .form-actions {
  margin-top: 10px;
}

div[data-drupal-selector="edit-advanced"].panel-default {
  background-color: transparent;
  margin-top: 15px;
  border-radius: 0;
  border: 0;
}
div[data-drupal-selector="edit-advanced"].panel-default > .panel-heading {
  background-color: transparent;
  border: 0;
  color: #000000;
}
div[data-drupal-selector="edit-advanced"].panel-default > .panel-heading .panel-title {
  font-size: 13px;
  padding: 0;
  text-align: center;
}
div[data-drupal-selector="edit-advanced"].panel-default .panel-body {
  padding: 5px 0;
}

.geolocation-map-container .views-field-nothing {
  margin-top: 10px;
  text-align: right;
}
.geolocation-map-container .views-field-field-id-arbre {
  margin-bottom: 10px;
}

div[data-drupal-selector="edit-node-bulk-form"] {
  width: 250px;
  float: right;
}
div[data-drupal-selector="edit-node-bulk-form"] .form-type-select {
  width: 200px;
  display: inline-block;
}
.view .view-content div[data-drupal-selector="edit-actions"] {
  display: none;
}
.view div[data-drupal-selector="edit-node-bulk-form"] div[data-drupal-selector="edit-actions"] {
  width: 40px;
  display: inline-block;
}
.view th.views-field-edit-node a {
  display: none;
}


/* ----- import arbre ------ */
.arbre-import-form {
  background: rgba(255, 255, 255, .6);
  width: 60%;
  margin: 50px auto;
  padding: 30px;
}
.arbre-import-form .form-actions {
  margin-top: 30px;
}
.arbre-import-form .file {
  display: inline-block;
  width: 70%;
}
.arbre-import-form .form-managed-file button {
  float: right;
  vertical-align: top;
}
.arbre-import-form h3 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}


#calendar {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  padding: 15px;
}
.badge.evenement_calendrier, .badge.evenement_samu {
  display: inline-block;
  width: 10px;
  height: 14px;
  border-radius: 15px;
  background-color: #009ddf;
  margin-right: 5px;
}
.badge.evenement_samu {
  background-color: #870e0a;
}
.block-views-blockcalendrier-recherche-block-1 h2.block-title {
  margin-bottom: 20px;
  font-size: 18px;
  background-color: rgba(42, 124, 180, .9);
  color: #FFFFFF;
  padding: 10px 15px;
}
.block-views-blockcalendrier-recherche-block-1 {
  margin-top: 30px;
}


/* ----- general formulaires  -------- */
.encart label {
  display: inline-block;
  width: 28%;
  vertical-align: middle;
  font-weight: normal;
}
.encart .input-group,
.encart .select-wrapper,
.encart .form-type-textfield .form-control,
.encart .field--type-datetime .container-inline {
  display: inline-block;
  width: 70%;
}
.encart .field--type-boolean label {
  width: auto;
}
.encart .field--type-boolean, .encart .field-type-checkbox {
  display: inline;
}
.encart .input-group-addon {
  display: none;
}
.encart .form-control {
  border-radius: 0;
  border: 0;
  background-color: #FFFFFF;
  outline: 0;
}
.encart .form-control:focus {
  background-color: #E1E1E1;
  outline: 0;
}
.encart.panel {
  background: rgba(255, 255, 255, .6);
  border: 0;
  border-radius: 0;
  margin-bottom: 30px;
}
.horizontal-tabs-panes .horizontal-tabs-pane.encart {
  background: rgba(255, 255, 255, .6);
  padding: 30px;
}
div[data-drupal-selector="edit-group-conclusions"].encart.panel, .conclusions.encart.panel {
  background: rgba(51, 122, 183, .6);
}
.encart .panel-heading {
  background-color: #337ab7;
  color: #FFFFFF;
  border-radius: 0;
  text-transform: uppercase;
}
.encart.panel .panel {
  background-color: transparent;
  border-color: #BBBBBB;
  border-radius: 0;
  padding: 8px;
}
.encart.panel .panel .panel-heading {
  background-color: transparent;
  color: #000000;
  text-transform: none;
  border-color: #BBBBBB;
}
.encart.panel .panel .panel-body {
  padding: 10px 0 0 0;
}
.encart .panel-title {
  padding-top: 7px;
  padding-right: 7px;
}
.encart .form-group {
  margin-bottom: 10px;
}
.encart .field--name-field-geolocalisation .panel-heading {
  display:  none;
}
.encart .checkbox {
  float: left;
  margin: 0;
  padding-bottom: 2px;
}
.encart .checkbox label {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  margin-right: 2px;
  padding: 2px 4px;
}
.encart .checkbox label.active-label {
  background-color: #00a92c;
  color: #FFFFFF;
}
.encart .checkbox label input {
  display: none;
}
.page-node-type-arbre .tabs--primary {
  float: right;
}
.arbre-custom-form {
  clear: both;
}
article.arbre.full .horizontal-tabs-pane .field--label-inline .field--label {
  width: 150px;
}
article.arbre.full .field--name-field-irrig,
article.arbre.full .field--name-field-grille,
article.arbre.full .field--name-field-nichoir,
article.arbre.full .field--name-field-res-aerien,
article.arbre.full .field--name-field-prox-bat,
article.arbre.full .field--name-field-expertise,
article.arbre.full .field--name-field-eclairage,
article.arbre.full .field--name-field-bm-h {
  display: inline-block;
  float: left;
  margin-right: 2px;
  background-color: #CCCCCC;
  padding: 1px 2px;
  margin-bottom: 2px;
}
.field--name-field-cav-rc {
  clear: both;
}

nav[aria-label="Tabs"] {
  position: relative;
  z-index: 10;
}
article.full {
  z-index: 1;
}
article.arbre.full .field--name-field-photos .field--items .field--item {
  display: inline-block;
}
article.arbre.full .form-item-field-date-value-1-max label {
  display: none;
}
.views-field-edit-node a {
  display: inline-block;
  background: rgba(51, 122, 183, .6);
  color: #FFFFFF;
  border-radius: 30px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
.view-recherche .views-field-nid-1 a {
  font-size: 1.4em;
  color: #FF0000;
}
.views-field-edit-node a:hover {
  color: #2a6283;
}

/* node type evenement */
.modal-title {
  color: #870e0a;
}
.modal-body {
  overflow: hidden !important;
}
.modal-header .modal-header {
  padding: 0;
}
.fc-state-default.fc-corner-left, .fc-state-default.fc-corner-right {
  border-radius: 0;
}
.fc-state-default {
  background-image: none;
  background-color: #2a6283;
  color: #FFFFFF;
  margin-right: 1px;
  text-shadow: 0 0px 0px rgba(255,255,255,.75)
}
.fc-state-default.fc-state-active {
  background-color: #870e0a;
}
.fc-button-group button {

}
/* degueu */
.arbre-custom-form .form-type-vertical-tabs,
.evenement-custom-form .form-type-vertical-tabs,
.ticket-custom-form .form-type-vertical-tabs,
.intervention-custom-form .form-type-vertical-tabs,
.node-prestataire-form .form-type-vertical-tabs, .node-prestataire-edit-form .form-type-vertical-tabs,
.node-marche-form .form-type-vertical-tabs, .node-marche-edit-form .form-type-vertical-tabs {
  display: none;
}
.form-actions {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.evenement-custom-form .field--name-body .filter-wrapper {
  display: none;
}
article.evenement-calendrier .btn-danger {
  margin-top: 30px;
}

/* ---- interventions ------ */
.view-interventions .form-item-field-date-value-1-min label, .view-interventions .form-item-field-date-value-1-max label {
  font-weight: normal;
}
.view-interventions .form-item-field-date-value-1-max {
  margin-bottom: 15px;
}
.field--name-field-arbres table thead, .field--name-field-arbres .tabledrag-toggle-weight {
  display: none;
}
.field--name-field-arbres .table-striped > tbody > tr:nth-of-type(odd),
.field--name-field-arbres .table-striped > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}
.encart .field--name-field-arbres .form-group {
  margin-bottom: 0;
}
.encart .field--name-field-arbres .form-control:focus {
  background-color: #FAFAFA;
}
.form-item-map-nids {
  display: none;
}

/* ------ ticket ------- */
article.ticket.teaser {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  padding: 15px;
}
article.ticket.teaser h2 {
  text-align: right;
  margin-top: 0;
  font-size: 15px;
  color: #777777;
}
article.ticket.teaser h2 .date-submitted, article.ticket.teaser h2 .auteur-submitted {
  color: #337ab7;
}
article.ticket.teaser h2 div {
  display: inline;
}
article.ticket.teaser h3 {
  font-size: 18px;
  color: #337ab7;
  margin-top: 30px;
}
article.ticket.teaser .statut {
  float: left;
}
article.ticket.teaser .links {
  text-align: right;
  margin-bottom: 0;
}
article.ticket.teaser .node-readmore {
  color: #337ab7;
  background-color: #CCCCCC;
  margin-top: 15px;
}
article.ticket.teaser .field--name-field-descriptif {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
}
.view-header .btn-success {
  width: 100%;
  margin-bottom: 20px;
}
.admin-views .view-header .btn-success {
  width: auto;
}
.node-ticket-form .field--name-title {
  clear: both;
  width: 100%;
}
.node-ticket-form .field--name-title .form-control {
  width: 100%;
}

/* ----- marches ------- */
article.evenement-samu.teaser {
  background-color: #337ab7;
  padding: 15px;
  color: #FFFFFF;
}
article.evenement-samu.teaser h2, article.evenement-samu.teaser h2 a {
  color: #FFFFFF;
  font-size: 20px;
  margin-top: 0;
}
article.evenement-samu.teaser .field--name-body {
  margin-top: 5px;
  margin-bottom: 5px;
}
.field-collection-item--name-field-lots div {
  display: inline;
}

/* dernières requêtes */
#block-views-block-tb-dernieres-requetes-block-1 td {
  border-top: 0;
  border-bottom: 1px solid #337ab7;
}
#block-views-block-tb-dernieres-requetes-block-1 td a {
  color: #FFFFFF;
}

/* dernieres echeances */
.view-tb-prochaines-echeances .views-row {
  border-bottom: 1px solid #337ab7;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.footer {
  border-top: 0;
}

/* ------ test map --------- */
#map {
  width: 100%;
  height: 300px;
}

/* temporaire */
.fc-list-heading-alt {
  display: none;
}
.admin-views .view-filters .form-actions, .admin-views .view-filters .form-actions .form-submit {
  width: auto;
  margin-top: 0;
}
.admin-views .view-filters .form-control,
.admin-views .view-filters .form-select,
.admin-views .view-filters .select-wrapper,
.admin-views .view-filters .form-type-select,
.admin-views .view-filters .form-type-date {
  width: auto;
  max-width: 200px;
}
.admin-views .view-filters .form-type-date label {
  display: none;
}

/* -------- test leaflet -------- */
#mapid { height: 180px; }

/* ------- presentation ------- */
body.page-node-1439 .main-container, body.page-node-1440 .main-container, body.path-webform .main-container {
  background-color: #FFFFFF;
  padding: 30px;
  text-align: justify;
  font-size: 1.2em;
}
.content img {
  max-width: 100%;
}

/* --- nous contacter ------ */
.webform-submission-contact-form h2 {
  margin-bottom: 30px;
}
.webform-submission-contact-form #edit-intro {
  margin-bottom: 30px;
}
.webform-submission-contact-form .form-control {
  border-radius: 0;
  color: #000000;
}

/* ----- comptes clients  ------ */
.view-comptes .view-header, .admin-views .view-header {
  float: right;
}
.admin-views .view-filters.form-group {
  margin-bottom: 0;
}
article.client .field--name-field-logo {
  text-align: center;
}

/* ------- rapports -------- */
.rapport-form-wrapper {

}
.rapport-form-wrapper h1 {
  margin-top: 0;
}
.rapport-form-wrapper h3 {
  margin-top: 0;
  color: #23527c;
  font-size: 20px;
}
.rapport-form-wrapper .description {
  font-size: 1.2em;
  margin-top: 30px;
  margin-bottom: 30px;
}
.rapport-form-wrapper .rapport .inner {
  color: #23527c;
  background-color: #FFFFFF;
  padding: 20px;
  text-align: center;
}
.rapport-form-wrapper .rapport.rapport-custom .inner fieldset {
  text-align: left;
}
.rapport-form-wrapper .rapport .inner svg {
  font-size: 5em;
  margin: 13px 0;
}
