/* here you can put your own css to customize and override the theme */
/* header navbar */
.page-header.navbar {
	background-color: #336699;
}
.page-header.navbar .page-logo {
	width: 135px;
}
.page-header.navbar .page-logo .logo-default {
	height: 36px;
	margin: 6px 0 0 0;
	width: 54px;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
	float: left;
}
.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {
	float: right;
}
.page-header.navbar .top-menu .navbar-nav > li.header-logout > a {
	color: #C6CFDA;
	font-size: 13px;
	font-weight: 300;
}
.page-header.navbar .top-menu .navbar-nav > li.header-logout > a:hover {
	color: #FFFFFF;
	background-color: #336699;
	height: 46px;
}
.page-header .pagetitle {
	float: left;
	color: white;
	padding-top: 14px;
	font-size: 14px;
}
/* page content */
.page-header-fixed .page-container {
	margin-top: 48px;
}
/* sidebar */
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
	background: #6698CC;
}
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar .page-sidebar-menu > li.active > a > .selected {
	border-left: 8px solid #6698CC;
}
.page-sidebar .page-sidebar-menu > li > a {
	padding: 10px 10px;
}
.page-spinner-bar > div, .block-spinner-bar > div {
	background: #6698CC;
}
ul.page-sidebar-menu {
	box-shadow: 0 5px 4px #DDDDEE;
}
/* generic */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
}
.separator {
	margin-top: 40px;
}
.normal-text {
	line-height: 1.7;
}
.disabled-text {
	color: #A0A0A0; 
}
.font-darkblue {
	color: #336699 !important;
}
.nacursor {
	cursor: not-allowed;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.float-left,
portletfm .selectize-control.align-left {
	float: left;
}
.flex-row {
	display: flex;
	flex-direction: row;
}
.flex-justify-space-between {
	justify-content: space-between;
}
.flex-justify-space-around {
	justify-content: space-around;
}
.position-relative {
	position: relative !important;
}
.visibility-hidden {
	visibility: hidden;
}
.text-nowrap {
	white-space: nowrap;
}
.font-bold {
	font-weight: 600;
}
.font-italic{
	font-style: italic;
}
.nopadleft {
	padding-left: 0;
}
.nopadright {
	padding-right: 0;
}
.width50 {
	width: 50px;
}
.width75 {
	width: 75px;
}
.width120 {
	width: 120px;
}
.width140 {
	width: 140px;
}
.width150 {
	width: 150px;
}
.width250 {
	width: 250px;
}
.width280 {
	width: 280px;
}
.width300 {
	width: 300px;
}
.width300-important {
	width: 300px !important;
}
.width360 {
	width: 360px;
}
.width400 {
	width: 400px;
}
.width650 {
	width: 650px;
}
.width1100 {
	width: 1100px;
}
.height25 {
	height: 25px;
}
.height35 {
	height: 35px;
}
.padleft0 {
	padding-left: 0;
}
.padleft15 {
	padding-left: 15px;
}
.padleft15I {
	padding-left: 15px !important;
}
.pt2 {
	padding-top: 2px;
}
.pt3 {
	padding-top: 3px;
}
.mt2 {
	margin-top: 2px;
}
.mt5 {
	margin-top: 5px;
}
.mt8 {
	margin-top: 8px;
}
.mt10 {
	margin-top: 10px;
}
.mr8 {
	margin-right: 8px;
}
.ml14 {
	margin-left: 14px;
}
.mr14 {
	margin-right: 14px;
}
.ml-1 {
	margin-left: -1px;
}
.loading-opacity {
	opacity: 0.4;
}
.loading-overlay-parent {
	position: relative;
}
.loading-overlay {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF9;
	min-height: 50px;
}
a.text-white {
	color: #FFFFFF;
}
a.text-white:hover, a.text-white:focus {
	text-decoration: none;
}
.page-message {
	font-weight: 600;
	font-size: 16px;
	left: 40%;
	margin-left: -55px;
	position: fixed;
	text-align: center;
	top: 40%;
	z-index: 10051;
}
.btn.disabled {
	background-color: #d8d8d8;
	border-color: #d8d8d8;
	color: black;
	cursor: not-allowed;
}
input.currency {
	width: 80px;
}
.required:before {
	content: "* ";
}
.required,
.red-text {
	color: red;
}
/* portlet */
.portlet.slim {
	margin-bottom: 0;
}
.portlet-body .row {
	margin-left: 0;
	margin-right: 0;
}
.portlet-title-on-border > div{
	margin-top: -23px;
}
.portlet-title-on-border-title {
	background: white none repeat scroll 0 0;
	display: inline-block;
	font-weight: 600;
	padding: 0 2px;
}
.portlet-title-on-border .row {
	margin-top: 5px;
}
.portlet.portlet-title-on-border .portlet-body {
	margin-top: -25px;
	min-height: 100px;
}
.portlet.portlet-title-on-border .content-loading {
	margin-top: 30px;
	text-align: center;
}
.portlet.portlet-title-on-border .content {
	display: none;
}
.portlet.portlet-title-on-border .content > .row {
	margin-bottom: 10px;
}
.col-md-6 > .portlet.portlet-title-on-border {
	margin-bottom: 5px;
}
.portlet.portlet-title-on-border .content > .row.inline-nolabel {
	margin-top: 0px !important;
}
.portlet.portlet-title-on-border .form-error, #memberaddnew .form-error {
	border: 3px solid red;
}
/* new ui */
.ng-touched::-webkit-input-placeholder {
	color: #c0c0c0;
}
/* datatable */
.jbmtable .table thead tr th {
	font-weight: 600;
	vertical-align: top;
}
.jbmtable .table .summary{
	font-weight: 600;
	text-align: right;
}
.jbmtable .table .left-summary{
	font-weight: 600;
	text-align: left;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
	background: #eee;
	border-color: #dddddd;
	color: #333;
}
.dataTables_info {
	padding-top: 15px;
}
.dataTables-top-control {
	margin-bottom: 15px;
}
.jbmtable table.dataTable {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.jbmtable .floatThead-container thead tr th {
	background-color: #FFFFFF;
	border-bottom: 2px solid #E7ECF1;
	box-shadow: 0 2px 2px #DDDDEE;
}
.jbmtable .btn-sm {
	padding: 1px 10px;
}
/* filter */
.filter {
	padding-left: 0;
}
.datecomp p.input-group {
	margin: 0;
}
.datecomp .input-group .form-control {
	height: 25px;
}
.datecomp .input-group .input-group-btn .btn {
	height: 25px;
}
.datecomp .input-group .input-group-btn .glyphicon {
	top: -2px;
}

.datecomp .form-control-no-border {
	background-color: #fff;
	padding: 1px 12px;
	width: 100%;
}

/* tabbed component */
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid #6698CC;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #336699;
}

