/*
|--------------------------------------------------------------------------
| FONT / COLOURS
|--------------------------------------------------------------------------
*/
/* Headings */
.heading_1 {
  margin: .67em 0;
  font-size: 2em;
  font-weight: bold;
  color: #504ca1;
}
.heading_2 {
  margin: .75em 0;
  font-size: 1.5em;
  font-weight: normal;
  color: #504ca1;
}
.heading_3 {
  margin: .83em 0;
  font-size: 1.17em;
  font-weight: normal;
  color: #504ca1;
}
.heading_4 {
  margin: 1em 0;
  font-size: 1em;
  font-weight: normal;
  color: #504ca1;
}
.heading_5 {
  margin: 1.5em 0;
  font-size: 0.83em;
  font-weight: normal;
  color: #504ca1;
}
.heading_6 {
  margin: 1.67em 0;
  font-size: 0.75em;
  font-weight: normal;
  color: #504ca1;
}
/* Colours */
/* Implementation */
.base {
  color: #504ca1;
}
.lighter1 {
  color: #6c68b8;
}
.lighter2 {
  color: #8e8bc8;
}
.darker1 {
  color: #3f3c7e;
}
.darker2 {
  color: #2e2b5c;
}
.complement1 {
  color: #9da14c;
}
.complement2 {
  color: #b4b868;
}
/*
|--------------------------------------------------------------------------
| SIZING / POSITIONING
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| TYPOGRAPHY
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| VISIBILITY
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| BORDERS/SHADOW
|--------------------------------------------------------------------------
*/
.dark_border {
  border: 1px solid #282651;
}
.light_border {
  border: 1px solid #e6e6e6;
}
/*
|--------------------------------------------------------------------------
| GENERAL STYLING
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| FORMS
|--------------------------------------------------------------------------
*/
.text_input_field {
  line-height: 12px;
  padding: 2px 5px;
  outline: none;
  font-size: 10px;
  font-family: "Arial,​Helvetica,​sans-serif";
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
  border: 1px solid #8e8bc8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #141414;
}
.form_elements {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.apt_controls {
  position: relative;
  top: 0px;
  right: 0px;
}
div.apt_tabs {
  width: 100%;
  height: 600px;
  border-bottom: 0;
}
div.margin {
  margin: 0px 15px;
}
div.grid_container {
  margin: 0px 0px 5px 0px;
}
div.toolbar_container {
  height: 27px;
}
div.params_container {
  width: 400px;
  text-align: left;
  margin: 10px auto;
}
div.param_caption {
  width: 200px;
  height: 20px;
  text-align: left;
  display: inline;
}
div.param_field {
  width: 200px;
  height: 20px;
  text-align: left;
  display: inline;
}
div.params_submit {
  float: right;
}
div.form_container {
  margin: 20px auto;
  text-align: left;
}
div.form_content table {
  width: 100%;
  border-collapse: collapse;
}
div.form_content td {
  vertical-align: top;
  text-align: left;
}
div.form_content fieldset {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 10px 0;
  padding: 0;
  /* was 1em */
 background: #FBFBFB;
 border: 1px solid #BBBBBB;
 -moz-box-shadow: 0 0 5px #CCCCCC;
  -webkit-box-shadow: 0 0 5px #CCCCCC;
  box-shadow: 0 0 5px #CCCCCC;
}
div.form_content legend {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #e6e6e6;
  color: #504ca1;
  font-size: 1.3em;
  padding: 0.1em 0.5em;
}
div.form_element_container {
  padding: 2px 4px;
  text-align: left;
}
div.form_element_caption {
  margin: 0px 2px 2px 2px;
  display: block;
  width: 100%;
  font-size: 1.1em;
  color: #504ca1;
}
div.form_element_caption h1 {
  margin: 0px;
  font-size: 1.1em;
  font-weight: normal;
  color: #222222;
}
div.form_element_caption h2 {
  margin: 0px;
  font-size: 1em;
  font-weight: normal;
  color: #504ca1;
}
div.form_element_caption h1 a {
  text-decoration: underline;
  font-size: 1.1em;
}
div.form_element_caption h1 a img.fk_add {
  text-decoration: none;
  margin-right: 5px;
}
div.form_element {
  display: block;
  width: 100%;
  text-align: left;
}
div.form_element input[disabled] {
  background-color: #eaeaea;
  color: #000000;
}
div.form_element input[readonly="readonly"]
,div.form_element input[disabled="disabled"]
,div.form_element textarea[readonly="readonly"]
,div.form_element textarea[disabled="disabled"]
,div.form_element select[readonly="readonly"]
,div.form_element select[disabled="disabled"] {
  background-color: #eaeaea;
  color: #000000;
}
div.form_element select[disabled] {
  background-color: #eaeaea;
  color: #000000;
}
div.form_element .apt_text {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_longtext 
,div.form_element .apt_sql_longtext {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_pk {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_sql {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_number {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_date {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_datetime {
  width: 100%;
  margin: 0px;
  padding: 2px;
  color: #141414;
}
div.form_element .apt_fk {
  background-color: #ffffff;
  width: 100%;
  margin: 0px;
}
div.form_element .apt_boolean {
  margin-top: 5px;
  font-size: 1.1em;
}
div.form_element .apt_html {
  width: 100%;
  font-size: 0.8em;
}
div.form_element_controls {
  float: right;
}
div.form_container_scroll {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-top: 20px;
}
.dhx_combo_list {
  border: 1px solid #4dadad;
}
.dhx_combo_list div {
  border-bottom: 1px solid #b6b6b6;
}
.dhx_combo_box {
  border: 1px solid #4dadad;
  font-size: 1em;
}
.dhx_combo_input {
  font-size: 1em;
}
.ui-combobox {
  width: 100%;
}
.group_legend {
  /* .heading (@lighter_1, #ffffff, @darker_1, 0); */
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #e6e6e6;
}
.group_legend div {
  font-weight: bold;
  font-size: 1.4em;
  padding: 5px 5px 0;
  color: #5097DD;
}
.group_content {
  margin: 5px;
}
.group_legend .ui-icon-carat-1-s {
  background-image: url(images/ui-icons_474490_256x240.png);
  background-position: -64px 0;
}
.group_legend .ui-icon-carat-1-n {
  background-image: url(images/ui-icons_474490_256x240.png);
  background-position: 0 0;
}
.form_actions {
  margin: 0px auto 0px -507px;
  padding: 3px 0px 0px 0px;
  height: 38px;
  position: absolute;
  left: 50%;
  background-color: white;
  border-bottom: 1px solid #282651;
  z-index: 999;
}
.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px;
}
.ui-multiselect-filter {
  float: left;
  font-size: 11px;
}
.ui-multiselect-filter input {
  width: 100px;
  font-size: 10px;
  margin-left: 5px;
  height: 15px;
  padding: 2px;
  border: 1px solid #292929;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
.ui-multiselect-checkboxes label input {
  margin-right: 5px;
}
.ui-multiselect-checkboxes label {
  height: 16px;
  line-height:16px;
  padding: 2px;
  overflow:hidden;
}
.ui-multiselect-checkboxes li label span {
  position: relative;
  top: -2px;
  left: 0px;
}
.ui-multiselect-header span.ui-icon {
  float: left;
  margin-top: -3px;
}
.active_button {
  background: url("images/ui-bg_inset-hard_100_dfdeee_1x100.png") repeat-x scroll 50% 50% #dfdeee;
  border: 1px solid #5F5BAD;
  color: #4F4B96;
  font-weight: bold;
}
.grid_params_show {
	display: inline;
	float: left;
}
.grid_param {
  display: inline;
  float: left;
  height: 30px;
  margin: 0px 0px;
  padding:0;
}
.grid_param_label {
  display: inline-block;
  padding: 4px 10px 4px 0px;
   vertical-align:middle;
}
.grid_param_element {
  display: inline-block;
  margin-right: 5px;
   vertical-align:middle;
}
.grid_param_element button.ui-multiselect {
	padding:0;
}
.grid_param_element button.ui-multiselect span.ui-icon-triangle-2-n-s {
	margin-top:-2px;
}
.grid_param_element input.hasDatepicker {
	width:80px;
}
.grid_param_container {
  display: inline;
  width:50%;
  float: left;
  margin-left: 20px;
  // position: relative;
}
 
.grid_actions {
  display: block;
  width:45%;
  float: right;
  margin-bottom: 5px;
  
}
.grid_actions button {
  margin-left: 8px;
  float: right;
  
}
.grid_title {
  display: inline;
  float: left;
  margin-bottom: 5px;
  line-height: 27px;
}
.grid_title h2 {
  font-size: 1.75em;
  font-weight: bold;
  color: #504ca1;
}
.tabGrid					{height: 80%;}
.fullPageGrid				{height:90%;}
.ui-tabs .ui-tabs-panel {
	min-height: 600px;
}
.form_element .jsonWrapper img, .form_element .jsonWrapper input.aptinput {
	vertical-align:middle;
}
div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
	text-transform:none !important;
}
button.ui-multiselect {
	display:inline-block;
}
.grid_param_container [data-role="button"], .grid_actions [data-role="button"], .grid_param_container button, .grid_actions button { 
	margin-top:0 !important; 
	margin-bottom:0 !important; 
}
.jsonWrapper .jsonKey {
	width:200px;
}
.jsonWrapper .jsonValue {
	width:600px;
}