/* two_cols: admin dashboard styles */
#two_cols #header #header-platform {
	display: inline-block;
	float: left;
	color: #495057;
	background-color: #e5e5e5;
	border-right: 1px solid #cccccc;
	width: 240px;
	height: 50px;
	line-height: 50px;
	font-size: 2em;
	text-align: center;}
#two_cols #header #header-brand {display: inline-block;float: left;height: 50px;line-height: 50px;margin-left: 20px;}
#two_cols #header #header-brand img {height: 70%;width: auto;vertical-align: middle;}
#two_cols #header #top-nav {margin-top: 10px;margin-right: 15px;}
#two_cols #header #top-nav .separator {font-size: 1.5em;margin: 0 5px 0 10px;color: #ddd;}
#two_cols #header .user-profile {border-radius: 50%;color: #ffffff;padding: 4px;font-size: 1.2em;}
#two_cols #header .user-profile {display: inline-block;width: 30px;height: 30px;padding: 3px;border-radius: 50%;color: #ffffff;font-size: 1.2em;}
#two_cols #header #top-nav .fa-standalone {font-size: 1.8em;vertical-align: sub;color: #777777;}
#two_cols #header #top-nav a:hover .fa-standalone,
#two_cols #header #top-nav a:active .fa-standalone,
#two_cols #header #top-nav a:focus .fa-standalone {color: #0769ad;}
#two_cols #header #languageDropdown {display: inline-block;width: 25px;margin-right: 10px;}
#two_cols #header #languageDropdownList a {padding: 3px 5px;}
#two_cols #header #languageDropdownList a img {width: 25px;margin-right: 10px;}




/* one_col: public user styles */
#one_col #header {background-color: #ffffff;box-shadow: 0 4px 20px rgba(0,0,0,0.05);line-height: 50%;}
#one_col #header #header-brand {display: inline-block;float: left;height: 70px;line-height: 70px;margin-top: 0;z-index: 1000;position: relative;}
@media (max-width: 767px) {	/* xs */
	#one_col #header #header-brand {display: inline-block;float: none;}
	#one_col #header #header-inner-wrapper {text-align: center;}
}
#one_col #header #header-brand img {height: 70%;width: auto;vertical-align: middle;}
#one_col #header .welcome-box {padding: 9px 0 4px;}
#one_col #help-collapse {
	position: absolute;
	right: 15px;
	margin-top: 8px;
	padding: 0;
	font-size: 0.85em;
	background-color: #F0F1F5;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
#one_col #help-collapse li:first-child {padding-top: 20px;}
#one_col #help-collapse li:last-child {padding-bottom: 20px;}
#one_col #help-collapse li {padding: 5px 10px;white-space: nowrap;}
#one_col #help-collapse li .help-label {display: inline-block;width: 100px;text-align: right;}
#one_col #help-collapse li a {font-weight: bold;}
#one_col #header #top-nav {margin-top: 10px;position: relative;}
/* nav icons */
#one_col #header #top-nav a {margin: 0 0 0 5px;position: relative;vertical-align: middle;}
#one_col #header #top-nav a.nav-ico {height: 30px;/*width: 30px;*/display: inline-block;overflow: visible;font-size: 2em;color: #777777;}
#one_col #header #top-nav a.nav-ico:hover,
#one_col #header #top-nav a.nav-ico:active,
#one_col #header #top-nav a.nav-ico.active,
#one_col #header #top-nav a.nav-ico:focus {color: #0769ad;}
#one_col #header #top-nav a .fa-bell {/*transform: rotate(20deg);*/position: relative;left: -2px;}
#one_col #header #top-nav .separator {font-size: 1.5em;margin: 0 0 0 5px;color: #ddd;vertical-align: middle;}
#one_col #header #top-nav #languageDropdown {width: 30px;height: 30px;display: inline-block;}
#one_col #header #top-nav #languageDropdownList li a {margin: 0 0;padding: 5px 10px;}
#one_col #header #top-nav #languageDropdownList li a img {height: 20px;margin-right: 10px;}
#one_col #header .user-profile {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	font-size: 1.2em;
	line-height: 30px;
	vertical-align: middle;}
#one_col #header .user-profile-img {display: inline-block;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;}
#one_col #header .user-profile-img img {width: 100%; height: auto;}
#one_col #header #top-nav .badge {
	display: block;
	padding: 3px 5px;
	background-color: rgba(7, 105, 173, 1);
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	top: -6px;
	right: -10px;
	font-weight: bold;
	font-size: 12px;}
