/* Generale */

html, body { height: 100%; }
body { font-family: 'Ubuntu', sans-serif; font-size: 16px; color: #7e7d81; background-color: #FFF;  }
h1, h2, h3, h4, h5 { font-size: 18px; color: #666468; }
h1 { font-size: 38px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }

/*
Bottoni
*/

.btn { color: #222; background-color: #DDD; border-color: #CCC; }
.btn:hover { color: #111; background-color: #D0D0D0; border-color: #C0C0C0; }
.btn.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn.btn-danger:hover { background-color: #E04D5C; border-color: #E04D5C; }
.btn.btn-probio { color: #FFF; background-color: #8C1212; border-color: #750F0F; }
.btn.btn-probio:hover { background-color: #e52322; border-color: #8C1212; }
.btn.btn-grey { color: #444; background-color: #EEE; border-color: #DDD; }
.btn.btn-grey:hover { background-color: #DDD; border-color: #CCC; }

/*
Bottone Blink
*/

@keyframes pulse-animation {
  0% {
    background-color: #e52322;
  }
  50% {
    background-color: #8C1212;
  }
  100% {
    background-color: #e52322;
  }
}
.bg-blink { animation-name: pulse-animation; animation-duration: .7s; animation-iteration-count: infinite; }

/*
Evidenziatore
*/

.evid1 { background-color: #EEE; color: #111; }
.evid2 { background-color: #FF0; color: #111; }
.evid3 { background-color: #333; color: #FFF; }

/* Header */

.navbar { border-bottom: 1px solid #DDD; min-height: 90px; padding-top: 0.3rem; padding-bottom: 0.3rem; }
.navbar-brand img { height: 60px; width: auto; }
.nav-sidebar { display: block; }
@media (min-width: 992px) {
  .nav-sidebar { display: none; }
}

/* Navbar */

.content { padding-top: 90px; }
.sidebar { display: none; }
.sidebar ul { list-style: none; padding: 0; margin: 0; }
.sidebar ul li { line-height: 40px; border-bottom: 1px solid #4f585e; }
.sidebar ul li span, .sidebar ul li a { display: block; color: #FFF; text-decoration: none; padding: 0 10px; }
.sidebar ul li span { background-color: #F00; }
.sidebar ul li a:hover { color: #fff; background-color: #e52322; }
@media (min-width: 992px) {
  .content { margin-left: 250px; }
  .sidebar { display: block; width: 250px; background-color: #5e686f; padding-top: 90px; position: fixed; top: 0; left: 0; height: 100vh; overflow-y: auto; }
}

/* Footer */

footer { border-top: 1px solid #DDD; padding: 20px 0; }
footer p { margin-bottom: 0; }

/* Login */

body.page-login { display: flex; align-items: center; justify-content: center; }
.page-login .card { background-color: #EEE; }

/* Tabelle */
.table thead th { background-color: #5e686f; color: #FFF; border: 0; }
.table thead th a { color: inherit; text-decoration: none; }
.table thead th a:hover { color: inherit; text-decoration: underline; }
.table-align-middle td { vertical-align: middle !important; }
.table .btn-group > .btn { width: 34px; }

/*
Form
*/

.form-info { margin-top: 5px; font-size: 12px; }

/*
Autocomplete
*/

.ui-widget.ui-autocomplete { max-height: 300px; overflow-y: scroll; }

/*
Sortable template (Create new Doc)
*/

#sortable-tmpl { list-style-type: none; margin: 0; padding: 0; }
#sortable-tmpl > li { margin-bottom: 10px; padding: 6px; max-width: 90%; box-sizing: border-box; cursor: move; }

/*
Probiotici
*/

tr.probio-selected td { background-color: #FBDADA; color: #666468; }
#cart { position: fixed; bottom: 12px; right: 30px; z-index: 1031; }

/*
Varie
*/

.click { cursor: pointer; }