html {
	background-color:#0c0b51;
}

/*!	UTIL
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.border-bottom-2 {
	border-bottom:1px solid #f00;
}
.w-10 {
	width:10%!important;
}
.w-20 {
	width:20%!important;
}
.w-30 {
	width:30%!important;
}
.w-40 {
	width:40%!important;
}
.w-60 {
	width:60%!important;
}
.w-70 {
	width:70%!important;
}
.w-80 {
	width:80%!important;
}
.w-90 {
	width:90%!important;
}
.text-shadow {
	text-shadow:0 1px 1px #111;
}
.text-shadow-lg {
	text-shadow:0 2px 3px #111;
}
.title-desc {
	width:100%;
}
.required {
	margin-left:4px;
	color:#a6271e;
}
@media (min-width:576px) {
	.title-desc {
		width:80%;
	}
}
@media (min-width:992px) {
	.title-desc {
		width:60%;
	}
}
.number-badge {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	border-radius: 50rem;
}
.p-10 {
	padding: 6rem !important;
}
.pt-10,.py-10 {
	padding-top: 6rem !important;
}
.pr-10,.px-10 {
	padding-right: 6rem !important;
}
.pb-10,.py-10 {
	padding-bottom: 6rem !important;
}
.pl-10,.px-10 {
	padding-left: 6rem !important;
}
.modal-header, .modal-footer {
	background: #f8f9fc;
}
.modal-header .close {
	opacity:.3;
	text-shadow:none;
}
.tooltip-arrow,
.tooltip-arrow::before {
	position: absolute;
	width: 8px;
	height: 8px;
	z-index: -1;
}
.tooltip-arrow::before {
	content: '';
	transform: rotate(45deg);
	background: #333;
}
.bs-tooltip-top[data-popper-placement^='top'] > .tooltip-arrow {
	bottom: 4px;
}
.bs-tooltip-bottom[data-popper-placement^='bottom'] > .tooltip-arrow {
	top: 4px;
}
.bs-tooltip-left[data-popper-placement^='left'] > .tooltip-arrow {
	right: 4px;
}
.bs-tooltip-right[data-popper-placement^='right'] > .tooltip-arrow {
	left: 4px;
}
@media (min-width: 768px) {
	.p-md-10 {
		padding: 6rem !important;
	}
	.pt-md-10,.py-md-10 {
		padding-top: 6rem !important;
	}
	.pr-md-10,.px-md-10 {
		padding-right: 6rem !important;
	}
	.pb-md-10,.py-md-10 {
		padding-bottom: 6rem !important;
	}
	.pl-md-10,.px-md-10 {
		padding-left: 6rem !important;
	}	
}
@media (min-width: 992px) {
	.p-lg-10 {
		padding: 6rem !important;
	}
	.pt-lg-10,.py-lg-10 {
		padding-top: 6rem !important;
	}
	.pr-lg-10,.px-lg-10 {
		padding-right: 6rem !important;
	}
	.pb-lg-10,.py-lg-10 {
		padding-bottom: 6rem !important;
	}
	.pl-lg-10,.px-lg-10 {
		padding-left: 6rem !important;
	}
}
@media (min-width: 1200px) {
	.p-xl-10 {
		padding: 6rem !important;
	}
	.pt-xl-10,.py-xl-10 {
		padding-top: 6rem !important;
	}
	.pr-xl-10,.px-xl-10 {
		padding-right: 6rem !important;
	}
	.pb-xl-10,.py-xl-10 {
		padding-bottom: 6rem !important;
	}
	.pl-xl-10,.px-xl-10 {
		padding-left: 6rem !important;
	}
}

/*!	FORM
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.required {
	color:#a6271e;
	margin-left:5px;
}
.has-error {
	border:1px solid #a6271e;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tooltip {
	max-width:250px;
}
.tooltip-inner {
    max-width: 100%;
}
 
/*!	NAVIGATION
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-logo {
	height:20px;
}
@media (min-width:768px) {
	.header-logo {
		height:32px;
	}
}

/*!	GENERAL STYLES
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.splash-general {
	position:relative;
	background-image:url('../img/circle-blues.jpg');
	background-repeat:repeat;
	background-position:top center;
}
.title-ruler {
	margin: 0 auto !important;
	border:3px solid rgba(44, 142, 242, .3);
	border-radius:10px;
}
.tag-links {
	position:absolute;
	bottom:10px;
}

/*!	FOOTER
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer-logo {
	width:198px;
}
@media (min-width:768px) and (max-width:992px) {
	.footer-logo {
		width:150px;
	}	
}