/* SPIRI CUSTOMIZATIONS */

html, body {
    font-size: 14px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #f1f2f7 !important;
    color: #333 !important;
}

nav.navbar img[src="/static/common/logos/logo_llng_400px.png"],
nav.navbar img[src="/static/common/logos/logo.png"] { height: 34px !important;  margin-right: 20px !important; }
nav.bg-light { background-color: rgba(255,255,255,0.9) !important; }

.langicon { display: none; }

.fa {
  font-size: 18px;
  font-family: "FontAwesome" !important;
  font-weight: 400 !important;
}
.fa-home { color: #fff; }
nav .fa-home { color: #666; }
.fa-user-circle-o { color: #507193; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h5 { font-size: 1.13rem; }
h4 { font-size: 1.0rem; }

.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

.ui-state-active { background-color: transparent !important; }

div.message.message-positive.alert.alert-success { display: none !important; }
div.message.message-warning.alert.alert-warning { text-align: center !important; }
form.login button.btn.btn-success { text-transform: uppercase; }

.border-secondary {
  border-color: transparent;
}

#sort_1 .card-header { background-color:#1662b8 !important; }
#sort_2 .card-header { background-color:#9d5475 !important; }
#sort_3 .card-header { background-color:#eea236 !important; }
#sort_4 .card-header { background-color:#488caf !important; }
#sort_5 .card-header { background-color:#d43f3a !important; }
#sort_6 .card-header { background-color:#4cae4c !important; }
#sort_7 .card-header { background-color:#9140c9 !important; }
#sort_8 .card-header { background-color:#496794 !important; }
#sort_9 .card-header { background-color:#9a5e17 !important; }
#sort_10 .card-header { background-color:#9a1928 !important; }
#footer-info { margin: 60px auto; text-align: center; }
#footer { background-color: transparent !important; padding: 0 20px; }

div#password div.card.border-secondary,
div#loginHistory div.card.border-secondary,
div#logout div.card.border-secondary {
  border: 0px solid rgba(0,0,0,.125);
}

.card-header {
  padding: .5rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 0px solid rgba(0,0,0,.125);
}

.catname.card-title,
div#password h4.card-title,
div#loginHistory h4.card-title,
div#logout h4.card-title  {
  text-transform: uppercase;
  font-size: 1.0rem;
  font-weight: 700;
  margin-bottom: unset;
 }

div.category { margin: 20px 0; border: 0px; }
div.application:hover { background-color: rgba(250,250,0,.03); }

p.appdesc { font-size: 13px; }
img.applogo { width: 48px; }
.img-fluid { max-width: 100%; margin-top: 5px;}

.custom-message { margin: 20px 30px; text-align: center; font-style: italic; }

@media (min-width: 768px) {
  #logincontent .card {
    width: 600px;
    margin: 0 auto;
  }
  #logincontent .card img {
    margin: 30px auto 0;
  }
  div.application {
      height: 120px;
  }
  #footer {
    height: 60px;
  }
}

/* menu underline hover */
.ui-tab {
	display: inline-block;
}
.ui-tab:after {
	content: '';
	display: block;
	height:  .2rem;
  background: #3061f3;
  bottom: .25rem;
  left: 0;
  right: 0;
  transition: width .2s ease, background-color .5s ease;
  -webkit-transition: transform .2s ease, background-color .5s ease;
  -o-transition: transform .2s ease, background-color .5s ease;
  transform: scaleX(0);
 }
.ui-tab:hover:after {
  background: #3061f3;
  transform: scaleX(1);
}

.twofa-message { margin: 20px 30px; }
.twofa-form-block { margin: 0 auto; }