/**** Components Node for unpublished content *****/
/* Note that drupal-bootstrap-not-cdn.min.css sets the background-color to #fff4f4 for body.is-unpublished */

body.user-logged-in .view-content tr.published-no {
  background-color: pink;
  border: 3px solid red;
  overflow: hidden;
}

body.user-logged-in .view-content tr.published-no.pending-draft {
  background-color: #ffeca9;
  border: 3px solid orange;
  overflow: hidden;
}

body.user-logged-in .view-content table.dataTable {
  border-collapse: collapse;
  overflow: hidden;
}

.views-row.published-no h1,
.views-table tr.published-no h1 {
  background-color: pink;
}

.views-row.published-no,
.views-table tr.published-no {
  background-color: pink;
  border: 3px solid hotpink;
}

/* body.user-logged-in .view-content tr.published-no.archived,
body.user-logged-in .view-content tr.published-no.archivée,
body.user-logged-in .view-content tr.published-no.archivé
{
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
  overflow: hidden;
} */

/* .views-table tr.published-no.archived,
.views-table tr.published-no.archivé {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
} */

/* Unpublished revision pending to overwrite the published revision */
/* .views-row.published-no.Archived,
.views-table tr.published-no.Archived,
.views-row.published-no.archived,
.views-table tr.published-no.archived,
.views-row.published-no.Archivé,
.views-table tr.published-no.Archivé,
.views-row.published-no.archivé,
.views-table tr.published-no.archivé {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
} */

/* .views-row.published-no.Archived h1,
.views-table tr.published-no.Archived h1,
.views-row.published-no.archived h1,
.views-table tr.published-no.archived h1,
.views-row.published-no.Archivé h1,
.views-table tr.published-no.Archivé h1 {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
} */

/* Unpublished revision pending to overwrite the published revision */
.views-row.published-no.pending-draft,
.views-table tr.published-no.pending-draft {
  background-color: #ffeca9;
  border: 3px solid orange;
}

.views-row.published-no.pending-draft h1,
.views-table tr.published-no.pending-draft h1 {
  background-color: #ffeca9;
  border: 3px solid orange;
}

body.user-logged-in.published-no article {
  background-color: pink;
  border: 3px solid hotpink;
}

body.user-logged-in.published-no article div.region-header h1,
body.user-logged-in.published-no main > h1,
body.user-logged-in.published-no main h1#wb-cont
{
  background-color: pink;
  border: 3px solid hotpink;
}

/* The following code will override the body.is-unpublished background-color that drupal sets by default */
body.is-unpublished {
  background-color: white;
}

/* Unpublished revision pending to overwrite the published revision */
body.user-logged-in.published-no.pending-draft article
{
  background-color: #ffeca9;
  border: 3px solid orange;
}

body.user-logged-in.published-no.pending-draft div.region-header h1,
body.user-logged-in.published-no.pending-draft h1#wb-cont,
body.user-logged-in.published-no.pending-draft main > h1
{
  background-color: #ffeca9;
  border: 3px solid orange;
}

/* body.user-logged-in[class*='archiv'] article {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
} */

/* body.user-logged-in[class*='archiv'] div.region-header h1,
body.user-logged-in[class*='archiv'] h1#wb-cont,
body.user-logged-in[class*='archiv'] main > h1
{
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
} */

div.alert.alert-success.access_unpublished {
  margin-bottom: 5px;
  margin-top: 5px;
}

div.alert.alert-success.access_unpublished span.glyphicon-copy::before {
  font-size: x-large;
  margin-left: 10px;
  position: absolute;
  bottom: -4px;
}

#wb-sec .list-group a.is-active.list-group-item[href] {
  background-color: #243850;
  color: #ccc;
}

body.node-add select#edit-layout-selection.form-element,
body.node-add select#edit-layout-selection-etuf-fr.form-element,
body.node-edit select#edit-layout-selection-etuf-fr.form-element,
body.node-edit select#edit-layout-selection.form-element
{
  color: #82828c;
  border-color: #bababf;
  background-color: #f2f2f3;
  box-shadow: none;
  -webkit-text-fill-color: #82828c;
  cursor: not-allowed;
  pointer-events: none;
}


body.admin-content div.form-item--created-min,
body.admin-content div.form-item--changed-min,
body.admin-content div.form-item--created-max,
body.admin-content div.form-item--changed-max {
  max-width: 130px;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

article.align-left figure div.field--type-image img {
  margin-right: 15px;
}

article.align-right figure div.field--type-image img {
  margin-left: 15px;
}

html:lang(en) body.anonymous.published-no main .field--name-body::before {
  content: "Draft Version";
}

html:lang(fr) body.anonymous.published-no main .field--name-body::before {
  content: "En brouillon";
}

html:lang(en) body.anonymous.published-no main .field--name-body::before,
html:lang(fr) body.anonymous.published-no main .field--name-body::before {
  margin-left: 3em;
  margin-top: 2.5em;
  position: fixed;
  transform: rotate(-45deg);
  color: #ccc;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  font-size: 400%;
  opacity: 0.6;
  z-index: 1;
  font-weight: bold;
  text-shadow: 2px 2px #666;
} 

html:lang(en) body.anonymous.pending-draft main .field--name-body::before {
    content: "Pending Draft";
}

html:lang(fr) body.anonymous.pending-draft main .field--name-body::before {
  content: "Brouillon en attente";
}

html:lang(en) body.anonymous.pending-draft main .field--name-body::before,
html:lang(fr) body.anonymous.pending-draft main .field--name-body::before {
  margin-left: 3em;
  margin-top: 2.5em;
  position: fixed;
  transform: rotate(-45deg);
  color: #ccc;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  font-size: 400%;
  opacity: 0.6;
  z-index: 1;
  font-weight: bold;
  text-shadow: 2px 2px #666;
}

body.anonymous.published-no #wb-info,
body.anonymous.pending-draft #wb-info {
  z-index: 0;
}