.btn {
	border: 1px solid #B5B8BB;
}

/* Make the btn-icon-only compatible with btn-lg, btn-sm and btn-xs styles */
.btn-lg.btn-icon-only {
	height: 44px;
	width: 44px;
}

.btn-sm.btn-icon-only {
	height: 28px;
	width: 28px;
}

.btn-xs.btn-icon-only {
	height: 22px;
	width: 22px;
}

/* General page components */
.page-title {
	color: #578EBE;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
	box-shadow: 5px 5px 5px rgba(85, 97, 111, 0.2);
	top: 36px;
	right: -5px;
}

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

.page-header .page-header-menu {
	background: white;
}

.page-header .page-header-menu.adminMenu {
	background: #f4d03f;
}

.page-header .page-header-menu > .container-fluid {
	box-shadow: 0px 20px 23px -15px #9BBAD2;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu > li.dropdown-submenu > .dropdown-menu {
	box-shadow: 5px 5px 5px rgba(85, 97, 111, 0.2);
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
	color: #2F353B;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li > a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu > li > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu > li > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a > i {
	color: #2F353B;
	background: #fff !important;
}

.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu > li > a,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > .dropdown-menu > li > a > i,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a > i {
	color: #2F353B;
	background: #F4D03F !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:hover > a {
	color: #2F353B;
	background: #F5F5F5 !important;
}

.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li:hover > a,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li:hover > a,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:hover > a {
	background: #F3C200 !important;
}

.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li:hover > a > i,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.open > a > i,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li:hover > a > i,
.page-header .page-header-menu.adminMenu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:hover > a > i {
	color: #fff;
	background: #F3C200 !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li:hover > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li:hover > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:hover > a > i {
	color: #4C87B9;
	background: #F5F5F5 !important;
}

div.adminMode {
	color: #F6F6F6;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	padding-top: 15px;
}

ul.page-breadcrumb li:last-child {
	font-weight: bold;
}

.portlet-body h1, .portlet-body h2, .portlet-body h3, .portlet-body h4,
.portlet-body h5, .portlet-body h6 {
	color: #578EBE;
	font-weight: 600;
}

.portlet-footer {
	background-color: #f5f5f5;
	margin: -1px 0 0 0;
	padding: 10px;
	border-radius: 0 0 2px 2px;
}

.emptyTextStyle {
	margin-left: 20px;
	color: #4C87B9;
	font-style: italic;
	font-weight: bold;
	align: center;
}

/* Modals */
.modal-title {
	color: #fff;
	font-weight: bold !important;
}

/* Forms */
.form-control:not(.chatFormControl) {
	background-color: #E7EDEF;
}

textarea.form-control {
	resize: none;
}

.bootstrap-select .btn {
	background-color: #E7EDEF;
}

.bs-actionsbox .btn {
	background-color: #fff;
	font-size: 12px;
	border: 1px solid #B5B8BB;
	padding: 2.5px 25px 2.5px 9px;
}

.bs-actionsbox .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 4px 0 0 4px;
}

.bs-actionsbox .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-radius: 0 4px 4px 0;
}

form.filtersForm input.isFiltering,
form.filtersForm button.isFiltering {
	border: 2px solid #4C87B9 !important;
}

form.filtersForm div.has-error input.isFiltering {
	border: 1px solid #e73d4a !important;
}

/* Cursors */
.cursor-pointer {
	cursor: pointer;
}

.cursorHelp {
	cursor: help;
}

/* No minimum width drop-down menu */
.dropdown-menu-auto {
	min-width: 0px;
}

.dropdown-menu-auto li > a {
	padding: 8px 14px;
}

/* zeroClipboard copy result message */
.copyResultMessage {
	margin-right: 5px;
}

.feeds li .col2-lg {
	float: left;
	margin-left: -150px;
	width: 150px;
}

label.mandatory:after {
	content: "*";
	color: #D91E18;
	display: block;
	position: absolute;
	right: -.2em;
	top: 0;
}

label.mandatory2:after {
	content: " *";
	color: #D91E18;
}

h5 span.mandatory2:after {
	content: " *";
	color: white;
}

