/* Sections */
section						{ margin-bottom: 60px; }	/* not used yet */
.css_section_text			{ margin-bottom: 10px; }
.css_section				{ margin-bottom: 20px; }

.css_section_FormRepeat .css_form_body	{ padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #EEEEEE; }
.css_form_body.fluid .css_label	{ font-size: 8pt; color: gray; }
.css_form_body.fluid .css_disp	{ display: block; font-size: 10pt; overflow-wrap: break-word; }
.css_form_body.fluid .row-fluid { margin-bottom: 15px; }

/* Hierarchy Sections */
div.css_section_Hierarchy li > div	{ display: inline; }
div.css_section_Hierarchy td { min-width: 20px; padding-right: 10px; }
div.css_section_Hierarchy ul { list-style-type: none; }
div.css_section_Hierarchy ul > li > a.css_hier_ctrl	{ cursor: pointer; }
div.css_section_Hierarchy ul > li.css_expanded   > a.css_hier_ctrl:before		{ content: "\2212"; }
div.css_section_Hierarchy ul > li.css_contracted > a.css_hier_ctrl:before		{ content: "\002B"; }
div.css_section_Hierarchy ul > li.css_contracted > ul		{ display: none; }

table.css_tree_table_layout a.css_hier_ctrl	{ cursor: pointer; }
table.css_tree_table_layout tr.css_expanded   > td > a.css_hier_ctrl:before		{ content: "\2212"; }
table.css_tree_table_layout tr.css_contracted > td > a.css_hier_ctrl:before		{ content: "\2212"; }

div.css_section_SkillsTree li { height: 30px; }
div.css_section_SkillsTree li > div	{ display: inline; position: absolute; left: 650px; }
div.css_section_SkillsTree label { margin: 0 20px 0 5px; vertical-align: middle; }
div.css_section_SkillsTree td { min-width: 20px; padding-right: 10px; }

/* Search Sections */
table.css_search_filters	{ border-collapse: separate; border-spacing: 10px; }
.css_filter_label			{ font-weight: bold; text-align: right; }
.css_filter_oper_disp		{ padding-bottom: 6px; }
div.css_search_control > *	{ margin: 0 10px 10px 0; display: inline; }
div.css_search_control > button	{ margin-top: 10px; }

/* Tile Sections */
div.css_section_Tiles input	{ margin-right: 10px; margin-bottom: 10px; }
div.css_section_Tiles .btn	{ margin-right: 10px; margin-bottom: 10px; }
.css_tile			{ display: inline-block; margin: 5px; padding: 5px; border: 1px solid #ddd; border-radius: 5px;  cursor: pointer; background-color: #F8F8F8; }
.css_tile:hover   { background-color: #EEE; }
.css_tile > img		{ margin-right: 4px; }
.css_tile > div		{ display: inline; }
.css_tiles_footer	{ clear: left; }
td > .css_tile    { text-align: left; }

.css_section_HomePageSection i.icon-large		{ vertical-align: middle; margin-right: 6px; }

.css_diagram		{ display: inline-block; margin-left: 10px; vertical-align: middle; }


/* Forms */
#css_body select, textarea,
input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"], .uneditable-input { margin-bottom: 0px; }

.css_align_right input::-ms-clear	{ display: none; }			/* Disable IE clear button ('X') in IE for right aligned inputs */
input, textarea				{ font-family: "Courier New"; }
				 .control-group		{ margin-bottom: 0; }
.form-horizontal .control-group		{ margin-bottom: 10px; }
.form-horizontal .control-label		{ padding-top: 0; }
div.controls				{ font-weight: bold; }
div.css_type_datetime > input:first-child { margin-right: 5px; }
#nino_input_div { display: inline-block; vertical-align: middle;}
#nino_date_input { margin-right: 30px; }
table.multi-column			{ border-collapse: separate; border-spacing: 10px; }
div.css_type_duration.css_edit > span	{ margin-left: 20px; }
div.css_type_duration > span > label	{ display: inline-block; margin: 0 20px 0 5px; vertical-align: middle; }
div.css_type_ganttblock		{ height: 10px; position: relative; background-color: rgb(154, 158, 252); border: 1px solid blue; }
div.css_richtext.css_edit > div	{
								background-color: #FFFFFF; border: 1px solid black;
								box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
								transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
								border-radius: 4px 4px 4px 4px; padding: 4px;
							}
div.css_richtext table		{ border-collapse: collapse; }
div.css_richtext table td	{ border: 1px solid #aaa; padding: 4px; }

/* underline tooltips even before hover, unless the label is a unicode icon */
a[rel='tooltip'][title]						{ text-decoration: underline; }
a[rel='tooltip'][title].css_uni_icon		{ text-decoration: none; }






img							{ vertical-align: middle; border: 0; margin-right: 4px; }
div.dropdown				{ display: inline; }
img.ui-datepicker-trigger	{ cursor: pointer; margin-left: 4px; }
div.css_type_textarea		{
								/* to work inside tables */ white-space: pre-wrap; /* css-3 */
								white-space: -moz-pre-wrap; /* Mozilla, since 1999 */   white-space: -pre-wrap; /* Opera 4-6 */
								white-space: -o-pre-wrap;    /* Opera 7 */              word-wrap: break-word;  /* Internet Explorer 5.5+ */
							}
div.css_richtext			{ border-color: #004B51; }
div.controls.css_richtext	{ font-weight: normal; }
.css_type_horizbuttons label	{ display: inline; margin-left: 5px; margin-right: 10px; }

div.qq-uploader				{ display: inline-block; width: auto; }
div.qq-upload-button		{ /* this is a straight copy of Twitter-Bootstrap .btn */
								-moz-border-bottom-colors: none; -moz-border-left-colors: none;
								-moz-border-right-colors: none; -moz-border-top-colors: none;
								background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
								background-repeat: repeat-x;
								border-color: #BBBBBB #BBBBBB #A2A2A2; border-image: none;
								border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px;
								box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
								color: #333333; cursor: pointer; display: inline-block;
								font-size: 10pt; line-height: 20px;
								margin-bottom: 0; padding: 4px 12px;
								text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
								vertical-align: middle; }
ul.qq-upload-list			{ display: inline-block; margin-left: 10px; }
ul.qq-upload-list > li		{ border-radius: 5px; padding: 6px; font-weight: normal; font-size: 10pt; }
ul.qq-upload-list > li a	{ text-decoration: underline; color: black; }

span.css_attr_item			{ display: inline-block; }
span.css_attr_item > label	{ display: inline; margin-left: 5px; margin-right: 15px; vertical-align: middle; }
#css_page_tabs				{ margin-bottom: 0; }
#css_page_tabs > li			{ cursor: pointer; }

.css_page_sections > div	{ vertical-align: top; }

.css_logged_in				{ display: none !important; }
.css_not_logged_in			{ display: none !important; }
.css_hide					{ display: none; }
.hide_css					{ display: none !important; }
.css_cmd					{ cursor: pointer; }
.css_undo_link				{ font-weight: bold; text-decoration: underline; }
.dropdown-toggle			{ cursor: pointer; }



/* Lists */
table.css_list				{ margin-bottom: 0; }
table.css_list thead th		{ vertical-align: top; }
.css_list th				{ background:#F0F0F0; }
.css_list tr[url]			{ cursor: pointer; }
.table-hover tbody tr[url]:hover td,.table-hover tbody tr:hover th{ background-color: #CACACA/*#D1BCD3*/; }
tr.css_row_odd				{ background-color: #F8F8F8; }
tr.css_row_start 			{ background-color: #EEE; }
tr.css_row_total 			{ background-color: #EEE; }
/* tr.css_row_total > td 		{ text-align: right; } */
th.css_level_break_header	{ width: 20px; }
th.css_col_group_header		{ text-align: center; }
tr.css_row_hidden			{ display: none; }

.css_right_align_numbers th.css_type_number			{ text-align: right; }
.css_right_align_numbers td.css_type_number			{ text-align: right; }
.css_right_align_numbers th.css_align_center		{ text-align: center; }
.css_right_align_numbers td.css_align_center		{ text-align: center; }
.css_right_align_numbers th.css_align_right			{ text-align: right; }
.css_right_align_numbers td.css_align_right			{ text-align: right; }
.css_right_align_numbers td.css_align_right	input	{ text-align: right; }

/* Adding .controls to the parent div of span.help-inline would negate the need for the code below */
.css_edit.error .help-inline { color: #b94a48; font-weight: bold; }

.css_uni_icon				{ font-size: 10pt; font-weight: normal; margin-right: 4px; }
.css_uni_icon:hover			{ text-decoration: none; color: black; }
.css_uni_icon_lrg			{ font-size: 12pt; font-weight: bold; margin-right: 4px; }
.css_uni_icon_lrg:hover		{ text-decoration: none; color: black; }
.css_uni_icon_off			{ font-size: 10pt; margin-right: 4px; text-decoration: none; }
.css_uni_icon_off:hover		{ text-decoration: none; }

span.css_list_control		{ display: inline-block; width: 50px; text-align: center; }
td.css_col_control			{ width: 16px; }
span.css_list_add			{ margin: 0 5px 0 0 }
span.css_list_add > span.add-on			{ padding: 0 6px; font-size: x-small; }
span.css_list_add > select 				{ padding: 0 6px; font-size: x-small; line-height: 20px; height: 22px; }

span.css_row_pager i, span.css_list_col_chooser i, td.css_col_control i, span.css_list_add i { opacity: 0.75; }
span.css_column_pager		{ float: right; }
span.css_list_rowcount		{ font-size: x-small; text-align: center; }
span.css_list_col_chooser 	{ cursor: pointer; float: right; }
div.css_list_choose_cols	{ margin: 2px; padding: 4px; font-size: smaller; }
div.css_list_choose_cols > button	{ margin: 0 2px 2px 0 }
span.css_list_cols_filter > *		{ display: inline; margin-right: 10px; margin-bottom: 2px; height: 12px; line-height: 12px; }
span.css_list_level_break_chooser		{ margin-right: 5px; }

/*Column Chooser Join Feature*/
div.css_list_choose_cols_header { height: 40px; }
div.css_list_choose_cols_join_type_btn_group { margin-right: 20px; }
.css_remove_join_btn { margin-right: 20px; }

/* Bulk */
th.css_mr_sel				{ width: 15px; }
th.css_row_control			{ width: 50px; }
tr.css_mr_selected > td		{ background-color: #cef /* #8cc3dd */ !important; }
td.css_mr_sel > input 		{ display: none }
td.css_mr_sel > span.icon-ok	{ display: none; }
tr.css_mr_selected > td.css_mr_sel > span.icon-ok	{ display: inline-block; }
table.css_mr_selecting > tfoot > tr.css_mr_actions > td    { background-color: #cef !important; }
.css_bulk_rowcount			{ min-width: 100px; font-size: x-small; text-align: center; }
/* .css_bulk, .css_bulk_select { margin-left: 5px; } */

div.modal.fade.in           { top: 50px; z-index: 2000000001;}       /* Modal window disappears on narrow screens */
div.modal-backdrop.fade.in  { z-index: 2000000000;}
.modal-footer				{ line-height: 35px; }				/* space between rows of buttons if they wrap around */



div.css_page_links			{ margin-top: 10px; }
div.css_messages			{ margin-top: 10px; height: 60%; }
div.css_messages > div.alert	{ padding: 8px; overflow-wrap: break-word; }
.messages					{ margin-top: 10px; }

/* Buttons at bottom */
div.css_page_buttons		{ clear: both; margin-bottom: 20px; }
div.css_page_buttons > button	{ margin-right: 10px; }


/*Scroll Pane Sections*/
.css_scroll					{ overflow-x: auto; overflow-y: visible; }
.jspDrag					{ background-color: #3E0543; }
.jspTrack					{ background-color: #54075B; }



.css_scroll	 .table.fixedCol {
    width: auto;
    position: absolute;
    /* below styles are specific for borderd Bootstrap tables
       to remove rounded corners on cloned table */
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
       -moz-border-radius-topright: 0px;
       -moz-border-radius-bottomright: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
}


/* TB Overrides for "Flat Design" */
.well			{ box-shadow: none; }
.navbar .nav > .active > a			{ box-shadow: none; }
.navbar .nav > .active > a:hover	{ box-shadow: none; }
.navbar .nav > .active > a:focus	{ box-shadow: none; }

.css_resp_div_block > * {
	margin: 4px 4px 0px 0px;
}

.radiusParent {
	margin-left: -10px !important;
}

@media (max-width: 767px) 	{
	.radiusParent {
		margin-left: 0px !important;
	}
}

.radiusfilter2 {
	margin-right: 4px;
}

@media (max-width: 439px) 	{
	.radiusfilter {
		margin-top: 4px;
	}
}