/* BASE */
.hider * {
	visibility: hidden;
}

.shower:hover .hider * {
	visibility: visible;
}

.help {
	cursor: help;
	border-bottom: 1px dotted gray;
}

.no-bottom {
	margin-bottom: 0;
}

audio {
	width: 100%;
}


/* BOOTSTRAP */
body {
	padding-top: 60px;
}

.form-horizontal .control-group {
	margin-bottom: 5px;
}

.form-group {
    margin-bottom: 7px;
}

.table-hover>tbody>tr:hover {
    background-color: #dff0d8;
}

#snippet--alerts {
	bottom: 10px;
	position: fixed;
	z-index: 9999;
}

.flash {
	margin-bottom: 1px;
}

.page-header {
	margin: 10px 0 10px;
}

.page-header h2 {
	margin: 0;
}

/* BOOTSTRAP 5 FORWARD */
.border-top {
	border-top: 1px solid #dee2e6 !important;
}

.pt-3 {
  padding-top: 1rem !important;
}


/* AJAX */
#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
}

/* MENU */
.navbar-brand img {
	display: inline;
	height: 22px;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}

a.menu:after, .dropdown-toggle:after {
  content: none;
}


/* FORM */
input[type="checkbox"] + label {
	display: inline;
	margin-left: 5px;
}


/* MULTISELECT */
button.multiselect .multiselect-selected-text {
	float: left;
	white-space: pre;
    text-align: left;
    max-height: 120px;
    overflow-y: scroll;
    width: calc(100% - 20px);;
}

button.multiselect .caret { float: right; margin-top: 8px; }


/* TAGSINPUT */
.bootstrap-tagsinput {
	width: 100%;
	margin-bottom: 0px;
}