body {
	background: #f8f8f8;
	color: rgba(58,49,96,.6);
    padding: 75px 0 50px 0;
}

/* Bootstrap overrides */

a.white-link {
	color: rgba(255,255,255,.6);
}
a.white-link:hover {
	color: rgba(255,255,255,1);
}
.btn {
	border-radius: 18px;
}
a,
.btn-link {
	color: #3a3160;
}
a:hover,
a:active,
a:focus,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
	color: #9d86ff;
}
.btn-primary {
	background-color: #9d86ff;
	box-shadow: 0 4px 9px -4px #9d86ff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: #3a3160;
	box-shadow: 0 8px 9px -4px rgba(58,49,96,.3),0 4px 18px 0 rgba(58,49,96,.2);
}
.dropdown-toggle {
	transition: all .3s linear;
}
.dropdown-toggle.show {
	border-radius: 18px 18px 0 0;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #9d86ff;
	color: #fff;
}

/* General styles */
.fader { opacity:0; transition: opacity .3s linear; }
.fader.active { opacity: 1; }
.hidden { display: none !important; }
.hiddenSubmit { position: absolute; top:-5000px; left:-5000px; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-50 { margin-top: 50px !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }


/* Animations */
.raise-on-hover {
	transition: box-shadow .2s linear;
}
.raise-on-hover:hover {
	box-shadow: 0 2px 15px -3px rgb(0 0 0 / 17%), 0 10px 20px -2px rgb(0 0 0 / 14%);
}


/* Cover styles */
.cover-container {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0;
	position: relative;
	top: -15px;
}
.cover-wrapper {
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);
	box-shadow: 0 5px 10px inset rgba(0,0,0,.5);
	color: #fff;
	min-height: 280px;
	padding: 20px 50px;
}
.cover-wrapper h1 {
	font-size: 60pt;
	font-weight: bold;
	margin: 0;
}
.cover-wrapper p {
	margin-bottom: .5rem;
}
.cover-wrapper .breadcrumb-item a {
	color: rgba(255,255,255,.8);
}
.cover-wrapper .breadcrumb-item a:hover {
	color: rgba(255,255,255,1);
}
.cover-wrapper .breadcrumb-item.active {
	color: rgba(255,255,255,.6);
}
.cover-wrapper .breadcrumb-item {
	border-bottom: 1px solid rgba(255,255,255,.5);
}
.cover-wrapper .dropdown-menu {
	border-radius: 0 0 .25rem .25rem;
	text-shadow: none;
}
.cover-wrapper .dropdown-toggle.show {
	border-radius: .25rem .25rem 0 0;
}


/* Chart styles */
.chart-wrapper {
	border-bottom: 1px solid #999;
	margin: 0;
	max-width: 100%;
	padding: 20px;
	opacity: .3;
	transition: opacity .3s linear;
}
.chart-wrapper:hover {
	opacity: 1;
}


/* Dashboard styles */
.horizontal-scale {
	background-color: rgba(157, 134, 255, .7);
	border-radius: 4px;
	color: rgba(255,255,255,8);
	display: inline-block;
	font-size: x-small;
	line-height: 1;
	padding: 5px 10px 5px;
}


/* DropDown styles */
.btn-title {
	text-align: left;
}
.dropdown-menu {
	max-height: 200px;
	min-width: 169px;
	overflow-y: auto;
}

/* Error pages styles */
body.colored-page {
	background: #3a3160;
	background: -webkit-linear-gradient(to top, #9d86ff, #3a3160);
	background: linear-gradient(to top, #9d86ff, #3a3160);
	color: #fff;
	height: 100%;
	width: 100%;
	min-height: 100vh;
}
body.colored-page h1.error-code {
	font-size: 150px;
	font-weight: 900;
	letter-spacing: 25px;
	margin: 10px 0 50px 0;
}
body.colored-page h1.error-code.with-image {
	font-size: 25px;
	margin: 0px 0 50px 0;
}
body.colored-page h1.error-code span {
	position: relative;
	display: inline-block;
}
body.colored-page h1.error-code span img {
	height: auto;
	width: 200px;
}
body.colored-page h1.error-code span:after,
body.colored-page h1.error-code span:before {
	position: absolute;
	top: 50%;
	width: 45%;
	height: 1px;
	background: #fff;
	content: '';
	top: 50%;
}
body.colored-page h1.error-code.with-image span:after,
body.colored-page h1.error-code.with-image span:before {
	top: 20px;
}
body.colored-page h1.error-code span:before {
	left: -55%;
}
body.colored-page h1.error-code span:after {
	right: -55%;
}
body.colored-page a.btn:hover {
	background: #fff;
}

/* List and Table  */
.bold-row td,
.bold-row th {
	border-top: 2px solid #bbb;
	font-weight: bold;
}
.vertical-align-middle td,
.vertical-align-middle th {
	vertical-align: middle;
}
.with-portrait {
	background-position: 1rem center;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	padding-left: calc(1rem + 50px) !important;
}
.table-rounded {
	border-radius: .5rem;
}
.table.table-rounded>:not(caption)>*>td {
	border-bottom-width: 0px;
}
.table-rounded tr:first-child th:first-child {
	border-radius: .5rem 0 0 0;
}
.table-rounded tr:first-child th:last-child {
	border-radius: 0 .5rem 0 0;
}
.table-rounded tr:last-child td:first-child {
	border-bottom-width: 0px;
	border-radius: 0 0 0 .5rem;
}
.table-rounded tr:last-child td:last-child {
	border-bottom-width: 0px;
	border-radius: 0 0 .5rem 0;
}

/* Navbar */
.navbar-logo {
	height: 25px;
	width: auto;
}
