/******************************************************************************************************************************************************/
/********| BODY                                                                                                                                |*******/
body											{ font-family: 'Open Sans', sans-serif; font-size: 14px; background-color: #fafafa; }
header										{ position: relative; z-index: 10; }
footer										{ position: relative; }
section										{ position: relative; z-index: 1; }
/******************************************************************************************************************************************************/

/******************************************************************************************************************************************************/
/********| GREY                                                                                                                                |*******/
/********| Borders                                                                                                                             |*******/
.border_grey_eeeeee						{ border:1px solid #eeeeee; !important}
.border_grey_bbbbbb						{ border:1px solid #bbbbbb;  !important}
.border_grey_969696						{ border:1px solid #969696;  !important}
/********| Backgrounds                                                                                                                         |*******/
.background_grey_eeeeee					{ background-color: #eeeeee; }
/******************************************************************************************************************************************************/



/******************************************************************************************************************************************************/
/********| TABS                                                                                                                                |*******/
#tabs											{ padding: 0; border: none; }

#tabs .ui-tabs-nav						{ margin: 0 0 -1px 0; padding: 0; border: none;
												  background: #ffffff;
												  background: linear-gradient(to bottom, #fafafa 0%,#fafafa 62%,#eeeeee 100%); }
#tabs .ui-tabs-nav li					{ margin: 0; padding: 0 3px 0 0; border: none; background: transparent; }
#tabs .ui-tabs-nav li a					{ margin: 0; padding: 5px 8px;
												  color: #969696; font-weight: normal; font-size: 13px;
												  border: 1px solid #cccccc; border-radius: 4px 4px 0 0;
												  background: transparent; outline: none; }

#tabs .ui-tabs-nav li.ui-tabs-active a,
#tabs .ui-tabs-nav li:hover a			{ background: #ffffff; border-bottom: 1px solid #ffffff; color: #222222; }

#tabs .ui-tabs-panel						{ padding: 0; background: #ffffff; border: 1px solid #cccccc; }

#tab_filter									{ border: none; float: right; padding: 0 0 4px 0 !important; }

#filter_container							{ padding: 0 1vW 1vW 1vW; }
#filter_box									{ float: right; padding: 5px 0 5px 42px;
												  background: url('/pages2015/img/service_navi/search_969696.png') no-repeat left center; background-size: 36px 36px; }
#filter_box input							{ width: 300px; padding: 3px 7px !important; border-width: 0 0 1px 0; border-color: #969696; background: transparent; }
#filter_box input:focus					{ background: #646464; color: #ffffff; }

.tab_content								{ padding: 24px; }
/******************************************************************************************************************************************************/

/******************************************************************************************************************************************************/
/********| DATATABLE                                                                                                                           |*******/
table.dataTable tbody tr:hover		{ background-color: #d6e8f6 !important; }


.dataTables_filter						{ float: right; padding: 5px 0 5px 42px; margin-top: -40px;
												  background: url('/pages2015/img/service_navi/search_969696.png') no-repeat left center; background-size: 36px 36px; }
.dataTables_filter input				{ width: 300px; padding: 3px 7px !important; border-width: 0 0 1px 0 !important; border-color: #969696; background: transparent; }
.dataTables_filter input:focus		{ background: #646464; color: #ffffff; }



.noselect, .noselect *					{ -webkit-touch-callout: none;
												  -webkit-user-select: none;
												  -khtml-user-select: none;
												  -moz-user-select: none;
												  -ms-user-select: none;
												  user-select: none; }


/********| TABLE                                                                                                                               |*******/
.text_center								{ text-align: center !important; }
.text_right									{ text-align: right !important; }
.text_right table							{ float: right; }
.text_left									{ text-align: left !important; }
.text_nowrap								{ white-space: nowrap; }