.maintenance-page{
  min-height:100%;
  background-color:#e0e0d8;
  background-image:radial-gradient(#e5e6e6, #f2f2f3);
  background-repeat:repeat;
  background-position:left top, 50% 50%;
}

[dir="rtl"] .maintenance-page{
  background-position:right top, 50% 50%;
}

.page-title{
  word-wrap:break-word;
  color:#0074bd;
  font-size:2em;
  line-height:1.2em;
}
@media all and (max-width: 48em){
  header[role="banner"]{
    position:relative;
  }
  .step-indicator{
    position:absolute;
    top:0.2em;
    right:0.5em;
    display:block;
    font-size:1.385em;
  }
  [dir="rtl"] .step-indicator{
    right:auto;
    left:0.5em;
  }
  .task-list{
    display:none;
  }
}

@media all and (min-width: 48em){
  .step-indicator{
    display:none;
  }
  .task-list{
    margin-left:0;
    padding-bottom:1em;
    padding-left:0;
    list-style-type:none;
  }
  [dir="rtl"] .task-list{
    margin-right:0;
    padding-right:0;
  }
  .task-list li{
    padding:0.5em 1em 0.5em 3.85em;
    color:#1a1a1a;
  }
  [dir="rtl"] .task-list li{
    padding:0.5em 3.85em 0.5em 1em;
  }
  .task-list .is-active{
    position:relative;
    background:#ebeae4;
    font-weight:normal;
  }
  .task-list .is-active:after{
    position:absolute;
    top:50%;
    left:100%;
    width:0;
    height:0;
    margin-top:-1.269em;
    content:" ";
    pointer-events:none;
    border:solid transparent;
    border-width:1.269em;
    border-color:rgba(235, 234, 228, 0);
    border-left-color:#ebeae4;
  }
  [dir="rtl"] .task-list .is-active:after{
    right:100%;
    left:auto;
    border-right-color:#ebeae4;
    border-left-color:transparent;
  }
  .task-list .done{
    color:#adadad;
  }
}
.layout-container{
  width:auto;
  margin-right:1.25em;
  margin-left:1.25em;
  background:#fff;
}

.layout-container:after{
  display:table;
  clear:both;
  content:"";
}

@media all and (max-width: 48em){
  .layout-container{
    margin:1.25em;
    padding:10px 20px;
  }
  .page-title{
    margin-right:2em;
    margin-bottom:0.725em;
  }
  [dir="rtl"] .page-title{
    margin-right:0;
    margin-left:2em;
  }
}

@media all and (min-width: 48em){
  html{
    display:table;
  }
  .install-page,
  .maintenance-page{
    display:table-cell;
    padding:1em 0;
    vertical-align:middle;
  }
  html,
  .install-page,
  .maintenance-page{
    width:100%;
    height:100%;
    margin:0;
  }
  .layout-container{
    width:75%;
    max-width:770px;
    margin:0 auto;
    padding:20px 0 40px 0;
    border-radius:5px;
    box-shadow:0 6px 12px rgba(0, 0, 0, 0.15);
  }
  main{
    float:left;
    clear:none;
    box-sizing:border-box;
    width:65%;
    padding-right:3.85em;
    padding-left:3.85em;
  }
  [dir="rtl"] main{
    float:right;
  }
  ul{
    margin:0.25em 0;
    padding:15px;
  }
  [dir="rtl"] ul{
    margin-right:0;
  }
  .layout-sidebar-first{
    float:left;
    width:35%;
  }
  [dir="rtl"] .layout-sidebar-first{
    float:right;
  }
  .page-title{
    margin:0.75em 1.9em;
  }
}
.system-status-report__status-title{
  float:none;
  width:100%;
}

.system-status-report__entry__value{
  float:none;
  width:100%;
  padding-top:0;
  padding-left:3em;
}

[dir="rtl"] .system-status-report__entry__value{
  padding-right:3em;
  padding-left:1em;
}