/* Misc */
input, select, textarea {
}

/* Process */

.process-flow {
 padding: 20px 0 20px 0;
 text-align: center;
}

.process-step {
 min-height: 500px; /* TODO: temporary */
}

.process-cl-topic {
 margin-bottom: 20px;
}

 .process-cl-topic > .title {
  font-size: 130%;
  margin-bottom: 10px;
 }

.process-cl-entry {
 font-size: 110%;
 margin-bottom: 10px;
 margin-left: 30px;
}

 .process-cl-entry > .title {
 }

 .process-cl-entry > .details {
  margin-top: 5px;
  font-size: 80%;
  font-style: italic;
  display: block;
  margin-left: 35px;
 }

  .process-cl-entry > .details.ok {
   color: #73AE42;
  }

  .process-cl-entry > .details.ko {
   color: #AC4201;
  }

 .process-cl-entry.ok > .details.ok {
  display: inherit;
 }

 .process-cl-entry.ok > .details.ko {
  display: none;
 }

 .process-cl-entry.ko > .details.ok {
  display: none;
 }

 .process-cl-entry.ko > .details.ko {
  display: inherit;
 }

.process-cl-list span.title {
 cursor: pointer;
}

.process-cl-check {
 display: inline-block;
 height: 16px;
 width: 16px;
 margin-right: 10px;
 border: 1px solid #E0E0E0;
 cursor: pointer;
}

 .process-cl-check.legend {
  cursor: initial;
  margin-right: 3px;
  height: 10px;
  border: 1px solid;
  width: 10px;
 }

 .process-cl-check.mandatory {
  border-color: #DE0000;
 }

 .process-cl-check.optional {
  border-color: #20846A;
 }

 .process-cl-check.ok {
  background-color: #73AE42;
  border-color: #73AE42;
 }

 .process-cl-check.ko {
  background-color: #AC4201;
  border-color: #AC4201;
 }

.process-files {
 border: 1px solid #E0E0E0;
 padding: 20px;
 font-size: 110%;
}

/* Stats */

.stats {
 margin-bottom: 20px;
}

 .stats * {
 }

 .stats .stat {
  display: inline;
  margin-right: 20px;
 }

  .stats .stat .value {
   font-size: 150%;
  }

/* Structured tree */

.stree {
 position: relative;
}

 .stree * {
 }

.stree-item {
 position: relative;
 border: 1px solid #E0E0E0;
 background-color: #FAFAFA;
 padding: 5px;
 margin-bottom: 10px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
 align-items: baseline;
}

.stree-item.link {
 cursor: pointer;
}

 .stree-item h1 a, .stree-item h2 a, .stree-item h3 a {
  text-decoration: none;
 }

 .stree-item .toolbar {
  right: 5px;
  top: 5px;
 }

 .stree-item .title {
  font-family: Segoe UI;
  color: #20846A;
  margin-right: 30px;
 }

  .stree-item .title .details {
   font-style: italic;
   font-size: 80%;
  }

 .stree-item.l1 {
 }

  .stree-item.l1 .title {
   font-size: 130%;
  }

 .stree-item.l2 {
  margin-left: 40px;
 }

  .stree-item.l2 .title {
   font-size: 110%;
  }

 .stree-item .property {
  margin-right: 20px;
  margin-top: 10px;
 }

  .stree-item .property .value {
   font-size: 120%;
  }
/* Document list */

.document-widget-files {
 /*max-height: 400px;*/
 border: 1px solid #E0E0E0;
 padding: 5px;
 margin-bottom: 30px;
}

.documents .dlist {
 font-size: 80%;
}

.documents .message{
 text-align: center;
}

.dlist {
 margin-top: 10px;
 margin-bottom: 10px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
 justify-content: space-between;
}

 .dlist.small {
  font-size: 80%;
 }

 .dlist * {
 }

.dlist-title {
 font-family: Segoe UI;
 font-size: 130%;
 margin: 3px 0 3px 0;
}

.dlist-entry {
 width: 48%;
 border: 1px solid #E0E0E0;
 background-color: #FAFAFA;
 padding: 5px;
 margin-bottom: 10px;
 padding-left: 40px;
 background-position: 5px 10px;
 position: relative;
}

.dlist-entry .toolbar .tool {
  border-left-style: none;
  margin-left: 0px;
 }

.dlist.small .dlist-entry {
 width: 100%;
 background-position: 5px 10px;
 padding-left: 26px;
}

.dlist-properties {
 margin-top: 5px;
 font-size: 90%;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
 justify-content: space-between;
 align-items: baseline;
}

 .dlist-properties .dlist-author {
  font-size: 110%;
  flex: 1;
  margin-right: 20px;
 }

 .dlist-properties .dlist-date {
  margin-right: 10px;
 }

 .dlist-properties .dlist-size {
  margin-right: 10px;
 }

 .dlist-properties .dlist-version {
  font-style: italic;
 }

 .dlist-properties .dlist-link {
  margin-right: 10px;
  font-style: italic;
 }

