/*
	BOOTSTRAP OVERRIDES
*/
.navbar-right.navbar-form { color: #333; }
/* Set padding to keep content from hitting the edges */
.nav-options.nav-pills { margin-top: -21px; margin-bottom: -10px; display: inline-block; }
@media all and (max-width: 767px) { .form-inline .nav-options.nav-pills { margin-bottom: -15.5px; } }
@media (min-width: 768px) { .form-inline .form-group > .control-label + *[class^="slx"] { margin-left: 10px; } }

section > header .row h3 { margin-bottom: 0; }
aside .nav-stacked a { padding: 0 5px; }

.jumbotron { background-size: cover; background-position: center center; }
	.container .jumbotron { margin-left: -30px; margin-right: -30px; }
	@media (max-width: 767px) { .container .jumbotron { padding-left: 30px; padding-right: 30px; } }

.custom-input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; width: 100%; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt { white-space: normal; }

.radio input[type="radio"], .checkbox input[type="checkbox"] { width: 20px; height: 20px; margin-top: 0px; }
	.radio > input[type="radio"], .checkbox > input[type="checkbox"] { margin-left: 0; }
	.radio > input[type="radio"] + label, .checkbox > input[type="checkbox"] + label, 
        .radio > input[type="radio"] ~ .tooltip + label, .disabled > input[type="radio"] ~ .tooltip + label { padding-left: 30px; padding-right: 20px; }
	.form-inline .radio > input[type='radio'] + label, .form-inline .checkbox > input[type='checkbox'] + label, .form-inline .radio > span > input[type='radio'] + label, .form-inline .checkbox > span > input[type='checkbox'] + label { padding-left: 10px; padding-right: 10px; }
	ul.radio, ul.checkbox { padding-left: 20px; list-style: none; }
	ul.radio > li, ul.checkbox > li { padding: 5px 0; }

.radio-inline input[type="radio"], .checkbox-inline input[type="checkbox"] { width: 20px; height: 20px; margin-top: 0px; }
	.radio-inline > input[type="radio"], .checkbox-inline > input[type="checkbox"] { margin-left: 0; }
	.radio-inline > input[type="radio"] + label, .checkbox-inline > input[type="checkbox"] + label, .radio-inline > span > input[type="radio"] + label, .checkbox-inline > span > input[type="checkbox"] + label { padding-left: 30px; padding-right: 20px; font-weight: normal; }
	ul.radio-inline > li, ul.checkbox-inline > li { display: inline-block; vertical-align: top; }

table.radio input[type="radio"], table.checkbox input[type="checkbox"] { margin-left: 0; }
	table.radio, table.checkbox { display: table; }
	table.radio label, table.checkbox label { padding-left: 30px; display: inline; }
	.panel table.radio td, .panel table.checkbox td { padding-bottom: 10px; padding-left: 10px;  }
	.panel table.radio tr:first-child > td, .panel table.checkbox tr:first-child > td { padding-top: 10px; }

.popover .popover-content input[type="number"] { color: #333; }

.form-control { padding: 10px; }
.table-responsive + .table-responsive, .table-responsive + .well, .table-responsive + fieldset, .table-responsive + div { margin-top: 15px; }
/* Bootstrap Tooltips*/
	.tooltip-inner { text-align: left; }

/* Override styles for controls and general global/default styles */
.ui-front { position: relative; }
.ui-smart-grid-ordering { padding-bottom: 10px; }

/* hack for close button being hidden after a while */
button.ui-dialog-titlebar-close[style*=display] { display: block !important; }
.ui-dialog { z-index: 10001; }
.ui-dialog iframe { max-width: 100% !important; }
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close span { cursor: pointer !important; }

/* Datatable styles */
td.nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
td.topalign { vertical-align: top; }
td.ralign { text-align: right; }
td.center { text-align: center; }
.dataTables_wrapper .dataTables_length {
    margin-left: -65px;
}
table.dataTable { overflow: auto; }


/* Disable igniteUI wait loading animation */
.ui-igloadingmsg { display:none; visibility:hidden; }
.ui-igedit .ui-icon, .ui-igtree .ui-icon {
	position: relative;
	margin: 0;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	color: #666;
	padding-top: 2px;
	vertical-align: middle;
	cursor: default;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: none;
	}
	.ui-igtree .ui-icon { position: absolute; top: 6px; left: 8px; cursor: pointer; }
	.ui-igedit .ui-icon-triangle-1-s, .ui-igtree .ui-icon-triangle-1-s { background-image: none !important; }
	.ui-igtree .ui-icon:before { font-size: 12px; }
	.ui-igedit .ui-icon-triangle-1-s:before, .ui-igtree .ui-icon-triangle-1-s:before { content: "\E252" !important; }
	.ui-igedit .ui-icon-triangle-1-e:before, .ui-igtree .ui-icon-triangle-1-e:before { content: "\E250" !important; }
	.ui-igedit .ui-state-highlight { background: none !important; }
	.ui-igedit,.ui-widget .ui-igedit { line-height: 1em !important; vertical-align: middle; }

.ui-widget-content { border-style: solid; border-width: 1px; }

.ApplicationItems { padding: 10px 15px; }

/* Form lib */
.formLib-root, .formLib-root > li > ul { list-style-type:none; margin: 3px 0px 3px 10px; }
	.formLib-category { font-size: 16px; font-weight: 600; }
	.formLib-subcategory { font-weight: bold; }
    .formLib-date { margin-left: 1em; }

.controls a.add:hover, .controls a.add:focus, .controls input.add:hover, 
	.controls input.add:focus, .controls button.add:hover, .controls button.add:focus { color: #009900 !important; }

	thead .controls a.add:hover, thead .controls a.add:focus, thead .controls input.add:hover, 
	thead .controls input.add:focus, thead .controls button.add:hover, thead .controls button.add:focus { color: #66dd66 !important; }

	.controls a.delete:hover, .controls a.delete:focus, .controls input.delete:hover, 
	.controls input.delete:focus, .controls button.delete:hover, .controls button.delete:focus { color: #990000 !important; }

.controls a.edit:hover, .controls a.edit:focus, .controls input.edit:hover, .controls input.edit:focus,
.controls button.edit:hover, .controls button.edit:focus, tr.dataTable_row_selected > .controls a.edit, 
	tr.dataTable_row_selected > .controls input.edit, tr.dataTable_row_selected > .controls button.edit { color: #ee9900 !important; }

#menu a.lock, #menu a.unlock { line-height: 20px; }
th.center, td.center { text-align: center !important; }

th.column-title, td.column-title { max-width: 300px; width: 100%; }
th.column-title > *:before, td.column-title:before {
	display: block; 
	height: 0;
	width: 150px;
	content: '';
	visibility: hidden;
}

div#contentDiv.jqx-button { z-index: 1051; }
.jqx-grid-cell.jqx-item.disabled { background-color: #ddd; }

/* slxControls overrides */
.slx-autocomplete-arrow { width: 28px; }
    .slx-autocomplete-arrow .caret {
        border-top-color: #666;
        border-top-width: 6px;
	    border-right-width: 6px;
	    border-left-width: 6px;
    }
    .slx-autocomplete-options { padding: 5px 0; max-height: 255px; }
    .slx-autocomplete-options > li { padding: 5px 15px; font-size: 1em; }
	.slx-autocomplete-options > li:first-child { margin-top: -5px; }
	.slx-autocomplete-options > li:last-child { margin-bottom: -5px; }

.slx-context-status-container { z-index: 1200; }
    .slx-context-status.alert { padding-left: 2.5rem; }
.toggle.btn .btn:not(.toggle-handle) {
	 margin: 0px !important;
}

.slx-dateselector-calendar {
	width: 275px;
	font-size: 13px;
}

.benselect.admin .slx-fixedgrid .slx-fixedgrid-scrolling .slx-fixedgrid-header {
  width: 2500px;
}
.benselect.admin .slx-fixedgrid .slx-fixedgrid-scrolling .slx-fixedgrid-body {
    width: 2500px;
}