/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	/* margin-left: 150px; */
	padding-left: 15px;
	padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
	width: 100%;
}

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}

.detail-header {
	color: cadetblue;
}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 90px;
	height: 90px;
	animation: spin 2s linear infinite;
	top: calc(50% - 45px);
	left: calc(50% - 45px);
	position: relative;
}

.loader_container {
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: gray;
	opacity: 0.5;
	top: 0;
	left: 0;
	position: absolute;
}

.slide-number {
	top: 80%;
	left: 90%;
	z-index: 9999;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	position: absolute;
	color: #fff;
	background-color: #337ab7;
}
	.slide-number > p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
.slide-anchor {
	margin-right: 20px;
} 

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/* CIRCULAR MENU */
.circular-menu {
	bottom: 10vh;
	right: 12vw;
	position: absolute;
	width: 150px;
	height: 150px;
}

.circle {
	bottom: 5px;
	right: 5px;
	position: absolute;
	width: 150px;
	height: 150px;
	padding: 0;
	margin: 0;
	opacity: 0;
	z-index: 9999;
	-transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.open.circle {
	opacity: 1;
	-transform: sacle(1);
	-webkit-transform: scale(1);
	-moz-transform: sacle(1);
}

.circle a {
	text-decoration: none;
	font-size: xx-large;
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	text-align: center;
}

.menu-button {
	position: absolute;
	bottom: 55px;
	left: 55px;
	z-index: 9999;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-decoration: none;
	line-height: 40px;
	padding: 10px;
	color: #fff;
	background-color: #337ab7;
	text-align: center;
	border-bottom-style: solid;
	border-width: 4px;
	border-color: #337ab7;
}
	.menu-button > p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: white;
	}

	.menu-button:hover {
		border-color: gray;
	}

	.menu-button > a .menu-button > a:visited {
		padding-top: 5px;
	}
.red-color {
	color: red;
}

	.red-color > a {
		color: red;
	}

	.red-color > .menu-button {
		background-color: red;
		border-color: orange;
	}
/* END CIRCULAR MENU */
.maximized-div-h100 {
	height: calc(100% - 40px);
	width: calc(100%);
	min-width: 100%;
}
.maximized-div-h50 {
	height: calc(50% - 50px);
	width: calc(100%);
	min-width: 100%;
}
.custom-label {
	color: #337ab7;
}
.custom-table-header {
	color: #337ab7;
	background-color: #eeeeee;
}
.custom-modal-title {
	color: #337ab7;
	font-size: 1.5em;
}
.input-error {
	background-color:#ffcccc
}
.login-background {
	background-image: url(/images/TelePathox.png);
	background-repeat: no-repeat;
	background-color: darkgrey;
	background-size: cover;
}
.image-not-found {
	font-size:2em;
	text-transform:uppercase;
	color: dimgrey;
	text-align:center;
	display: block;
	width: 100%;
	height: 100%;
}