th.mandatory:after {
	content: " *";
	color: #D91E18;
}

label.mandatory.disabled:after {
	content: " *";
	color: #E1E5EC;
	display: block;
	position: absolute;
	right: -.2em;
	top: 0;
}

.requireFromGroup:after {
	content: " *";
	color: #333333;
}

.widgetConfig {
	background-color: white;
	border: 1px dashed #5c9bd1;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 15px;
}

.widgetPlacement {
	background-color: white;
	border: 1px dashed #5c9bd1;
	border-radius: 3px;
	display: block;
	margin-bottom: 15px;
	min-height: 30px;
}

.widgetPlacementBtn {
	display: block;
	border: none;
}

.btn.btn-outline.widgetPlacementBtn:hover,
.btn.btn-outline.widgetPlacementBtn:active,
.btn.btn-outline.widgetPlacementBtn:focus,
.btn.btn-outline.widgetPlacementBtn:active:hover,
.btn.btn-outline.widgetPlacementBtn:active:focus {
	background-color: #fff;
	color: #70A8D7;
}

.tableLayoutFixed {
	table-layout: fixed;
}

span.inlineBlockVertAlignBottom {
	display: inline-block;
	vertical-align: bottom;
}

.viewMaintenanceTextStyle {
	background-color: rgb(255, 234, 168);
	border: 1px solid rgb(255, 194, 55);
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
	color: rgb(130, 98, 0);
	hyphens: none;
	line-height: 16px;
	overflow: hidden;
	padding: 10px;
	width: 308px;
	word-wrap: break-word;
}

div.editMaintenanceTextDiv .note-editor {
	width: 308px;
	margin-bottom: 0
}

/* IE compatibility, remove clear cross on inputs */
input[type=text]::-ms-clear {
	display: none;
}

.overflowHidden {
	overflow: hidden;
}

.width-5p {
	width: 5% !important;
}

.width-10p {
	width: 10% !important;
}

.width-12p {
	width: 12% !important;
}

.width-15p {
	width: 15% !important;
}

.width-20p {
	width: 20% !important;
}

.width-21p {
	width: 21% !important;
}

.width-25p {
	width: 25% !important;
}

.width-30p {
	width: 30% !important;
}

.width-40p {
	width: 40% !important;
}

.width-45p {
	width: 45% !important;
}

.width-40 {
	width: 40px !important;
}

.width-50p {
	width: 50% !important;
}

.width-55p {
	width: 55% !important;
}

.width-75p {
	width: 75% !important;
}

.width-90p {
	width: 90% !important;
}

.width-100p {
	width: 100% !important;
}

.height-100p {
	height: 100% !important;
}

.navItemLinkWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.navItemLinkWrapper > .navItemLinkIcon,
.navItemLinkWrapper > .navItemLinkLabel {
	max-width: 100%; /* very ugly fix for IE10 */
}

.navItemLinkLabel {
	padding-left: 15px;
	width: 100%;
}

.alignItemsCenter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flexDirectionRow {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flexDirectionColumn {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.justifyContentFlexEnd {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: inline-block;
}

@media (max-width: 767px) {
	.text-left-xs {
		text-align: left;
	}

	.text-right-xs {
		text-align: right;
	}

	.text-center-xs {
		text-align: center;
	}

	.text-justify-xs {
		text-align: justify;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.text-left-sm {
		text-align: left;
	}

	.text-right-sm {
		text-align: right;
	}

	.text-center-sm {
		text-align: center;
	}

	.text-justify-sm {
		text-align: justify;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.text-left-md {
		text-align: left;
	}

	.text-right-md {
		text-align: right;
	}

	.text-center-md {
		text-align: center;
	}

	.text-justify-md {
		text-align: justify;
	}
}

@media (min-width: 1200px) {
	.text-left-lg {
		text-align: left;
	}

	.text-right-lg {
		text-align: right;
	}

	.text-center-lg {
		text-align: center;
	}

	.text-justify-lg {
		text-align: justify;
	}
}

.smallLabelWrapper {
	line-height: 2em;
}

.largeLabelWrapper {
	line-height: 2.3em;
}