@charset "UTF-8";
div.zone {
  clear: both; }

div.zone h3 {
  padding-top: 1em; }

div.service-block {
  background-position: 1em 1em;
  background-repeat: no-repeat; }

div.authentic-block {
  background-image: url(icons/roles.large.png); }

div.wcs-block {
  background-image: url(../img/icon-webforms.png); }

div.passerelle-block {
  background-image: url(icons/connector.large.png); }

div.combo-block {
  background-image: url(icons/portal.large.png); }

div.chrono-block {
  background-image: url(icons/calendar.large.png); }

p.being-deployed {
  background: url(indicator.gif) no-repeat;
  padding-left: 2em; }

a.delete-service, a.delete-variable, a.delete-tenant {
  float: right;
  text-decoration: none; }

a.delete-service:after, a.delete-variable:after, a.delete-tenant:after {
  font: normal 1.5em FontAwesome;
  content: "\f057"; }

.right {
  float: right; }

.required {
  position: relative; }

.required label:after {
  content: '*';
  color: #f00;
  position: absolute;
  top: 0; }

ul.login li {
  list-style-type: none;
  margin: .5em auto; }

ul.login li ul.errorlist {
  margin-left: 10em; }

ul.login label {
  float: left;
  width: 10em; }

p.hint::before {
  content: "\f05a ";
  font-family: FontAwesome; }

p.hint {
  color: #aaa; }

span.handle {
  cursor: move;
  display: inline-block;
  padding: 0.5ex;
  text-align: center;
  width: 1em; }

div#themes-list {
  -moz-column-width: 20em;
  -webkit-column-width: 20em;
  column-width: 20em; }

div.objects-list > div {
  padding: 1ex;
  border: 1px solid #bcbcbc;
  border-collapse: collapse;
  margin-top: -1px;
  background: white; }

div#attributes-list > div {
  padding-left: 0; }

div#attributes-list > div:hover {
  background: #f0f0f0; }

div.objects-list > div.disabled {
  color: #aaa; }

span.extra-info {
  font-size: 80%;
  color: #aaa; }

div#attributes-list a {
  float: right; }

h4.custom-variables {
  cursor: pointer; }

h4.custom-variables:after {
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 1ex;
  color: #999;
  transition: color 0.2s ease; }

h4.custom-variables:hover:after {
  color: inherit; }

h4.custom-variables.toggled:after {
  content: "\f107"; }

h4.untoggled + div {
  display: none; }

div.objects-list > div > label {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-left: 20px solid white;
  min-height: 20px;
  padding-left: 2ex; }

div.objects-list > div > label > input[type=radio] {
  margin-right: 1.5ex; }

div.buttons {
  margin: 1em 0; }

.services {
  grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
  display: grid;
  grid-gap: 1rem; }
  @media screen and (min-width: 1300px) {
    .services {
      grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr)); } }
  .services .service-card {
    box-sizing: border-box;
    background: white;
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 10px; }
    .services .service-card .menu-opener {
      float: right; }
      .services .service-card .menu-opener .actions > * {
        margin-left: 0; }
    .services .service-card .service-infos {
      border: none;
      width: auto;
      padding: 0 1ex; }
      .services .service-card .service-infos .service-anchor {
        color: #3c3c33; }
      .services .service-card .service-infos h4 {
        margin-bottom: 0px; }
      .services .service-card .service-infos ul {
        padding-left: 1em;
        margin-top: 0px; }
    .services .service-card .service-title {
      margin-top: 0.5rem; }
    .services .service-card .service-label {
      font-weight: normal;
      font-size: 90%;
      word-break: break-all; }
      .services .service-card .service-label .service-url {
        font-size: 80%;
        font-weight: normal;
        color: #003388;
        word-break: break-word; }
    .services .service-card:hover {
      color: #3c3c33; }
      .services .service-card:hover .service-url {
        border-bottom: 1px dotted #003388; }
    .services .service-card.op-ok {
      border-color: #00b000; }
    .services .service-card.op-nok {
      border-color: #b00000; }
    .services .service-card .service-status-items {
      margin-bottom: 0.5rem; }
      .services .service-card .service-status-items span {
        margin-right: 1rem; }
    .services .service-card span.op-ok::before {
      font-family: FontAwesome;
      content: "\f058";
      /* check-circle */
      display: inline-block;
      width: 1.5rem;
      color: #00b000; }
    .services .service-card span.op-nok::before {
      font-family: FontAwesome;
      content: "\f057";
      /* times-circle */
      display: inline-block;
      width: 1.5rem;
      color: #b00000; }
    .services .service-card .sec-NaN {
      color: #666; }
    .services .service-card .security::before {
      font-family: FontAwesome;
      content: "\f05a";
      /* info-circle */
      display: inline-block;
      width: 1.5rem;
      color: #ffc000; }
    .services .service-card .security.sec-1::before {
      color: #00b000; }
    .services .service-card .security.sec-0::before {
      color: #00b000;
      content: "\f058";
      /* check-circle */ }

textarea#id_tracking_js,
textarea#id_tracking_js_backoffice {
  width: 100%; }

ul#id_scopes,
ul#id_scopes li {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-column-width: 20em;
  -webkit-column-width: 20em;
  column-width: 20em; }

#id_meta_description,
#id_meta_keywords,
#id_meta_robots {
  width: 100%; }

#id_authors {
  height: 4em; }

.application-elements {
  max-height: 40vh;
  overflow-y: scroll; }
  .application-elements label {
    display: block;
    max-width: 40em; }
  .application-elements .application-elements--in-app-icon::before {
    content: "\f0ec";
    /* fa-exchange */
    font-family: FontAwesome;
    width: 1.2em;
    display: inline-block; }

#application-empty {
  background: url(build-application.svg) bottom right no-repeat;
  background-size: auto 90%;
  width: 100%;
  height: 80vh; }

#no-applications {
  background: url(applications.svg) bottom center no-repeat;
  background-size: auto 90%;
  width: 100%;
  height: 80vh; }

#applications {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #applications .application {
    background: white;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: calc(50% - 0.5em);
    max-width: calc(50% - 0.5em);
    color: #3c3c33;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    padding: 0 1em; }
    #applications .application h3 {
      margin-top: 1em; }
      #applications .application h3 img {
        vertical-align: middle; }
    #applications .application p {
      flex: 1; }
    #applications .application .buttons {
      justify-content: flex-end; }
    #applications .application--editable {
      background-position: right -100px bottom -100px;
      background-repeat: no-repeat;
      background-size: 200px;
      background-image: url(../img/app-gear.svg); }

