/*
    openSUSE Welcome - A welcome utility
    Copyright (C) 2019  Carson Black
    Copyright (C) 2019  Stasiek Michalski

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/
.keep-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

body,html {
 min-height:100vh
}
body {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-flow:column;
 flex-flow:column
}
#content {
 margin-bottom:auto!important
}

.splash {
  background-color: #73ba25;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2000;
  pointer-events: none;
}
.splash img {
  width: 200px;
  margin: auto;
  display: block;
  -webkit-animation:unblur 1.5s linear;
  animation:unblur 1.5s linear;
  filter: blur(0px);
}

@keyframes unblur {
 0% {
  filter: blur(10px);
 }
 100% {
  filter: blur(0px);
 }
}
.btn-sm i {
    color: white;
}
.breadcrumb-item i {
    color: gray;
}
.de-help, .de-footer {
    display: none;
}
.de-help.current, .de-footer.current {
    display: block;
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.alert.alert-info.text-truncate.text-center {
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
#live {
    display: none;
}
#live.active {
    display: initial;
}
a.news-link:not([href]):not([tabindex]) {
    color: #00a489;
}
a.news-link:hover {
    cursor: pointer;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}
.centerwrap {
    display: flex;
    justify-content: center;
}
table {
    border: 10px solid transparent;
    border-collapse: separate;
    border-spacing: 10px;
    text-align: center;
}
table img {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
    cursor: pointer;
}
table img.noshadow {
    max-width: 100%;
    height: auto;
    box-shadow: none;
}