/* dynamic link - make link text appear below link image*/
a.dynamiclink > * {
	display: block;
}

/* Used to make the typeahead/smart search component have styles to make it fit properly in a form */
.typeaheadcomp input.form-element {
	height: 25px;
	padding: 2px 12px 1px;
	width: 400px;
}
smartdropdown .selectize-input input {
	color: inherit;
	font-size: 14px;
}
smartdropdown .selectize-input {
	border-color: darkgray;
	color: inherit;
	font-size: 14px;
	padding: 2px 12px 1px;
	width: 280px;
}
smartdropdown .wide-input .selectize-input {
	width: 400px;
}
smartdropdown .open-wide-input .selectize-input {
	width: 600px;
}
smartdropdown .uniform-styles .selectize-input {
	border-top: 2px solid #9F9F9F;
	border-left: 2px solid #9F9F9F;
	border-right: 2px solid #E7E7E7;
	border-bottom: 2px solid #E7E7E7;
	box-shadow: none;
}

smartdropdown .wrap-normal {
	white-space: normal;
}

smartdropdown .selectize-dropdown {
	font-size: 12px;
	line-height: 15px;
}
.typeaheadcomp input.form-element + .dropdown-menu {
	margin-top: 0px;
}

/* special style group */
portletfm .columnized label {
	margin-bottom: 0;
}