.dlist-doc {
 background-image: url(../img/icons/doc.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-doc {
 background-image: url(../img/icons/doc.16x16.png);
 background-repeat: no-repeat;
}

.dlist-xls {
 background-image: url(../img/icons/xlsx.1.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-xls {
 background-image: url(../img/icons/xlsx.1.16x16.png);
 background-repeat: no-repeat;
}

.dlist-ppt {
 background-image: url(../img/icons/pptx.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-ppt {
 background-image: url(../img/icons/pptx.16x16.png);
 background-repeat: no-repeat;
}

.dlist-pdf {
 background-image: url(../img/icons/pdf.17.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-pdf {
 background-image: url(../img/icons/pdf.17.16x16.png);
 background-repeat: no-repeat;
}

.dlist-zip {
 background-image: url(../img/icons/zip.5.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-zip {
 background-image: url(../img/icons/zip.5.16x16.png);
 background-repeat: no-repeat;
}

.dlist-other {
 background-image: url(../img/icons/page.15.24x24.png);
 background-repeat: no-repeat;
}

.dlist.small .dlist-other {
 background-image: url(../img/icons/page.15.16x16.png);
 background-repeat: no-repeat;
}

.dlist-txt {
    background-image: url(../img/icons/text-document.24x24.png);
    background-repeat: no-repeat;
}

.dlist.small .dlist-txt {
    background-image: url(../img/icons/text-document.16x16.png);
    background-repeat: no-repeat;
}

.dlist-email {
    background-image: url(../img/icons/e-mail-envelope.24x24.png);
    background-repeat: no-repeat;
}

.dlist.small .dlist-email {
    background-image: url(../img/icons/e-mail-envelope.16x16.png);
    background-repeat: no-repeat;
}

.dlist-picture {
    background-image: url(../img/icons/picture.24x24.png);
    background-repeat: no-repeat;
}

.dlist.small .dlist-picture {
    background-image: url(../img/icons/picture.16x16.png);
    background-repeat: no-repeat;
}

/* History feed */

table.history {
 width: 100%;
    font-size: 100%;
    border-collapse: collapse;
    background-color: White;
}

.hfeed {
}

 .hfeed * {
 }

.hfeed-entry {
 margin-bottom: 30px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
}

.hfeed-user {
 /*margin-right: 2%;*/
 text-align: right;
 padding-left: 5px;
 padding-right: 19px;
 border-right: 1px solid #E0E0E0;
}

 .hfeed-user .date, .hfeed-user .time {
  font-size: 90%;
 }

.hfeed-action {
 width: 80%;
 padding-left: 15px;
 background-position: 0 5px;
}

 .hfeed-action h2 {
  border-bottom: none;
  padding: 5px;
  margin-bottom: 3px;
  font-size: 110%;
  color: White;
 }

.hfeed-details {
 font-style: italic;
}

.hfeed-action-img  {
 background-image: url(../img/icons/speech-bubble.63.24x24.png);
 background-repeat: no-repeat;
 width: 24px;
 position:relative;
 margin-top: 2%;
 margin-left : 10px;
}

.hfeed-message h2 {
 background-color: #5B9BD5;
}

.hfeed-document .hfeed-action-img {
 background-image: url(../img/icons/file.129.24x24.png);
 background-repeat: no-repeat;
 width: 24px;
}

.hfeed-document h2 {
 background-color: #42829E;
}

.hfeed-status .hfeed-action-img  {
 background-image: url(../img/icons/right.244.24x24.png);
 background-repeat: no-repeat;
 width: 24px;
}

.hfeed-status h2 {
 background-color: #625986;
}

/* Left tree *****************************/

.ltree {
 border-right: 2px solid #E0E0E0;
 padding-right: 10px;
 position: relative; /* For toolbars */
 height: 100%;
 line-height: 20px;
}

.ltree a {
 text-decoration: none;
}

.ltree-section {
 position: relative; /* For toolbars */
 border: solid 1px inherit;
}

.ltree-section .toolbar {
}

.ltree-section .tool {
 border-style: none;
}

.ltree-title {
 font-family: Segoe UI;
 color: #20846A;
 padding: 3px;
 text-transform: uppercase;
 display: block;
}

.ltree-item {
 font-family: Segoe UI;
 padding: 2px;
 margin: 2px 0 0 0;
}

.ltree-child {
 display: inline-block;
 width: 10px;
 height: 12px;
 vertical-align: baseline;
 background-image: url(../img/tree-child.png);
 background-position: 2px -7px;
 background-repeat: no-repeat;
 margin-right: 5px;
}

.ltree-item--main, .ltree-item--main a {
 text-decoration: underline !important;
}

.ltree-item--selected {
 border: solid 1px #20846A;
 border-style: dotted;
}

.ltree-item--l1 {
 font-size: 90%;
}

.ltree-item--l2 {
 font-size: 90%;
 margin-top: 1px;
 padding-left: 25px;
}

.ltree-item--l3 {
 font-size: 90%;
 margin-top: 1px;
 padding-left: 40px;
}

.ltree-item-detail {
 font-style: italic;
 font-size: 80%;
 padding-left: 5px;
}

.ltree .message {
 text-align: left;
 font-size: 90%;
 font-style: italic;
 padding: 5px;
}