@media (min-width: 768px) {	/* xs */
	#one_col #header #mobile-top-nav {display: none!important;}
}
#one_col #header #mobile-top-nav {margin: 0;box-shadow: 0 10px 15px -2px rgba(0, 0, 0, 0.5);}
#one_col #header #mobile-top-nav .list-group-item {border-radius: 0;border-right: none;background-color: #eee;}
#one_col #header #mobile-top-nav .list-group-item.mobile-link {padding: 0;border-style: solid none solid none;border-color: #1260bc;}
#one_col #header #mobile-top-nav .list-group-item.mobile-link a {display: block;padding: 20px 15px;background-color: #0769ad;color: #FFFFFF;}
#one_col #header #mobile-top-nav .list-group-item.mobile-link a:hover {background-color: #0a8feb;color: #FFFFFF;}

#one_col #header .search-bar {
	display: inline-block;
	width: 25%;
	height: 36px;
	position: absolute;
	left: 37.5%;
	vertical-align: middle;}
#one_col #header .search-bar input {
	border: 1px solid #d8d8d8;
	font-size: 15px;
	width: 100%;
	border-radius: 0.25rem;
	height: 34px;
	padding: 3px 20px 3px 10px;
	background-color: #ffffff;}
#one_col #header #top-nav .search-bar a {margin: 0;position: absolute;top: 10px;right: 10px;color: #525151;font-size: 16px;}
#one_col #header .help-item a:focus,
#one_col #header .help-item a:hover,
#one_col #header .help-item a:active {color: #0769ad;}
#one_col #header #mobile-menu-trigger {position: absolute;top: 10px;right: 10px;}
@media (min-width: 768px) and (max-width: 992px) {
	/* only sm */
	#one_col.extended-header #header {height: 125px;}
	#one_col.extended-header #wrapper {padding-top: 125px;}
	#one_col.extended-header #header .search-bar {
		display: block;
		position: relative;
		left: unset;
		width: auto;
		height: auto;
		margin: 10px -15px 0;
		padding: 10px 20px;
		background-color: #FFF;}
	#one_col.extended-header #header #top-nav .search-bar a {top: 20px;right: 25px;}
}



/* bell ring animation */
@-webkit-keyframes ring {
	0% {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
	2% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
	4% {-webkit-transform: rotate(-18deg);transform: rotate(-18deg);}
	6% {-webkit-transform: rotate(18deg);transform: rotate(18deg);}
	8% {-webkit-transform: rotate(-22deg);transform: rotate(-22deg);}
	10% {-webkit-transform: rotate(22deg);transform: rotate(22deg);}
	12% {-webkit-transform: rotate(-18deg);transform: rotate(-18deg);}
	14% {-webkit-transform: rotate(18deg);transform: rotate(18deg);}
	16% {-webkit-transform: rotate(-12deg);transform: rotate(-12deg);}
	18% {-webkit-transform: rotate(12deg);transform: rotate(12deg);}
	20% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes ring {
	0% {-webkit-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);}
	2% {-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);}
	4% {-webkit-transform: rotate(-18deg);-ms-transform: rotate(-18deg);transform: rotate(-18deg);}
	6% {-webkit-transform: rotate(18deg);-ms-transform: rotate(18deg);transform: rotate(18deg);}
	8% {-webkit-transform: rotate(-22deg);-ms-transform: rotate(-22deg);transform: rotate(-22deg);}
	10% {-webkit-transform: rotate(22deg);-ms-transform: rotate(22deg);transform: rotate(22deg);}
	12% {-webkit-transform: rotate(-18deg);-ms-transform: rotate(-18deg);transform: rotate(-18deg);}
	14% {-webkit-transform: rotate(18deg);-ms-transform: rotate(18deg);transform: rotate(18deg);}
	16% {-webkit-transform: rotate(-12deg);-ms-transform: rotate(-12deg);transform: rotate(-12deg);}
	18% {-webkit-transform: rotate(12deg);-ms-transform: rotate(12deg);transform: rotate(12deg);}
	20% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
	-webkit-animation: ring 2s ease infinite;
	animation: ring 2s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;}

.shine {position: relative;overflow: hidden;}
.shine:after {
	animation: shine 5s ease-in-out  infinite;
	animation-fill-mode: forwards;
	content: "";
	position: absolute;
	top: -110%;
	left: -210%;
	width: 200%;
	height: 200%;
	opacity: 0;
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.13);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}
@keyframes shine{
	10% {opacity: 1;top: -30%;left: -30%;transition-property: left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}
	100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;}
}


.topbar-nav .navbar {
	padding: 0px 15px;
	z-index: 999;
	height: 60px;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}