/* Portletfm child error styles */
portletfm .red-error-borders inputtextcomp.portletfm-error input, 
portletfm .red-error-borders splitpercentage.portletfm-error input, 
portletfm .red-error-borders datecomp.portletfm-error input, 
portletfm .red-error-borders checkboxcomp.portletfm-error .checkbox-wrapper, 
portletfm .red-error-borders smartdropdown.portletfm-error .selectize-input, 
portletfm .red-error-borders dropdowncomp.portletfm-error select {
	border: 3px solid #F00;
}

/* Generic form child error styles */
inputtextcomp.form-error input, 
datecomp.form-error input, 
checkboxcomp.form-error .checkbox-wrapper, 
dropdowncomp.form-error select {
	border: 3px solid #F00;
}

portletfm .minWidth250 {
	min-width: 250px;
}
portletfm .minWidth400 {
	min-width: 400px;
}
portletfm .minWidth500 {
	min-width: 500px;
}
/* Portletfm "inline input items" styles */
portletfm .inline-inputitems {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
portletfm .inline-inputitems > * {
	display: inline-block;
	margin-right: 20px;
}
portletfm .inline-inputitems-buttons {
	text-align: right;
	margin-top: 0px;
}
portletfm button {
	margin: 0px 2px;
}
portletfm .inline-inputitems datecomp label {
	position: relative;
	top: -7px;
}
portletfm checkboxcomp label,
portletfm .inline-inputitems derivedvalue {
	position: relative;
	top: 3px;
}

/* CSS tweaks for derivedvalue component */
derivedvalue .row {
	margin-left: 0px;
	margin-right: 0px;
}

/* Allows simplified templates for things like form input items */
.row.horizontal > * {
	display: inline-block;
}
.row.horizontal label,
.row.vertical label {
	text-align: right;
}
.row.horizontal-stack > * {
	clear: left;
	display: block;
}

fileupload .upload_zone {
	background: #f6f6f6;
	border: 2px dashed #dedede;
}
fileupload .upload_zone,
fileupload .file_display {
	font-size: 12px;
	line-height: 20px;
	max-width: 300px;
	min-width: 200px;
	word-wrap: break-word;
	float: left;
}
fileupload .upload_zone:hover {
	background: #eeeeee;
	border: 2px dashed #bababa;
}
fileupload .upload_zone:active,
fileupload .upload_zone.drag_over {
	background: #bbccee;
	border: 2px dashed #336699;
}
fileupload .file_display .btn {
	font-size: 12px;
	margin-right: 10px;
	padding: 1px 2px;
}

/* Disable undesired menu responsive behavior */
.page-sidebar-wrapper .page-sidebar {
	float: left;
	margin: 0 -100% 0 0 !important;
	padding-top: 8px;
	position: relative;
	width: 235px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed,
.page-sidebar-closed .page-sidebar {
	width: 45px !important;
}
.page-content-wrapper {
	float: left;
	width: 100%;
}
.page-content-wrapper .page-content {
	margin: 0 0 0 235px !important;
	padding: 25px 20px 10px;
}
.page-sidebar-closed .page-content-wrapper .page-content {
	margin: 0 0 0 45px !important;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
	display: block !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
	padding-left: 11px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
	display: none;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
	display: block;
	position: relative;
	width: 256px;
	z-index: 10000;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
	display: inline;
	padding-left: 15px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
	padding-left: 15px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
	border-radius: 0 0 4px 4px;
	display: block !important;
	left: 46px;
	margin-top: 0;
	position: absolute;
	top: 100%;
	width: 210px;
	z-index: 2000;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
	padding-left: 30px !important;
}
.page-header.navbar .page-logo {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.page-header.navbar {
	padding: 0px !important;
}
/* mem maint */
.collapsible {
	margin-right: -10px;
	text-align: right;
}
a.disabled  {
	cursor: not-allowed;
}