html, body { 
height: 100%;
}

.wrap { 
min-height: 100%; 
height: auto; 
margin: 0 auto -60px;
padding: 0 0 60px;
}

.wrap > .container {
padding: 70px 15px 20px;
}

.footer {
height: 60px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
padding-top: 20px;
}

.jumbotron {
text-align: center;
background-color: transparent;
}

.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}

.not-set {
color: #c55;
font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}

a.asc:after {
content: /*"\e113"*/ "\e151";
}

a.desc:after {
content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
content: "\e153";
}

.sort-numerical a.desc:after {
content: "\e154";
}

.sort-ordinal a.asc:after {
content: "\e155";
}

.sort-ordinal a.desc:after {
content: "\e156";
}

.grid-view th {
white-space: nowrap;
}

.hint-block {
display: block;
margin-top: 5px;
color: #999;
}

.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
padding: 15px;
border: none;
}

.navbar-brand{
	line-height:24px!important;
	padding:12px 15px!important;
}

@media(max-width:767px) {
.nav li > form > button.logout {
display:block;
text-align: left;
width: 100%;
padding: 10px 15px;
}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
text-decoration: none;
}

.nav > li > form > button.logout:focus {
outline: none;
}


/* 	Для выравнивания кнопок слева и справа.
	Используется во view.php у посетителей и мероприятий
*/
.leftstr, .rightstr {
float: left; /* Обтекание справа */ 
width: 50%; /* Ширина текстового блока */ 
}
.rightstr {
text-align: right; /* Выравнивание по правому краю */ 
}


/* 	Добавление красной звездочки для обязательных полей.
	Используется в _form.php ввода у посетителей и мероприятий
*/
div.required label:after {
	content: " *";
	color: red;
}


/* 	Для скрытого содержимого (поиск по дате).
	Используется в index.php у посетителей и мероприятий
*/
details summary {
	display: block;
	width: 10em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-bottom: 1px dotted;
	outline-style: none;
	cursor: pointer;
}
details summary::-webkit-details-marker {
	display: none;
}
details[open] div {
	animation: spoiler 1s;
}
@keyframes spoiler {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}


/* Для красивых подсказок */
.jQtooltip {
	position: relative;
	cursor: help;
}
.jQtooltip div {
	display: none;
	position: absolute;
	bottom: 28px;
	left: 22px;
	z-index: 1000;
	width: 180px;
	padding: 1px;
	text-align: left;
	font-size: 14px;
	font-family: 'Courier New';
	line-height: 22px;
	color: #000;
	box-shadow: 4px 4px 4px #C4C4C4;
	border: 2px dashed #DBB779;
	background: #FFF6BD;
	border-radius: 2px;
}