/**
 * Band-Management - eine Band erobert die Welt
 * Eine Prüfungsleistung für das Modul Internetanwendungsentwicklung
 * SS 2017
 * 
 * Without the permission of the author, this document may not be modified.
 *
 * @author Sven Ballay
 * @copyright Copyright (c) 2017 Sven Ballay
 */
ul.nav.nav-sidebar li a i {
	width: 20px;
}

hr {
	border-top-color: #ddd;
}

hr.canteen-devider {
	margin-top: 10px;
	margin-bottom: 5px;
}

.label {
	font-weight: 100;
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
}

.grid-action {
	margin-right: 5px;
    font-size: 12px;
    padding: 4px 6px;
    width: 25px;
}

#navbar .only-site-nav {
	display:none;
}

.gallery-img-container {
	padding-right: 0px;
	margin-bottom: 15px;
}

.gallery-img-container .gallery-img  {
	padding: 10px;
	border: 1px solid #ccc;
}

.gallery-img-container .gallery-img span {
	margin-top: 10px;
	display: inline-block;
}

.gallery-img-btn {
	position: absolute;
    border: 1px solid #ccc;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 24px;
    background-color: #ccc;
    padding: 3px;
    cursor: pointer;
    top: -3px;
}
.gallery-img-container .remove-img-btn {
	right: -3px;
}
.gallery-img-container .rotate-left-btn {
	left: 12px;
    font-size: 20px;
}
.gallery-img-container .rotate-right-btn {
	left: 52px;
    font-size: 20px;
}

.gallery-img-container .remove-img-btn:hover {
	background-color: #ddd;
}

.gallery-img-container .remove-img-btn i {
	display: block;
	margin-top: 1px;
}

.dashboard-circle {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	height: 200px; 
	width: 200px;
	background-color: #ccc; 
	display: block; 
	font-size: 56px;
	padding-top: 60px; 
	text-align: center; 
}

@media (max-width: 767px) {
	#navbar .only-site-nav {
		display:block;
	}
}

.question-answer {
	width: 100%;
	font-size: 14px;
	padding: 10px;
}

.badge-success {
	background-color: #28a745;
}
.badge-danger {
	background-color: #dc3545;
}
.badge-warning {
	background-color: #ffc107;
	color: #212529;
}
.badge-info {
	background-color: #17a2b8;
}