/*

Colors

Dark Blue
#006bb7
rgb(0,107,183)
Light Blue
#85a7d8
rgb(133,167,216)
Gray
#999b9e
rgb(153,155,158)

*/

body {
	background-image: url(/img/background-net.png);
	font-family: 'Motiva', sans-serif;
	font-weight: lighter;
}

li>a {
	color: #006BB7 !important;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

.tooltip-inner {
	background-color: #767575;
	padding: .5rem 1rem;
	max-width: 22rem;
}

.tooltip .arrow {
	display: none;
}

.logo {
	width: 100px;
	margin: -16px 20 -14px -15px;
}

#log-out {
	cursor: pointer;
}


/*
	Bottom
*/

#powered-by-precision {
	width: 150px;
	position: fixed;
	right: 2rem;
	bottom: 0.5rem;
	z-index: -1;
}


/*
	Loaders
*/
.mid-loader {
		border: 9px solid #f3f3f3; /* Light grey */
		border-top: 9px solid #3498db; /* Blue */
		border-radius: 50%;
		width: 55px;
		height: 55px;
		animation: spin 1.5s linear infinite;
		margin: auto;
		margin-top: 5rem;
		margin-bottom: 5rem;
}

.small-loader {
		border: 5px solid #f3f3f3; /* Light grey */
		border-top: 5px solid #3498db; /* Blue */
		border-radius: 50%;
		width: 30px;
		height: 30px;
		animation: spin 1s linear infinite;
		margin: auto;
}

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


.loader-circle-container {
	margin: auto;
	display: table;
	position: relative;
	text-align: center;
}

.loader-circle-container-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #AAA;
}

.loader-circle-container-master {
	margin: auto;
	display: flex;
	height: 100%;
	flex: auto;
}

.loader-circle {
	width: 5rem;
	height: 5rem;
	animation: loader-spin 7s linear infinite;
}

@keyframes loader-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}