html,
body,
#app{
  min-height:100vh;
}

#app > main > .container{
  max-width:1400px !important;
  padding-top:25px;
  padding-bottom:35px;
}

.lifescan-header .lifescan-logo-container{
  display:flex;
  justify-content:center;
  margin-top:10px;
}

.lifescan-header .lifescan-logo-container .lifescan-logo-content{
  width:100%;
  max-width:250px;
}

.lifescan-header .lifescan-logo-container .lifescan-logo-content .lifescan-logo{
  width:250px;
  height:auto;
}

.lifescan-header .lifescan-logo-container .lifescan-logo-content .lifescan-tagline{
  margin-left:2px;
  margin-top:5px;
  font-weight:600;
  font-size:1.1rem;
  line-height:1;
}

.lifescan-header .lifescan-logo-container .lifescan-logo-content .lifescan-tagline .lifescan-tagline-item{
  margin-bottom:8px;
}

.lifescan-header .lifescan-logo-container .lifescan-logo-content .lifescan-tagline .lifescan-tagline-item-2nd{
  margin-left:39px;
}

.auth{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

.login-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:50px;
}

#login{
  height:auto;
  display:flex;
  align-items:center;
}

#login form{
  width:100%;
  max-width:330px;
  margin-top:0;
}

#login form input{
  text-align:center;
}

#login .login-header{
  position:relative;
  z-index:2;
  padding:15px 30px;
  color:white;
}

#login .card{
  margin-top:0;
}

#login .card .card-body{
  padding-top:1.5rem;
}

#login .card .card-body .button-group div{
  width:100px;
}

#login .card .card-footer{
  text-align:center;
}

#login .login-release,
#login .login-producer{
  background-color:white;
  padding:10px 20px;
  color:#4d4d4d !important;
}

.navbar .container{
  max-width:1400px !important;
}

.navbar a.navbar-brand:hover,
.navbar a.navbar-brand:focus{
  box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.2) inset !important;
}

.navbar ul li.nav-item.btn-group,
.navbar ul li.nav-item.dropdown{
  transition:box-shadow 0.2s ease;
}

.navbar ul li.nav-item.btn-group:hover,
.navbar ul li.nav-item.dropdown:hover{
  box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.2) inset !important;
}

@media (max-width: 767.98px){
  .navbar-expand-md > .container{
    padding-left:0.5rem !important;
    padding-right:0.5rem !important;
  }
}

.background-fixed{
  position:fixed;
  z-index:-9;
  width:100vw;
  height:100vh;
  background:#f7f7f7;
}

.otr-bg-color-primary{
  background:#f7f7f7;
}

.otr-bg-color-primary-reverse{
  background:#f7f7f7;
}

.otr-text-primary{
  color:#303293 !important;
}

.otr-text-secondary{
  color:#d62f83 !important;
}

.otr-text-dark{
  color:#4d4d4d !important;
}

.otr-btn-primary{
  background-image:#f7f7f7;
  box-shadow:rgba(60, 66, 87, 0.12) 0px 7px 14px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px;
  color:#303293 !important;
}

.otr-btn-primary:focus,
.otr-btn-primary:hover{
  box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.2) inset !important;
  color:#d62f83 !important;
}

.fa-gitlab{
  color:#e65328;
}

.pagination{
  margin-bottom:0;
}

.pagination .page-item.active .page-link{
  background-color:#d62f83 !important;
  border-color:#d62f83 !important;
}

.pagination .page-item:not(.active) .page-link{
  color:#d62f83 !important;
}

.otr-shadow{
  box-shadow:rgba(60, 66, 87, 0.12) 0px 7px 14px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px !important;
}

.otr-pt-cursor{
  cursor:pointer;
}

.modal-dialog{
  margin-top:150px;
}

.modal-dialog .modal-body{
  background-color:ghostwhite;
}

.select2-selection,
.select2-dropdown,
.select2-search__field{
  border:none !important;
  box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  border-radius:0 0 0.3rem 0.3rem !important;
}

.select2-selection{
  border-radius:0.3rem !important;
}

.cardviewer-bloc{
  position:relative;
  overflow:hidden;
  width:100%;
  height:530px;
}

.cardviewer-bloc .cardviewer-info,
.cardviewer-bloc .cardviewer-stats{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  transition:left 0.2s ease-in-out;
  -webkit-transition:left 0.2s ease-in-out;
  -moz-transition:left 0.2s ease-in-out;
  -o-transition:left 0.2s ease-in-out;
}

.cardviewer-bloc .cardviewer-info .card-header,
.cardviewer-bloc .cardviewer-stats .card-header{
  padding-top:1.5rem;
}

.cardviewer-bloc .cardviewer-info{
  left:0;
}

.cardviewer-bloc .cardviewer-info.move-to-left{
  left:-100%;
}

.cardviewer-bloc .cardviewer-stats{
  left:110%;
}

.cardviewer-bloc .cardviewer-stats.move-to-left{
  left:0;
}

.badge-cardviewer{
  font-size:0.8rem;
}