h2.application-title img {
  vertical-align: middle; }

ul.objects-list.application-content span.tag-error {
  background: #CD2026; }

ul.objects-list.single-links li a.link::before {
  content: "\f08e";
  /* fa-external-link  */ }

ul.objects-list.single-links li a.origins::before {
  content: "\f022";
  /* fa-list-alt  */ }

ul.objects-list.single-links li a.config::before {
  content: "\f0ad";
  /* wrench  */ }

ul.objects-list.single-links li a.config {
  padding-right: 1.4em;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  background-position: top 50% right 1em;
  background-image: none; }
  ul.objects-list.single-links li a.config.marker {
    background-image: radial-gradient(closest-side, #f64474 100%, transparent); }

ul.objects-list.single-links li a.delete + .origins, ul.objects-list.single-links li a.delete + .config, ul.objects-list.single-links li a.origins + .config {
  margin-right: 3em; }

#versions .version {
  background: white;
  color: #3c3c33;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 0 1em; }
  #versions .version h3 {
    margin-top: 1em; }
  #versions .version p span {
    font-size: 1rem;
    opacity: 0.6;
    font-weight: normal; }
  #versions .version .buttons {
    justify-content: flex-end; }
    #versions .version .buttons .button {
      margin-left: 1em; }

p.version-description {
  font-size: 80%;
  margin: 0; }

table.diff {
  background: white;
  border: 1px solid #f3f3f3;
  border-collapse: collapse;
  width: 100%; }
  table.diff colgroup, table.diff thead, table.diff tbody, table.diff td {
    border: 1px solid #f3f3f3; }
  table.diff tbody tr:nth-child(even) {
    background: #fdfdfd; }
  table.diff th, table.diff td {
    max-width: 30vw;
    /* it will not actually limit width as the table is set to
		 * expand to 100% but it will prevent one side getting wider
		 */
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top; }
  table.diff .diff_header {
    background: #f7f7f7; }
  table.diff td.diff_header {
    text-align: right;
    padding-right: 10px;
    color: #606060; }
  table.diff .diff_next {
    display: none; }
  table.diff .diff_add {
    background-color: #aaffaa; }
  table.diff .diff_chg {
    background-color: #ffff77; }
  table.diff .diff_sub {
    background-color: #ffaaaa; }

div.app-parameters--values label {
  display: block;
  font-weight: bold; }

#theme-filter {
  margin-bottom: 1em; }

#security-settings textarea {
  width: 100%; }

#security-settings .default-policy {
  background: lightgray;
  padding: 0.3ex 0.3ex; }

#security-settings .csp-reports--source a {
  word-break: break-all; }

#security-settings .csp-reports--directive {
  white-space: pre; }