/* VISUAL STYLE PER CLIENT */

/*
	look for:
		a.logout-btn
		
	 */

div.navbar-fixed {
	position: fixed;
}

div.portlet {
	width: 100%;
}

div.page-header.navbar.navbar-fixed-top {
	background: #223e68 url('/assets/pages/img/main-header-default.png') left no-repeat !important;
}

body.login {
	background: #d6e5ff !important;
}

span.username {
	/* color: white !important; */
}

.page-header.navbar .menu-toggler {
	background-image: url('/assets/layouts/layout2/img/sidebar-toggler.png') !important;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username {
	color: #FFF !important;
}

img.logo-default {
	/* margin: 10px 10px 0 !important; */
}

/* -end of- */

div.thumbnail {
	margin-bottom: 10px !important;
}

div.caption h3 {
	font-size: 20px !important;
	font-weight: 400;
}

.user-login-5 .alert {
	margin-top: 0 !important;
}

/*div.page-top {
	height: 60px;
}*/

p {
	margin: 0 0 10px 0 !important;
}

.profile-userpic img.employee-profile-pic {
	width: 80% !important;
}

.margin-b15 { margin-bottom: 15px !important; }

.margin-b10 { margin-bottom: 10px !important; }

.no-margin { margin-bottom: 0 !important; }

div.list-element-title {
	padding-left: 0 !important;
}

div.mt-comment-text {
	padding-top: 8px !important;
}

.gray {
	color:#BABABA;
}

.larger-font {
	font-size: larger;
}

.larger-font sup {
	vertical-align: sub !important;
}

a.logout-btn {
	padding: 0 !important;
	color: #FFF;
}

div.form-body {
	padding: 20px !important;
}

div.side-padding {
	padding: 0 15px !important;
}

.form-section {
	margin-bottom: 10px !important;
}

.mt-comments .mt-comment {
	border-bottom: 1px solid #f7f8f9 !important;
 }

.mt-comments .mt-comment:last-child {
	border-bottom: 0px;
}

div.mt-comment-img img {
	width: 40px;
	height: 40px;
}

img.timeline-badge-userpic {
	width: 70px !important;
	height: 70px !important;
}

.timeline::before {
	bottom: 150px !important;
}

img.star {
	width:30px;
}

a.no-underscore:link, a.no-underscore:visited, a.no-underscore:active {
	text-decoration: none !important;
}

// @media (hover) {
	a:hover{cursor:pointer;color:#23527c}
	a:hover{outline:0}
	.primary-link:hover{color:#5194ca}

	.page-header.navbar .search-form .input-group .form-control:hover{cursor:pointer}
	.page-header.navbar .menu-toggler>span:hover,.page-header.navbar .menu-toggler>span:hover:after,.page-header.navbar .menu-toggler>span:hover:before{background:#fff}
	.page-header.navbar .menu-toggler:hover{webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1;filter:alpha(opacity=100)}

	a.no-underscore:hover {
		text-decoration: none !important;
	}

	.selector-table-hover tbody tr:hover > td,
	.selector-table-hover tbody tr:hover > th {
		background: #f8fbfd;
		cursor: pointer;
	}

	.selector-table-hover tbody tr:hover > td,
	.selector-table-hover tbody tr:hover > th {
		background: #eef4f7;
	}
// }

div.hall-of-fame-inner-table {
	display: table !important;
	border-collapse: collapse !important;
	margin-top: 10px;
}

div.hall-of-fame-portlet {
	min-height: 180px;
}

div.hall-of-fame-inner-cell {
	margin-top: 8px !important;
	border-top: 1px solid #f7f8f9 !important;
	padding: 4px;
}

div.hall-of-fame-inner-table div.m-grid-row div.m-grid-col {
	vertical-align: middle !important;
}

div.award-small-icon {
	font-size: 26px;
	color: #5a7391;
}

/* HBS 2019.10 Fix on user kiosk */
div.award-small-icon > span {
	font-size: 32px;
	display: block;
	text-align: center;
}

div.award-small-icon > span:first-child {
	margin-bottom: 14px;
}

div.award-icon {
	font-size: 40px;
	color: #5a7391;
}

/* HBS 2019.10 Fix on employee award stats */
div.employee-stats-item > div.award-title {
	float: right;
	font-size: 16px;
	font-weight: 400;
	max-width: 175px;
	text-align: right;
	margin-top: 6px;
	color: #5c6268;
}

div.employee-stats-item {
	margin-bottom: 10px !important;
	padding: 8px 20px 10px !important;
}

div.award-title {
	font-size: 18px;
	font-weight: 600;
	color: #373d43;
}

div.profile-stat-text {
	font-size: inherit !important;
	font-weight: inherit !important;
}

.selector-table-striped tbody > tr:nth-child(odd) > td,
.selector-table-striped tbody > tr:nth-child(odd) > th {
	background: #f8fbfd;
	cursor: pointer;
}

.no-maring-top {
	margin-top: 0!important;
}

li.bordered {
	border-bottom: 1px solid #e7ecf1 !important;
}

li.heading {
	height: auto !important;
	padding-top: 15px !important;
	padding-bottom: 5px !important;
}

div.profile-usertitle-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* Display FLEX */
/* medium.com/wdstack/varying-column-heights-in-bootstrap-4e8dd5338643 */
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: row;
}

/* HBS 2019.10 FIX: Move all media to the end so it has higher hierarchy */
@media (max-width: 767px) {
	
	li.dropdown-user > span {
		padding: 18px 6px 18px !important;
	}
	
	li.quick-sidebar-toggler {
		padding: 27px 12px 24px !important;
	}
	
	div.award-icon {
		text-align: center !important;
	}
	
	/*div.page-top {
		height: 60px !important;
	}*/
	
	/* HBS 2019.10 Fix on employee award stats */
	div.employee-stats-item > div.award-title {
		font-size: 14px !important;
		float: unset !important;
		text-align: center !important;
		min-height: 45px !important;
	}

	div.employee-stats-item > div.small-award-title {
		min-height: auto !important;
	}
	
	div.employee-stats-item {
		padding: 8px 10px 10px !important;
	}
}

@media (max-width: 640px) {
	
	img.login-logo {
		max-width:230px;
		width: auto;
		height: auto;
	}
	
	button#login-btn {
		margin-top: 15px !important;
	}
	
	/* HBS 2019.10 Fix on employee award stats */
	div.employee-stats-item > div.award-title {
		font-size: 10px !important;
	}
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
	{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

@media (max-width: 991px) {
	div.content-body {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 1023px) {
	.user-login-5 .login-container > .login-content {
		margin-top: 50px !important;
	}
}

@media (min-width: 1024px)
{	
	.user-login-5 .login-container>.login-footer {
		margin-top:180px !important;
	}
	
	a.logout-btn {
		color: #FFF !important;
	}
}

@media (max-width: 600px) {
	div.award-title {
		font-size: 12px;
	}
}

@media (max-width: 490px) {
	div.award-title {
		display: none;
	}
}

.menuIconSVG {
	width: 1.4em;
    height: 1.4em;
    top: 2px;
    margin-left: 3px;
    margin-right: 4px;
}

.buttonIconSVG {
	margin-left: -1px;
    margin-right: 0;
}

a.nav-link svg {
	margin-left: 4px;
    margin-right: 5px;
}

a.nav-link path {
	color: #a7bdcd;
}

a.nav-link:hover path {
	color: #5C9ACF;
}

.page-title svg {
	width: 1em;
}

.small-profile-userpic img {
	width: 75% !important;
}

.small-profile-usertitle-name, .small-profile-stat-text {
	text-align: left !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

label.error {
	color: #9b2e2e;
	font-style: italic;
}