diff --git a/css/css-variables.scss b/css/css-variables.scss
index 99e2fed21..6e61874f8 100644
--- a/css/css-variables.scss
+++ b/css/css-variables.scss
@@ -5,4 +5,4 @@ $complement-light: #d6e8ef;
 $frame-background-color: #F1F1F1;
 $text-color: #000;
 // Beware the version number MUST be enclosed with quotes otherwise v2.3.0 becomes v2 0.3 .0
-$version: "v2.4.0-beta";
\ No newline at end of file
+$version: "v2.4.0";
\ No newline at end of file
diff --git a/css/light-grey.css b/css/light-grey.css
index fdd4afde3..3e227a843 100644
--- a/css/light-grey.css
+++ b/css/light-grey.css
@@ -7,243 +7,226 @@ body {
   /* Remove body margin/padding */
   padding: 0;
   overflow: hidden;
-  /* Remove scroll bars on browser window */
-}
+  /* Remove scroll bars on browser window */ }
+
 body.printable-version {
   margin: 1.5em;
-  overflow: auto;
-}
+  overflow: auto; }
+
 /* to prevent flicker, hide the pane's content until it's ready */
 .ui-layout-center, .ui-layout-north, .ui-layout-south {
-  display: none;
-}
+  display: none; }
+
 .ui-layout-content {
-  padding-left: 10px;
-}
-.ui-layout-content .ui-tabs-nav li {
-  /* Overriding jQuery UI theme to see active tab better */
-  margin-bottom: 2px;
-}
-.ui-layout-content .ui-tabs-nav li.ui-tabs-active {
-  padding-bottom: 3px;
-}
+  padding-left: 10px; }
+
 .raw_output {
   font-family: Courier-New, Courier, Arial, Helvetica;
   font-size: 8pt;
-  background-color: #eee;
+  background-color: #eeeeee;
   color: #000;
   border: 1px dashed #000;
   padding: 0.25em;
-  margin-top: 1em;
-}
+  margin-top: 1em; }
+
 h1 {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   color: #000;
   font-weight: bold;
-  font-size: 12pt;
-}
+  font-size: 12pt; }
+
 h2 {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   color: #000;
   font-weight: normal;
-  font-size: 12pt;
-}
+  font-size: 12pt; }
+
 h3 {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   color: #000;
   font-weight: normal;
-  font-size: 10pt;
-}
+  font-size: 10pt; }
+
 label {
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 .hilite, .hilite a, .hilite a:visited {
-  color: #e87c1e;
-  text-decoration: none;
-}
+  color: #E87C1E;
+  text-decoration: none; }
+
 table.datatable {
   width: 100%;
   border: 0;
-  padding: 0;
-}
+  padding: 0; }
+
 td.menucontainer {
-  text-align: right;
-}
+  text-align: right; }
+
 table.listResults {
   padding: 0px;
-  border-top: 3px solid #f1f1f1;
-  border-left: 3px solid #f1f1f1;
+  border-top: 3px solid #F1F1F1;
+  border-left: 3px solid #F1F1F1;
   border-bottom: 3px solid #e6e6e1;
   border-right: 3px solid #e6e6e1;
   width: 100%;
-  background-color: #fff;
-}
+  background-color: #fff; }
+
 table.listResults td {
-  padding: 2px;
-}
+  padding: 2px; }
+
 table.listResults td .view-image {
   width: inherit !important;
-  height: inherit !important;
-}
-table.listResults td .view-image img {
-  max-width: 48px !important;
-  max-height: 48px !important;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
+  height: inherit !important; }
+  table.listResults td .view-image img {
+    max-width: 48px !important;
+    max-height: 48px !important;
+    display: block;
+    margin-left: auto;
+    margin-right: auto; }
+
 .edit-image .view-image {
-  display: inline-block;
-}
-.edit-image .view-image img[src=""], .edit-image .view-image img[src="null"] {
-  visibility: hidden;
-}
-.edit-image .view-image.dirty.compat {
-  background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png");
-}
-.edit-image .view-image.dirty.compat img {
-  opacity: 0.3;
-}
+  display: inline-block; }
+  .edit-image .view-image img[src=""],
+  .edit-image .view-image img[src="null"] {
+    visibility: hidden; }
+  .edit-image .view-image.dirty.compat {
+    background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png"); }
+    .edit-image .view-image.dirty.compat img {
+      opacity: 0.3; }
 .edit-image .edit-buttons {
   display: inline-block;
   vertical-align: top;
   margin-top: 4px;
-  margin-left: 3px;
-}
-.edit-image .edit-buttons .button {
-  cursor: pointer;
-  margin-bottom: 3px;
-  padding: 2px;
-  background-color: #e87c1e;
-}
-.edit-image .edit-buttons .button.disabled {
-  cursor: default;
-  background-color: #555;
-  opacity: 0.3;
-}
-.edit-image .edit-buttons .button .ui-icon {
-  background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png");
-}
+  margin-left: 3px; }
+  .edit-image .edit-buttons .button {
+    cursor: pointer;
+    margin-bottom: 3px;
+    padding: 2px;
+    background-color: #E87C1E; }
+    .edit-image .edit-buttons .button.disabled {
+      cursor: default;
+      background-color: #555555;
+      opacity: 0.3; }
+    .edit-image .edit-buttons .button .ui-icon {
+      background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png"); }
 .edit-image .file-input {
-  display: block;
-}
+  display: block; }
+
 /* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition) */
 .details .view-image {
   text-align: center;
   padding: 2px;
-  border: 2px solid #ddd;
-  border-radius: 6px;
-}
-.details .view-image img {
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 90% !important;
-  max-height: 90% !important;
-}
-.details .view-image .helper-middle {
-  display: inline-block;
-  height: 100%;
-  vertical-align: middle;
-}
+  border: 2px solid #DDDDDD;
+  border-radius: 6px; }
+  .details .view-image img {
+    display: inline-block;
+    vertical-align: middle;
+    max-width: 90% !important;
+    max-height: 90% !important; }
+  .details .view-image .helper-middle {
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle; }
+
 table.listContainer {
   border: 0;
   padding: 0;
   margin: 0;
   width: 100%;
-  clear: both;
-}
+  clear: both; }
+
 tr.containerHeader, tr.containerHeader td {
-  background: transparent;
-}
+  background: transparent; }
+
 tr.even td, .wizContainer tr.even td {
-  background-color: #f1f1f1;
-}
+  background-color: #F1F1F1; }
+
 tr.red_even td, .wizContainer tr.red_even td {
   background-color: #f97e75;
-  color: #fff;
-}
+  color: #fff; }
+
 tr.red td, .wizContainer tr.red td {
   background-color: #f9a397;
-  color: #fff;
-}
+  color: #fff; }
+
 tr.orange_even td, .wizContainer tr.orange_even td {
-  background-color: #f4d07a;
-}
+  background-color: #f4d07a; }
+
 tr.orange td, .wizContainer tr.orange td {
-  background-color: #f4e96c;
-}
+  background-color: #f4e96c; }
+
 tr.green_even td, .wizContainer tr.green_even td {
-  background-color: #bee5a3;
-}
+  background-color: #bee5a3; }
+
 tr.green td, .wizContainer tr.green td {
-  background-color: #b3e5b4;
-}
+  background-color: #b3e5b4; }
+
 tr td.hover, tr.even td.hover, .hover a, .hover a:visited, .hover a:hover, .wizContainer tr.even td.hover, .wizContainer tr td.hover {
   background-color: #fdf5d0;
-  color: #000;
-}
+  color: #000; }
+
 th {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 8pt;
   color: #1c94c4;
   height: 20px;
-  background: #f1f1f1 bottom repeat-x;
-}
+  background: #F1F1F1 bottom repeat-x; }
+
 th.header {
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: center right;
   background-repeat: no-repeat;
-  padding-right: 16px;
-}
+  padding-right: 16px; }
+
 th.headerSortUp {
   background-image: url(../images/asc.gif);
   text-decoration: underline;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 th.headerSortDown {
   background-image: url(../images/desc.gif);
   text-decoration: underline;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 td {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 12px;
   color: #696969;
-  nobackground-color: #fff;
-  padding: 0px;
-}
+  nobackground-color: #ffffff;
+  padding: 0px; }
+
 tr.clicked td {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: smaller;
-  background-color: #ffcfe8;
-}
+  background-color: #ffcfe8; }
+
 td.label {
-  vertical-align: top;
-}
+  vertical-align: top; }
+
 td.label span {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 12px;
-  color: #000;
+  color: #000000;
   padding: 5px;
   padding-right: 10px;
   font-weight: bold;
   vertical-align: top;
   text-align: right;
-  display: block;
-}
+  display: block; }
+
 fieldset td.label span {
   padding: 3px;
-  padding-right: 10px;
-}
+  padding-right: 10px; }
+
 fieldset {
   margin-top: 3px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   border-style: solid;
-  border-color: #ddd;
-}
+  border-color: #ddd; }
+
 legend {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 12px;
@@ -253,75 +236,75 @@ legend {
   font-weight: bold;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
-  border-radius: 6px;
-}
+  border-radius: 6px; }
+
 legend.transparent {
   background: transparent;
-  color: #333;
+  color: #333333;
   font-size: 1em;
   font-weight: normal;
-  padding: 0;
-}
+  padding: 0; }
+
 .ui-widget-content td legend a, .ui-widget-content td legend a:hover, .ui-widget-content td legend a:visited {
-  color: #fff;
-}
+  color: #fff; }
+
 .ui-widget-content td a, p a, p a:visited, td a, td a:visited {
   text-decoration: none;
-  color: #1c94c4;
-}
+  color: #1c94c4; }
+
 .ui-widget-content td a.cke_button, .ui-widget-content td a.cke_toolbox_collapser, .ui-widget-content td a.cke_combo_button, cke_dialog a {
   padding-left: 0;
-  background-image: none;
-}
+  background-image: none; }
+
 .ui-widget-content td a:hover, p a:hover, td a:hover {
   text-decoration: underline;
-  color: #e87c1e;
-}
+  color: #E87C1E; }
+
 .cke_reset_all *:hover {
   text-decoration: none;
-  color: #000;
-}
+  color: #000; }
+
 table.cke_dialog_contents a.cke_dialog_ui_button_ok {
   color: #000;
-  border-color: #e87c1e;
-  background: #e87c1e;
-}
+  border-color: #E87C1E;
+  background: #E87C1E; }
+
 .cke_notifications_area {
-  display: none;
-}
+  display: none; }
+
 td a.no-arrow, td a.no-arrow:visited, .SearchDrawer a.no-arrow, .SearchDrawer a.no-arrow:visited {
   text-decoration: none;
-  color: #000;
+  color: #000000;
   padding-left: 0px;
-  background: inherit;
-}
+  background: inherit; }
+
 td a.no-arrow:hover {
   text-decoration: underline;
   color: #d81515;
   padding-left: 0px;
-  background: inherit;
-}
+  background: inherit; }
+
 td a.mailto, td a.mailto:visited {
   text-decoration: none;
-  color: #000;
+  color: #000000;
   padding-left: 20px;
-  background: url(../images/mail.png?v=v2.4.0) no-repeat left;
-}
+  background: url(../images/mail.png?v=v2.4.0) no-repeat left; }
+
 td a.mailto:hover {
   text-decoration: underline;
-  color: #e87c1e;
+  color: #E87C1E;
   padding-left: 20px;
-  background: url(../images/mail.png?v=v2.4.0) no-repeat left;
-}
+  background: url(../images/mail.png?v=v2.4.0) no-repeat left; }
+
 a.small_action {
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 8pt;
-  color: #000;
-  text-decoration: none;
-}
+  color: #000000;
+  text-decoration: none; }
+
 .display_block {
-  padding: 0.25em;
-}
+  padding: 0.25em; }
+
 .actions_details {
   float: right;
   margin-top: 10px;
@@ -329,83 +312,83 @@ a.small_action {
   padding-left: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
-  background: #e87c1e url(../images/actions_left.png?v=v2.4.0) no-repeat left;
-}
+  background: #E87C1E url(../images/actions_left.png?v=v2.4.0) no-repeat left; }
+
 .actions_details span {
-  background: url(../images/actions_right.png?v=v2.4.0-beta) no-repeat right;
+  background: url(../images/actions_right.png?v=v2.4.0) no-repeat right;
   color: #fff;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
-  padding-right: 12px;
-}
+  padding-right: 12px; }
+
 .actions_details a {
-  text-decoration: none;
-}
+  text-decoration: none; }
+
 .loading {
-  noborder: 1px dashed #ccc;
+  noborder: 1px dashed #CCC;
   background: #b9c1c8;
-  padding: 0.25em;
-}
+  padding: 0.25em; }
+
 input.textSearch {
   border: 1px solid #000;
-  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
+  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
-  color: #000;
-}
+  color: #000000; }
+
 .ac_input {
   border: 1px solid #7f9db9;
-  background: #fff url(../images/ac-background.gif) no-repeat right;
-}
+  background: #fff url(../images/ac-background.gif) no-repeat right; }
+
 /* By Rom */
 .csvimport_createobj {
-  color: #a00;
-  background-color: #eee;
-}
+  color: #AA0000;
+  background-color: #EEEEEE; }
+
 .csvimport_error {
   font-weight: bold;
-  color: #f00;
-  background-color: #eee;
-}
+  color: #FF0000;
+  background-color: #EEEEEE; }
+
 .csvimport_warning {
-  color: #c88;
-  background-color: #eee;
-}
+  color: #CC8888;
+  background-color: #EEEEEE; }
+
 .csvimport_ok {
-  color: #000 0;
-  background-color: #bfb;
-}
+  color: #00000;
+  background-color: #BBFFBB; }
+
 .csvimport_reconkey {
   font-style: italic;
-  color: #888;
-  background-color: #fff FF;
-}
+  color: #888888;
+  background-color: #FFFFF; }
+
 .csvimport_extreconkey {
-  color: #888;
-  background-color: #fff;
-}
+  color: #888888;
+  background-color: #FFFFFF; }
+
 #accordion {
-  display: none;
-}
+  display: none; }
+
 #accordion h3 {
-  padding: 10px;
-}
+  padding: 10px; }
+
 .ui-accordion-content ul {
   list-style: none;
   list-style-image: url(data:0);
   padding-left: 16px;
-  margin-top: 8px;
-}
+  margin-top: 8px; }
+
 .ui-accordion-content li.submenu {
-  margin-top: 8px;
-}
+  margin-top: 8px; }
+
 .ui-accordion-content ul ul {
   padding: 8px 0px 8px 8px;
   margin: 0;
   list-style: none;
   list-style-image: url(data:0);
-  border: 0;
-}
+  border: 0; }
+
 .nothing {
   noborder-top: 1px solid #8b8b8b;
   padding: 4px 0px 0px 16px;
@@ -413,132 +396,132 @@ input.textSearch {
   background: url(../images/green-square.gif) no-repeat bottom left;
   color: #83b217;
   font-weight: bold;
-  text-decoration: none;
-}
+  text-decoration: none; }
+
 div.ui-accordion-content {
   padding-top: 10px;
-  padding-left: 10px;
-}
+  padding-left: 10px; }
+
 .ui-accordion-content a, ui-accordion-content a:visited {
   color: #1c94c4;
-  text-decoration: none;
-}
+  text-decoration: none; }
+
 .ui-accordion-content a:hover {
-  color: #e87c1e;
-  text-decoration: none;
-}
+  color: #E87C1E;
+  text-decoration: none; }
+
 .ui-accordion-content ul {
   padding-left: 0;
-  margin-top: 0;
-}
+  margin-top: 0; }
+
 .ui-accordion-content li {
-  color: #555;
+  color: #555555;
   text-decoration: none;
   margin: 0;
   padding: 0px 0pt 0px 16px;
   font-size: 9pt;
   background: url(../images/mini-arrow-orange.gif) no-repeat top left;
   font-weight: normal;
-  border: 0;
-}
+  border: 0; }
+
 a.CollapsibleLabel, td a.CollapsibleLabel {
   margin: 0;
   padding: 0px 0pt 0px 16px;
   font-size: 8pt;
   text-decoration: none;
-  color: #555;
-  background: url(../images/mini-arrow-orange.gif) no-repeat left;
-}
+  color: #555555;
+  background: url(../images/mini-arrow-orange.gif) no-repeat left; }
+
 /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
 a.CollapsibleLabel.open, td a.CollapsibleLabel.open {
   margin: 0;
   padding: 0px 0pt 0px 16px;
   font-size: 8pt;
   text-decoration: none;
-  color: #e87c1e;
-  background: url(../images/mini-arrow-orange-open.gif) no-repeat left;
-}
+  color: #E87C1E;
+  background: url(../images/mini-arrow-orange-open.gif) no-repeat left; }
+
 .page_header {
-  background-color: #f1f1f1;
-  padding: 5px;
-}
+  background-color: #F1F1F1;
+  padding: 5px; }
+
 /* move up a header immediately following a display block (i.e. "actions" menu) */
 .display_block + .page_header {
-  margin-top: -8px;
-}
+  margin-top: -8px; }
+
 .notreeview li {
-  background: url(../images/tv-item.gif) 0 0 no-repeat;
-}
+  background: url(../images/tv-item.gif) 0 0 no-repeat; }
+
 .notreeview .collapsable {
-  background-image: url(../images/tv-collapsable.gif);
-}
+  background-image: url(../images/tv-collapsable.gif); }
+
 .notreeview .expandable {
-  background-image: url(../images/tv-expandable.gif);
-}
+  background-image: url(../images/tv-expandable.gif); }
+
 .notreeview .last {
-  background-image: url(../images/tv-item-last.gif);
-}
+  background-image: url(../images/tv-item-last.gif); }
+
 .notreeview .lastCollapsable {
-  background-image: url(../images/tv-collapsable-last.gif);
-}
+  background-image: url(../images/tv-collapsable-last.gif); }
+
 .notreeview .lastExpandable {
-  background-image: url(../images/tv-expandable-last.gif);
-}
+  background-image: url(../images/tv-expandable-last.gif); }
+
 #OrganizationSelection {
-  padding: 5px 0px 16px 20px;
-}
+  padding: 5px 0px 16px 20px; }
+
 /* popup menus */
 div.itop_popup {
   margin: 0;
   padding: 0;
-  float: right;
-}
+  float: right; }
+
 div.itop_popup > ul > li {
   list-style: none;
   cursor: pointer;
-  position: relative;
-}
+  position: relative; }
+
 div.actions_menu > ul {
   height: 19px;
   line-height: 17px;
   vertical-align: middle;
   display: block;
   nowidth: 70px;
-  padding-left: 5px;
   /* Nasty work-around for IE... en attendant mieux */
-  background: #e87c1e url(../images/actions_left.png?v=v2.4.0) no-repeat top left;
+  padding-left: 5px;
+  background: #E87C1E url(../images/actions_left.png?v=v2.4.0) no-repeat top left;
   cursor: pointer;
-  margin: 0;
-}
+  margin: 0; }
+
 div.actions_menu > ul > li {
   float: left;
   list-style: none;
   font-size: 11px;
-  font-family: Tahoma, sans-serif;
+  font-family: Tahoma,sans-serif;
   height: 17px;
   padding-right: 16px;
   padding-left: 4px;
-  background: url(../images/actions_right.png?v=v2.4.0-beta) no-repeat top right transparent;
+  background: url(../images/actions_right.png?v=v2.4.0) no-repeat top right transparent;
   font-weight: bold;
   color: #fff;
   vertical-align: middle;
-  margin: 0;
-}
+  margin: 0; }
+
 #logOffBtn > ul > li {
   list-style: none;
   vertical-align: middle;
   margin: 0;
   padding-left: 10px;
   padding-right: 10px;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 #logOffBtn > ul {
   list-style: none;
   vertical-align: middle;
   margin: 0;
   padding: 0;
-  height: 25px;
-}
+  height: 25px; }
+
 .itop_popup li a, #logOffBtn li a {
   display: block;
   padding: 5px 12px;
@@ -547,8 +530,8 @@ div.actions_menu > ul > li {
   color: #000;
   font-weight: bold;
   white-space: nowrap;
-  background: #fff;
-}
+  background: #fff; }
+
 #logOffBtn li span {
   display: block;
   padding: 5px 12px;
@@ -556,45 +539,45 @@ div.actions_menu > ul > li {
   nowidth: 70px;
   color: #000;
   white-space: nowrap;
-  background: #fff;
-}
+  background: #fff; }
+
 .itop_popup ul {
-  padding-left: 0;
-}
+  padding-left: 0; }
+
 .menucontainer div.toolkit_menu {
-  margin-left: 10px;
-}
+  margin-left: 10px; }
+
 .itop_popup li a:hover, #logOffBtn li a:hover {
-  background: #1a4473;
-}
+  background: #1A4473; }
+
 .itop_popup ul > li > ul, #logOffBtn ul > li > ul {
   border: 1px solid black;
-  background: #fff;
-}
+  background: #fff; }
+
 .itop_popup li > ul, #logOffBtn li > ul {
   margin: 0;
   padding: 0;
   position: absolute;
   display: none;
   border-top: 1px solid white;
-  z-index: 999;
-}
+  z-index: 999; }
+
 .itop_popup li ul li, #logOffBtn li ul li {
   float: none;
-  display: inline;
-}
+  display: inline; }
+
 .itop_popup li ul li a, #logOffBtn li ul li a {
   width: auto;
-  text-align: left;
-}
+  text-align: left; }
+
 .itop_popup li ul li a:hover, #logOffBtn li ul li a:hover {
-  background: #e87c1e;
+  background: #E87C1E;
   color: #fff;
-  font-weight: bold;
-}
+  font-weight: bold; }
+
 .itop_popup > ul {
-  margin: 0;
-}
+  margin: 0; }
+
 hr.menu-separator {
   border: none 0;
   border-top: 1px solid #ccc;
@@ -602,53 +585,53 @@ hr.menu-separator {
   background-color: transparent;
   height: 1px;
   margin: 3px;
-  cursor: default;
-}
+  cursor: default; }
+
 /************************************/
 .wizHeader {
   background: #1c94c4;
-  padding: 15px;
-}
+  padding: 15px; }
+
 .wizContainer {
   border: 5px solid #1c94c4;
   background: #d6e8ef;
-  padding: 5px;
-}
+  padding: 5px; }
+
 .wizContainer table tr td {
-  background: transparent;
-}
+  background: transparent; }
+
 .alignRight {
   text-align: right;
-  padding: 3px;
-}
+  padding: 3px; }
+
 .alignLeft {
   text-align: left;
-  padding: 3px;
-}
+  padding: 3px; }
+
 .red {
   background-color: #ff6000;
-  color: #000;
-}
+  color: #000; }
+
 th.red {
   background: url(../images/red-header.gif) bottom left repeat-x;
-  color: #000;
-}
+  color: #000; }
+
 .green {
-  background-color: #0c0;
-  color: #000;
-}
+  background-color: #00cc00;
+  color: #000; }
+
 th.green {
   background: url(../images/green-header.gif) bottom left repeat-x;
-  color: #000;
-}
+  color: #000; }
+
 .orange {
   background-color: #ffde00;
-  color: #000;
-}
+  color: #000; }
+
 th.orange {
   background: url(../images/orange-header.gif) bottom left repeat-x;
-  color: #000;
-}
+  color: #000; }
+
 /* For Date Picker: Creates a little calendar icon
  * instead of a text link for "Choose date"
  */
@@ -661,19 +644,19 @@ td a.dp-choose-date, a.dp-choose-date, td a.dp-choose-date:hover, a.dp-choose-da
   display: block;
   text-indent: -2000px;
   overflow: hidden;
-  background: url(../images/calendar.png?v=v2.4.0) no-repeat;
-}
+  background: url(../images/calendar.png?v=v2.4.0) no-repeat; }
+
 td a.dp-choose-date.dp-disabled, a.dp-choose-date.dp-disabled {
   background-position: 0 -20px;
-  cursor: default;
-}
+  cursor: default; }
+
 /* For Date Picker: makes the input field shorter once the date picker code
  * has run (to allow space for the calendar icon)
  */
 input.dp-applied {
   width: 140px;
-  float: left;
-}
+  float: left; }
+
 /* For search forms */
 .SearchDrawer {
   border-top: 5px solid #1c94c4;
@@ -684,25 +667,24 @@ input.dp-applied {
   color: #000;
   padding: 10px;
   margin: 0;
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 .SearchDrawer label {
   background: #d6e8ef;
   color: #000;
-  text-align: right;
-}
+  text-align: right; }
+
 .SearchDrawer h1 {
-  color: #000;
-}
+  color: #000; }
+
 .SearchDrawer .SearchAttribute > .field_input_zone {
-  display: inline-block;
-}
-.SearchDrawer .SearchAttribute > .field_input_zone > .field_select_wrapper {
-  display: inline-block;
-}
+  display: inline-block; }
+  .SearchDrawer .SearchAttribute > .field_input_zone > .field_select_wrapper {
+    display: inline-block; }
+
 .DrawerClosed {
-  display: none;
-}
+  display: none; }
+
 .DrawerHandle {
   margin: 0;
   padding: 5px;
@@ -717,8 +699,8 @@ input.dp-applied {
   margin-top: 0;
   margin-bottom: 0;
   display: block;
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 div.HRDrawer {
   height: 5px;
   width: 100%;
@@ -727,8 +709,8 @@ div.HRDrawer {
   margin: 0;
   padding: 0;
   border: 0;
-  display: block;
-}
+  display: block; }
+
 .mini_tabs a {
   text-decoration: none;
   font-weight: bold;
@@ -736,194 +718,194 @@ div.HRDrawer {
   background-color: #333;
   padding-left: 1em;
   padding-right: 1em;
-  padding-bottom: 0.25em;
-}
+  padding-bottom: 0.25em; }
+
 .mini_tabs a.selected {
   color: #fff;
   background-color: #1c94c4;
-  padding-top: 0.25em;
-}
+  padding-top: 0.25em; }
+
 .mini_tabs ul {
-  margin: -10px;
-}
+  margin: -10px; }
+
 .mini_tabs ul li {
   float: right;
   list-style: none;
   nopadding-left: 1em;
   nopadding-right: 1em;
-  margin-top: 0;
-}
+  margin-top: 0; }
+
 .mandatory {
-  border: 1px solid #f00;
-}
+  border: 1px solid #f00; }
+
 /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
 table.listResults tr.odd td.truncated, table.listResults tr td.truncated, .wizContainer table.listResults tr.odd td.truncated, .wizContainer table.listResults tr td.truncated {
-  background: url(../images/truncated.png?v=v2.4.0) bottom repeat-x;
-}
+  background: url(../images/truncated.png?v=v2.4.0) bottom repeat-x; }
+
 /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
 table.listResults tr.even td.truncated, .wizContainer table.listResults tr.even td.truncated {
-  background: #f9f9f1 url(../images/truncated.png?v=v2.4.0) bottom repeat-x;
-}
+  background: #f9f9f1 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; }
+
 /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
 table.listResults tr.even td.hover.truncated, .wizContainer table.listResults tr.even td.hover.truncated {
-  background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x;
-}
+  background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; }
+
 /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
 table.listResults tr.odd td.hover.truncated, table.listResults tr td.hover.truncated, .wizContainer table.listResults tr.odd td.hover.truncated, .wizContainer table.listResults tr td.hover.truncated {
-  background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x;
-}
+  background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; }
+
 table.listResults.truncated {
   border-bottom: 0;
-  padding-bottom: 0;
-}
+  padding-bottom: 0; }
+
 tr.csv_row0 td {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   background: #fff;
-  border-left: #000 1px solid;
-}
+  border-left: #000 1px solid; }
+
 tr.csv_row1 td {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   background: #f9f9f1;
-  border-left: #000 1px solid;
-}
+  border-left: #000 1px solid; }
+
 tr.csv_row1 th, tr.csv_row0 th {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
-  border-left: #000 1px solid;
-}
+  border-left: #000 1px solid; }
+
 td.cell_modified {
   font-weight: bold;
-  color: #000;
-}
+  color: #000; }
+
 td.cell_error {
   font-weight: bold;
-  color: #d81515;
-}
+  color: #D81515; }
+
 table.transparent, table.transparent td {
-  background: transparent;
-}
+  background: transparent; }
+
 p.page-header {
   color: #1c94c4;
   font-weight: bold;
   font-size: 12pt;
-  font-family: Verdana, Arial, Helvetica, Sans-Serif;
-}
+  font-family: Verdana, Arial, Helvetica, Sans-Serif; }
+
 td.dashboard {
   vertical-align: top;
   border: 1px solid #ccc;
   padding: 0.5em;
-  width: 50%;
-}
+  width: 50%; }
+
 .white {
-  background-color: #fff;
-}
+  background-color: #fff; }
+
 /*** New Lacanau layout ***/
 .ui-layout-pane {
   /* all 'panes' */
-  overflow: auto;
-}
+  overflow: auto; }
+
 .ui-layout-resizer {
   /* all 'resizer-bars' */
-  background: #f1f1f1;
-}
+  background: #f1f1f1; }
+
 .ui-layout-toggler {
   /* all 'toggler-buttons' */
-  background: #aaa;
-}
+  background: #AAA; }
+
 div#top-left {
   width: 28px;
   height: 70px;
-  background: #f1f1f1;
-  float: left;
-}
+  background: #F1F1F1;
+  float: left; }
+
 div#header-logo {
   width: 100%;
   height: 70px;
-  background: #f1f1f1;
-}
+  background: #F1F1F1; }
+
 .ui-layout-pane-west {
-  background: #f1f1f1;
-}
+  background: #F1F1F1; }
+
 div#right {
-  min-width: 260px;
-}
+  min-width: 260px; }
+
 div#menu {
   width: 100%;
-  overflow: auto;
-}
+  overflow: auto; }
+
 .header-menu {
   padding-left: 24px;
   padding-right: 8px;
   padding-bottom: 24px;
-  background: transparent;
-}
+  background: transparent; }
+
 div#inner_menu {
   padding-left: 24px;
   padding-right: 8px;
-  background: transparent;
-}
+  background: transparent; }
+
 div#logo {
   height: 70px;
   nowidth: 100%;
-  text-align: center;
-}
+  text-align: center; }
+
 div#logo div {
   height: 88px;
   width: 244px;
-  background: url(../images/itop-logo-2.png?v=v2.4.0) left no-repeat;
-}
+  background: url(../images/itop-logo-2.png?v=v2.4.0) left no-repeat; }
+
 #left-pane .ui-layout-north {
-  overflow: hidden;
-}
+  overflow: hidden; }
+
 #top-bar {
-  background: #f1f1f1;
-  text-align: right;
-}
+  background: #F1F1F1;
+  text-align: right; }
+
 .app-message {
   float: left;
   margin-top: 2px;
   margin-right: 4px;
   padding: 6px 9px;
-  background-color: #e87c1e;
+  background-color: #E87C1E;
   color: white;
   border-radius: 6px;
-  text-align: left;
-}
+  text-align: left; }
+
 .app-message-icon {
-  margin-right: 5px;
-}
+  margin-right: 5px; }
+
 .fa-sm {
-  font-size: 0.66em;
-}
+  font-size: 0.66em; }
+
 .object-details-header {
   margin-top: 7px;
-  margin-bottom: 7px;
-}
+  margin-bottom: 7px; }
+
 .object-icon {
   display: table-cell;
   vertical-align: middle;
   padding-left: 10px;
-  padding-right: 10px;
-}
+  padding-right: 10px; }
+
 .object-infos {
   display: table-cell;
-  vertical-align: middle;
-}
+  vertical-align: middle; }
+
 .object-name {
   margin-top: 0px;
-  margin-bottom: 0px;
-}
+  margin-bottom: 0px; }
+
 .tags {
-  margin-top: 5px;
-}
+  margin-top: 5px; }
+
 .tag {
   font-size: 10px;
   font-weight: initial;
@@ -933,17 +915,17 @@ div#logo div {
   padding: 3px 6px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
-  border-radius: 4px;
-}
+  border-radius: 4px; }
+
 .text-danger {
-  color: red;
-}
+  color: red; }
+
 #global-search {
   height: 55px;
   float: right;
   text-align: right;
-  overflow-y: hidden;
-}
+  overflow-y: hidden; }
+
 #global-search table, #global-search tr td, #global-search tr {
   padding: 0;
   border: 0;
@@ -951,103 +933,103 @@ div#logo div {
   margin: 0;
   background: transparent;
   overflow-y: hidden;
-  vertical-align: middle;
-}
+  vertical-align: middle; }
+
 #global-search-area {
-  line-height: 55px;
-}
+  line-height: 55px; }
+
 #global-search-input {
   vertical-align: middle;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
-  border: 1px #ccc solid;
+  border: 1px #CCC solid;
   height: 18px;
   width: 180px;
   padding: 3px;
   background: #fff;
-  display: inline-block;
-}
+  display: inline-block; }
+
 #global-search-image {
   vertical-align: middle;
-  background: url(../images/search.png?v=v2.4.0-beta) center center no-repeat;
+  background: url(../images/search.png?v=v2.4.0) center center no-repeat;
   display: inline-block;
   width: 28px;
   height: 30px;
   margin-left: -8px;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 #help-link img {
   padding: 0;
-  border: 0;
-}
+  border: 0; }
+
 #help-link {
   padding: 0;
   border: 0;
   background: transparent;
   margin-left: 15px;
-  margin-right: 10px;
-}
+  margin-right: 10px; }
+
 div.icon {
   width: 20px;
   height: 20px;
   margin: 2px;
-  float: right;
-}
+  float: right; }
+
 span.ui-icon {
   float: left;
-  margin: 0 2px;
-}
+  margin: 0 2px; }
+
 .ui-layout-button-pin-down {
-  background: url(../images/splitter-bkg.png?v=v2.4.0-beta) transparent;
+  background: url(../images/splitter-bkg.png?v=v2.4.0) transparent;
   width: 16px;
-  background-position: -144px -144px;
-}
+  background-position: -144px -144px; }
+
 .ui-layout-resizer-west-open {
-  background-color: #f1f1f1;
-  width: 8px;
-}
+  background-color: #F1F1F1;
+  width: 8px; }
+
 div.footer img {
   border: 0;
   margin-bottom: 5px;
-  margin-top: 5px;
-}
+  margin-top: 5px; }
+
 div.footer {
-  text-align: center;
-}
+  text-align: center; }
+
 #SearchResultsToAdd table.listResults tbody {
   height: 300px;
-  overflow-y: auto;
-}
+  overflow-y: auto; }
+
 tr.row_unchanged td {
   border-bottom: 1px #ccc solid;
-  padding: 2px;
-}
+  padding: 2px; }
+
 .wizContainer table tr.row_error td {
   border-bottom: 1px #ccc solid;
   background-color: #fdd;
-  padding: 2px;
-}
+  padding: 2px; }
+
 tr.row_modified td {
   border-bottom: 1px #ccc solid;
-  padding: 2px;
-}
+  padding: 2px; }
+
 tr.row_added td {
   border-bottom: 1px #ccc solid;
-  padding: 2px;
-}
+  padding: 2px; }
+
 a.truncated {
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 .org_combo {
   font-size: x-small;
   width: auto;
-  max-width: 200px;
-}
+  max-width: 200px; }
+
 span.form_validation {
   width: 24px;
-  text-align: center;
-}
+  text-align: center; }
+
 .notification {
   border: 1px solid #c33;
   background-color: #fee;
@@ -1055,30 +1037,30 @@ span.form_validation {
   margin: 0.5em;
   text-align: center;
   width: 95%;
-  -moz-border-radius: 0.5em;
-}
+  -moz-border-radius: 0.5em; }
+
 .wiki_broken_link {
-  text-decoration: line-through;
-}
+  text-decoration: line-through; }
+
 .synoptics, .synoptics tr td {
   background: transparent;
   padding: 10px;
   font-size: 1em;
   vertical-align: middle;
   color: #fff;
-  text-align: center;
-}
+  text-align: center; }
+
 .synoptics tr td.arrow {
   color: #333;
   border-top: 1px dashed #333;
-  width: 100px;
-}
+  width: 100px; }
+
 .synoptics tr.synoptics_header td {
   color: #000;
   font-size: 1em;
   vertical-align: middle;
-  text-align: center;
-}
+  text-align: center; }
+
 .mono_value {
   display: inline-block;
   background-color: #3c3;
@@ -1090,8 +1072,8 @@ span.form_validation {
   margin-left: 3px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
-  border-radius: 10px;
-}
+  border-radius: 10px; }
+
 .multi_values {
   display: inline-block;
   background-color: #c33;
@@ -1103,47 +1085,47 @@ span.form_validation {
   margin-left: 3px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
-  border-radius: 10px;
-}
+  border-radius: 10px; }
+
 .caselog {
   overflow-x: hidden;
   display: block;
   overflow-y: auto;
   border: 1px #ddd solid;
   font-family: Tahoma, Verdana, Arial, Helvetica;
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 .caselog_input_header {
   padding-top: 3px;
   padding-bottom: 3px;
   border-top: 1px solid #fff;
   background: #ddd;
   width: 100%;
-  height: 21px;
-}
+  height: 21px; }
+
 .caselog_input_header:empty {
-  display: none;
-}
+  display: none; }
+
 .editor_magnifier {
   /* !important so it overrides the .cke_reset_all style */
   background-position: center center !important;
   background-repeat: no-repeat !important;
-  background-size: 100% !important;
-}
+  background-size: 100% !important; }
+
 .editor_magnifier:hover {
-  background-color: #ccc;
-}
+  background-color: #CCC; }
+
 .caselog_header {
   padding: 3px;
   border-top: 1px solid #fff;
   background: #ddd url(../images/plus.gif) left no-repeat;
   padding-left: 16px;
   cursor: pointer;
-  width: 100%;
-}
+  width: 100%; }
+
 .caselog_header.open {
-  background: #ddd url(../images/minus.gif) left no-repeat;
-}
+  background: #ddd url(../images/minus.gif) left no-repeat; }
+
 .caselog_entry {
   padding: 3px;
   padding-left: 16px;
@@ -1159,402 +1141,330 @@ span.form_validation {
   white-space: -o-pre-wrap;
   /* Opera 7 */
   word-wrap: break-word;
-  /* Internet Explorer 5.5+, CSS3 */
-}
+  /* Internet Explorer 5.5+, CSS3 */ }
+
 .caselog_entry_html p, .HTML p {
   margin-top: 0.25em;
-  margin-bottom: 0.25em;
-}
-/* Helper classes for object details display. */
-.one-col-details {
-  min-width: 300px;
-  max-width: 600px;
-}
-.n-cols-details {
-  width: 100%;
-}
-.n-cols-details > tbody > tr > td {
-  min-width: 240px;
-}
+  margin-bottom: 0.25em; }
+
 .details {
   border-collapse: collapse;
   noborder-bottom: 2px #fff solid;
-  nowidth: 100%;
-}
-.details * {
-  box-sizing: border-box;
-}
+  nowidth: 100%; }
+  .details * {
+    box-sizing: border-box; }
+
 fieldset .details > .field_container {
   background: transparent;
-  border: 0;
-}
+  border: 0; }
+
 .field_container {
   display: table;
   width: 100%;
   margin-bottom: 5px;
   border-bottom: 2px #ddd solid;
   box-sizing: border-box;
-  /* .field_label, .field_data */
-}
-.field_container:last-child {
-  margin-bottom: 0px;
-}
-.field_container.field_large {
-  display: inherit;
-  /* .field_label, .field_data */
-}
-.field_container.field_large > div {
-  display: inherit;
-  /* .field_value, .field_comments, .field_infos */
-}
-.field_container.field_large > div.field_label {
-  width: inherit;
-  margin-bottom: 5px;
-}
-.field_container.field_large > div.field_data {
-  margin-top: 8px;
-  margin-bottom: 10px;
-  word-break: break-all;
-}
-.field_container * {
-  box-sizing: border-box;
-}
-.field_container > div {
-  display: table-cell;
-  vertical-align: top;
-  /* .field_value, .field_comments, .field_infos */
-}
-.field_container > div.field_label {
-  min-width: 100px;
-  max-width: 145px;
-  width: 30%;
-  padding-right: 10px;
-}
-.field_container > div.field_label > label, .field_container > div.field_label span {
-  color: #000;
-  font-weight: bold;
-}
-.field_container > div.field_data {
-  display: table;
-  width: 100%;
-  margin-bottom: 5px;
-}
-.field_container > div > div {
-  display: table-cell;
-  width: auto;
-}
-.field_container > div > div.field_comments, .field_container > div > div.field_infos {
-  width: 50px;
-}
-.field_container > div > div.field_value .attribute-edit {
-  display: table;
-  width: 100%;
-  /* TODO: Refactor so status icon show over mandatory icon */
-}
-.field_container > div > div.field_value .attribute-edit .form_validation, .field_container > div > div.field_value .attribute-edit .field_status {
-  display: table-cell;
-  width: 20px;
-  padding-left: 0.4em;
-  vertical-align: middle;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone {
-  width: 100%;
-  /* auto; */
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_string > select, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_password > select, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_string input, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_password input {
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword {
-  display: table-cell;
-  width: auto;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword > * {
-  display: block;
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword > span {
-  margin-bottom: 3px;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime {
-  display: table;
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > input, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > input {
-  display: table-cell;
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > span, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > span {
-  display: table-cell;
-  width: 20px;
-  padding-left: 0.4em;
-  vertical-align: middle;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > span > img, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > span > img {
-  width: 20px;
-  cursor: pointer;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text {
-  border: none;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header {
-  /* Inspired by .cke_top */
-  padding: 6px 8px 6px;
-  white-space: normal;
-  border-bottom: 1px solid #fff;
-  background: #f2f2f2;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button {
-  display: block;
-  width: 15px;
-  height: 15px;
-  border: 1px #a6a6a6 solid;
-  cursor: pointer;
-  background-image: url('../images/full-screen.png');
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 98%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button:hover, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button:focus {
-  background-color: #ccc;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text textarea {
-  /* Size for default display */
-  width: 100%;
-  height: 100%;
-  padding: 5px 10px;
-  border: none;
-  resize: none;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen {
-  z-index: 100;
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen textarea {
-  /* Size set again here to override resize value when in fullscreen */
-  width: 100% !important;
-  height: 100% !important;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen .fullscreen_button {
-  width: 22px;
-  height: 22px;
-  background-color: #ccc;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document > input {
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document > span {
-  display: inline-block;
-  margin-bottom: 2px;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input {
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey {
-  display: table;
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_select_wrapper {
-  display: table-cell;
-  width: auto;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_select_wrapper > select {
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_autocomplete {
-  display: table-cell;
-  width: 100%;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_input_btn {
-  display: table-cell;
-  width: 25px;
-  padding-left: 0.4em;
-}
-.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_input_btn > img {
-  max-width: 20px;
-}
-.one-col-details .details .field_container.field_small {
-  /* On a single column, field labels can take more width but they are limited so it doesn't feel weird when all labels are short */
-}
-.one-col-details .details .field_container.field_small div.field_label {
-  width: 145px;
-}
+  /* .field_label, .field_data */ }
+  .field_container:last-child {
+    margin-bottom: 0px; }
+  .field_container.field_large {
+    display: inherit;
+    /* .field_label, .field_data */ }
+    .field_container.field_large > div {
+      display: inherit;
+      /* .field_value, .field_comments, .field_infos */ }
+      .field_container.field_large > div.field_label {
+        width: inherit;
+        margin-bottom: 5px; }
+  .field_container * {
+    box-sizing: border-box; }
+  .field_container > div {
+    display: table-cell;
+    vertical-align: top;
+    /* .field_value, .field_comments, .field_infos */ }
+    .field_container > div.field_label {
+      min-width: 100px;
+      max-width: 145px;
+      width: 30%;
+      padding-right: 10px; }
+      .field_container > div.field_label > label, .field_container > div.field_label span {
+        color: #000000;
+        font-weight: bold; }
+    .field_container > div.field_data {
+      display: table;
+      width: 100%;
+      margin-bottom: 5px; }
+    .field_container > div > div {
+      display: table-cell;
+      width: auto; }
+      .field_container > div > div.field_comments, .field_container > div > div.field_infos {
+        width: 50px; }
+      .field_container > div > div.field_value .attribute-edit {
+        display: table;
+        width: 100%;
+        /* TODO: Refactor so status icon show over mandatory icon */ }
+        .field_container > div > div.field_value .attribute-edit .form_validation, .field_container > div > div.field_value .attribute-edit .field_status {
+          display: table-cell;
+          width: 20px;
+          padding-left: 0.4em;
+          vertical-align: middle; }
+        .field_container > div > div.field_value .attribute-edit .field_input_zone {
+          width: 100%;
+          /* auto; */ }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_string > select, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_string input, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_password > select, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_password input {
+            width: 100%; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword {
+            display: table-cell;
+            width: auto; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword > * {
+              display: block;
+              width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_onewaypassword > span {
+              margin-bottom: 3px; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime {
+            display: table;
+            width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > input, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > input {
+              display: table-cell;
+              width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > span, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > span {
+              display: table-cell;
+              width: 20px;
+              padding-left: 0.4em;
+              vertical-align: middle; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_date > span > img, .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_datetime > span > img {
+                width: 20px;
+                cursor: pointer; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text {
+            border: none; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header {
+              /* Inspired by .cke_top */
+              padding: 6px 8px 6px;
+              white-space: normal;
+              border-bottom: 1px solid #fff;
+              background: #f2f2f2; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button {
+                display: block;
+                width: 15px;
+                height: 15px;
+                border: 1px #A6A6A6 solid;
+                cursor: pointer;
+                background-image: url("../images/full-screen.png");
+                background-repeat: no-repeat;
+                background-position: center center;
+                background-size: 98%; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button:hover,
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text .f_i_text_header .fullscreen_button:focus {
+                background-color: #CCCCCC; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text textarea {
+              /* Size for default display */
+              width: 100%;
+              height: 100%;
+              padding: 5px 10px;
+              border: none;
+              resize: none; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen {
+              z-index: 100;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              width: 100%;
+              height: 100%; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen textarea {
+                /* Size set again here to override resize value when in fullscreen */
+                width: 100% !important;
+                height: 100% !important; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_text.fullscreen .fullscreen_button {
+                width: 22px;
+                height: 22px;
+                background-color: #CCCCCC; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document > input {
+            width: 100%; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document > span {
+            display: inline-block;
+            margin-bottom: 2px; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input {
+            width: 100%; }
+          .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey {
+            display: table;
+            width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_select_wrapper {
+              display: table-cell;
+              width: auto; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_select_wrapper > select {
+                width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_autocomplete {
+              display: table-cell;
+              width: 100%; }
+            .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_input_btn {
+              display: table-cell;
+              width: 25px;
+              padding-left: 0.4em; }
+              .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_extkey > .field_input_btn > img {
+                max-width: 20px; }
+
 /* This is extracted from the ".details > .field_container ..." because of the fullscreen option (element is moved at the end of the body */
 .field_input_text {
-  border: none;
-}
-.field_input_text .f_i_text_header {
-  /* Inspired by .cke_top */
-  padding: 6px 8px 6px;
-  white-space: normal;
-  border-bottom: 1px solid #fff;
-  background: #f2f2f2;
-}
-.field_input_text .f_i_text_header .fullscreen_button {
-  display: block;
-  width: 15px;
-  height: 15px;
-  border: 1px #a6a6a6 solid;
-  cursor: pointer;
-  background-image: url('../images/full-screen.png');
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 98%;
-}
-.field_input_text .f_i_text_header .fullscreen_button:hover, .field_input_text .f_i_text_header .fullscreen_button:focus {
-  background-color: #ccc;
-}
-.field_input_text textarea {
-  /* Size for default display */
-  width: 100%;
-  height: 100%;
-  margin: 0px;
-  padding: 5px 10px;
-  border: none;
-  resize: none;
-}
-.field_input_text.fullscreen {
-  z-index: 100;
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-}
-.field_input_text.fullscreen textarea {
-  /* Size set again here to override resize value when in fullscreen */
-  width: 100% !important;
-  height: 100% !important;
-}
-.field_input_text.fullscreen .fullscreen_button {
-  width: 22px;
-  height: 22px;
-  background-color: #ccc;
-}
+  border: none; }
+  .field_input_text .f_i_text_header {
+    /* Inspired by .cke_top */
+    padding: 6px 8px 6px;
+    white-space: normal;
+    border-bottom: 1px solid #fff;
+    background: #f2f2f2; }
+    .field_input_text .f_i_text_header .fullscreen_button {
+      display: block;
+      width: 15px;
+      height: 15px;
+      border: 1px #A6A6A6 solid;
+      cursor: pointer;
+      background-image: url("../images/full-screen.png");
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: 98%; }
+    .field_input_text .f_i_text_header .fullscreen_button:hover,
+    .field_input_text .f_i_text_header .fullscreen_button:focus {
+      background-color: #CCCCCC; }
+  .field_input_text textarea {
+    /* Size for default display */
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 5px 10px;
+    border: none;
+    resize: none; }
+  .field_input_text.fullscreen {
+    z-index: 100;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%; }
+    .field_input_text.fullscreen textarea {
+      /* Size set again here to override resize value when in fullscreen */
+      width: 100% !important;
+      height: 100% !important; }
+    .field_input_text.fullscreen .fullscreen_button {
+      width: 22px;
+      height: 22px;
+      background-color: #CCCCCC; }
+
 #SiloSelection {
   padding-top: 3px;
   padding-right: 30px;
-  text-align: left;
-}
-#SiloSelection * {
-  box-sizing: border-box;
-  vertical-align: middle;
-}
-#SiloSelection .field_input_extkey {
-  display: table;
-  width: 100%;
-}
-#SiloSelection .field_input_extkey .field_select_wrapper {
-  display: table-cell;
-  width: 100%;
-}
-#SiloSelection .field_input_extkey .field_select_wrapper > select {
-  width: 100%;
-  max-width: initial;
-}
-#SiloSelection .field_input_extkey .field_input_btn {
-  display: table-cell;
-  width: 20px;
-  margin-left: 0.4em;
-}
+  text-align: left; }
+  #SiloSelection * {
+    box-sizing: border-box;
+    vertical-align: middle; }
+  #SiloSelection .field_input_extkey {
+    display: table;
+    width: 100%; }
+    #SiloSelection .field_input_extkey .field_select_wrapper {
+      display: table-cell;
+      width: 100%; }
+      #SiloSelection .field_input_extkey .field_select_wrapper > select {
+        width: 100%;
+        max-width: initial; }
+    #SiloSelection .field_input_extkey .field_input_btn {
+      display: table-cell;
+      width: 20px;
+      margin-left: 0.4em; }
+
 .ac_dlg_loading {
-  background: white url('../images/indicator.gif') right center no-repeat;
-}
+  background: white url("../images/indicator.gif") right center no-repeat; }
+
 table.pagination {
-  display: inline-block;
-}
+  display: inline-block; }
+
 table.pagination tr td {
-  padding: 3px;
-}
+  padding: 3px; }
+
 .pagination_container {
-  padding-left: 3px;
-}
+  padding-left: 3px; }
+
 .pager p {
   margin-top: 0;
-  margin-bottom: 0;
-}
+  margin-bottom: 0; }
+
 .pager td span {
   min-width: 20px;
   padding-left: 2px;
   padding-right: 2px;
   display: inline-block;
   text-align: center;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 .pager td span.curr_page {
   color: #fff;
   background: #999;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
-  border-radius: 4px;
-}
+  border-radius: 4px; }
+
 img.prev, img.first, img.next, img.last {
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 div.actions_button {
   float: right;
-  background: #e87c1e url("../images/actions_left.png?v=v2.4.0") no-repeat scroll left top;
+  background: #E87C1E url("../images/actions_left.png?v=v2.4.0") no-repeat scroll left top;
   padding-left: 5px;
   margin-top: 0;
   margin-right: 10px;
   height: 19px;
-  vertical-align: middle;
-}
+  vertical-align: middle; }
+
 div.actions_button a, .actions_button a:hover, .actions_button a:visited {
-  background: #e87c1e url(../images/actions_bkg.png?v=v2.4.0) no-repeat scroll right top;
+  background: #E87C1E url(../images/actions_bkg.png?v=v2.4.0) no-repeat scroll right top;
   color: #fff;
   padding-right: 8px;
   cursor: pointer;
-  font-family: Tahoma, sans-serif;
+  font-family: Tahoma,sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-left: 4px;
   text-decoration: none;
   height: 19px;
   line-height: 17px;
-  display: block;
-}
+  display: block; }
+
 select#org_id {
-  max-width: 90%;
-}
+  max-width: 90%; }
+
 /*********** Dashboards ***********/
 .itop-dashboard {
-  background-color: #fff;
-}
+  background-color: #fff; }
+
 .itop-dashboard a {
-  cursor: not-allowed;
-}
+  cursor: not-allowed; }
+
 .dragHover {
-  background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0);
-}
+  background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0); }
+
 .edit_mode .dashlet {
-  background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0-beta);
+  background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0);
   padding: 5px;
   margin: 0;
-  position: relative;
-}
+  position: relative; }
+
 .edit_mode .dashlet-selected {
-  background: #e87c1e !important;
+  background: #E87C1E !important;
   padding: 5px;
-  margin: 0;
-}
+  margin: 0; }
+
 td.layout_cell {
   height: 50px;
   /* min-height does not work */
-  vertical-align: top;
-}
+  vertical-align: top; }
+
 .dashlet-content {
   background: #fff;
-  margin: 0;
-}
+  margin: 0; }
+
 table.prop_table {
-  border-bottom: 2px solid #f9f9f1;
+  border-bottom: 2px solid #F9F9F1;
   padding: 1px;
-  width: 100%;
-}
+  width: 100%; }
+
 .close-box {
   margin: 5px;
   width: 20px;
@@ -1563,100 +1473,100 @@ table.prop_table {
   top: 0;
   right: 0;
   z-index: 10;
-  background: transparent url(../images/delete.png?v=v2.4.0) no-repeat center;
-}
+  background: transparent url(../images/delete.png?v=v2.4.0) no-repeat center; }
+
 td.prop_value {
-  text-align: left;
-}
+  text-align: left; }
+
 tr.itop-property-field-modified td {
-  background: #fbb;
-}
+  background: #fbb; }
+
 tr.itop-property-field-modified td.hover {
-  background: #f99;
-}
+  background: #f99; }
+
 td.prop_value textarea, td.prop_value input[type=text] {
-  width: 98%;
-}
+  width: 98%; }
+
 td.prop_icon {
-  width: 20px;
-}
+  width: 20px; }
+
 .dashlet {
-  text-align: left;
-}
+  text-align: left; }
+
 .dashlet-inline {
-  display: inline-block;
-}
+  display: inline-block; }
+
 .dashlet-badge a.actions {
   background: none repeat scroll 0 0 transparent;
-  color: #666;
+  color: #666666;
   font-size: 16px;
-  text-decoration: none;
-}
+  text-decoration: none; }
+
 .dashlet-content .display_block {
-  text-align: left;
-}
+  text-align: left; }
+
 .prop_apply .ui-icon-alert {
-  display: none;
-}
+  display: none; }
+
 .prop_apply .ui-state-error .ui-icon-alert {
-  display: block;
-}
+  display: block; }
+
 .ui-state-error .ui-icon-circle-check {
-  display: none;
-}
+  display: none; }
+
 .summary-details {
   float: right;
-  margin-top: 5px;
-}
+  margin-top: 5px; }
+
 .summary-details th {
-  background: none repeat scroll 0 0 #555;
-  color: #eee;
+  background: none repeat scroll 0 0 #555555;
+  color: #EEEEEE;
   padding: 5px;
-  text-align: center;
-}
+  text-align: center; }
+
 .main_header {
-  background-color: #f1f1f1;
+  background-color: #F1F1F1;
   min-height: 60px;
-  width: 100%;
-}
+  width: 100%; }
+
 .main_header h1 {
   color: #1c94c4;
   line-height: 16px;
   margin-bottom: 0;
   margin-top: 0;
   padding-bottom: 10px;
-  padding-top: 10px;
-}
+  padding-top: 10px; }
+
 .main_header img {
   margin-top: 10px;
   margin-right: 10px;
-  float: left;
-}
+  float: left; }
+
 a.summary, a.summary:hover {
   background: none repeat scroll 0 0 transparent;
-  color: #666;
+  color: #666666;
   text-decoration: none;
-  padding-left: 0;
-}
+  padding-left: 0; }
+
 .summary-details td {
   background: none repeat scroll 0 0 transparent;
   padding: 5px;
-  text-align: center;
-}
+  text-align: center; }
+
 #DashboardMenu > ul > li {
   list-style: none;
   vertical-align: middle;
   margin: 0;
   padding: 0;
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 #DashboardMenu > ul {
   list-style: none;
   vertical-align: middle;
   margin: 0;
   padding: 0;
-  height: 25px;
-}
+  height: 25px; }
+
 #DashboardMenu li a {
   display: block;
   padding: 5px 12px;
@@ -1665,40 +1575,40 @@ a.summary, a.summary:hover {
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
-  background: #fff;
-}
+  background: #fff; }
+
 #DashboardMenu li span {
   display: block;
   padding: 5px 12px;
   text-decoration: none;
   color: #000;
   white-space: nowrap;
-  background: #fff;
-}
+  background: #fff; }
+
 #DashboardMenu li {
-  list-style: none;
-}
+  list-style: none; }
+
 #DashboardMenu li a:hover {
-  background: #1a4473;
-}
+  background: #1A4473; }
+
 #DashboardMenu ul > li > ul {
   border: 1px solid black;
-  background: #fff;
-}
+  background: #fff; }
+
 #DashboardMenu li > ul {
   margin: 0;
   padding: 0;
   position: absolute;
   display: none;
   border-top: 1px solid white;
-  z-index: 999;
-}
+  z-index: 999; }
+
 #DashboardMenu li ul li a:hover {
-  background: #e87c1e;
+  background: #E87C1E;
   color: #fff;
   font-weight: bold;
-  list-style: none;
-}
+  list-style: none; }
+
 .sortable_field_list {
   display: inline-block;
   width: 250px;
@@ -1706,35 +1616,35 @@ a.summary, a.summary:hover {
   border: 1px #333 solid;
   overflow: auto;
   padding-left: 0;
-  margin: 0;
-}
+  margin: 0; }
+
 .sortable_field_list li {
   list-style: none;
-  font-size: 11px;
-}
+  font-size: 11px; }
+
 .sort_order {
   display: inline-block;
   width: 16px;
-  height: 12px;
-}
+  height: 12px; }
+
 .sort_none {
-  background: url(../images/bg.gif) no-repeat center;
-}
+  background: url(../images/bg.gif) no-repeat center; }
+
 .sort_asc {
-  background: url(../images/desc.gif) no-repeat center;
-}
+  background: url(../images/desc.gif) no-repeat center; }
+
 .sort_desc {
-  background: url(../images/asc.gif) no-repeat center;
-}
+  background: url(../images/asc.gif) no-repeat center; }
+
 .sort_hidden {
-  display: none;
-}
+  display: none; }
+
 .sortable_field_list > li.selected {
-  background: #f6a828;
-}
+  background: #F6A828; }
+
 .itop-deleted-object {
-  text-decoration: line-through;
-}
+  text-decoration: line-through; }
+
 .header_message {
   padding: 1em;
   font-size: 10pt;
@@ -1743,8 +1653,8 @@ a.summary, a.summary:hover {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
+
 .header_message {
   padding: 1em;
   font-size: 10pt;
@@ -1753,53 +1663,53 @@ a.summary, a.summary:hover {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
+
 .message_info {
   border: 1px solid #993;
   background: url(../images/info-mini.png?v=v2.4.0) 1em 1em no-repeat #ffc;
-  padding-left: 3em;
-}
+  padding-left: 3em; }
+
 .message_ok {
   border: 1px solid #393;
   background: url(../images/ok.png?v=v2.4.0) 1em 1em no-repeat #cfc;
-  padding-left: 3em;
-}
+  padding-left: 3em; }
+
 .message_error {
   border: 1px solid #933;
   background: url(../images/error.png?v=v2.4.0) 1em 1em no-repeat #fcc;
-  padding-left: 3em;
-}
+  padding-left: 3em; }
+
 .fg-menu a img {
-  border: 0;
-}
+  border: 0; }
+
 div.ui-dialog-header {
   padding-bottom: 10px;
-  padding-top: 7px;
-}
+  padding-top: 7px; }
+
 .form_field_error {
   border: 1px solid #933;
-  background: #fcc;
-}
+  background: #fcc; }
+
 .simple-graph, .graph_config {
-  background: #fff;
-}
+  background: #fff; }
+
 .graph_config {
-  padding: 0.25em;
-}
+  padding: 0.25em; }
+
 .graph_config button.ui-widget {
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 .ui-tooltip, .arrow:after {
-  background: #f1f1f1;
-  border: 1px solid #555;
-}
+  background: #F1F1F1;
+  border: 1px solid #555555; }
+
 .ui-tooltip {
   padding: 10px 10px;
   box-shadow: 0 0 7px black;
   max-width: 350px;
-  overflow: hidden;
-}
+  overflow: hidden; }
+
 .ui-tooltip .arrow {
   width: 70px;
   height: 16px;
@@ -1807,15 +1717,15 @@ div.ui-dialog-header {
   position: absolute;
   left: 50%;
   margin-left: -35px;
-  bottom: -16px;
-}
+  bottom: -16px; }
+
 .ui-tooltip .arrow.top {
   top: -16px;
-  bottom: auto;
-}
+  bottom: auto; }
+
 .ui-tooltip .arrow.left {
-  left: 20%;
-}
+  left: 20%; }
+
 .ui-tooltip .arrow:after {
   content: "";
   position: absolute;
@@ -1826,148 +1736,147 @@ div.ui-dialog-header {
   box-shadow: 6px 5px 9px -9px black;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
+  transform: rotate(45deg); }
+
 .ui-tooltip .arrow.top:after {
   bottom: -20px;
-  top: auto;
-}
+  top: auto; }
+
 .ui-tooltip .ui-tooltip-content {
-  overflow-x: auto;
-}
+  overflow-x: auto; }
+
 table.export_parameters td {
-  padding-right: 2em;
-}
+  padding-right: 2em; }
+
 .table_preview > table {
   border-collapse: collapse;
   max-height: 150px;
   overflow: auto;
-  display: block;
-}
+  display: block; }
+
 .table_preview > table > thead > tr > th, .table_preview > table > tbody > tr > td {
-  border: 1px #555 solid;
+  border: 1px #555555 solid;
   min-height: 1em;
   padding-left: 0.25em;
   padding-right: 0.25em;
-  font-size: 10pt;
-}
+  font-size: 10pt; }
+
 .table_preview > table > tbody > tr > td {
-  vertical-align: top;
-}
+  vertical-align: top; }
+
 .table_preview .drag-handle {
-  cursor: move;
-}
+  cursor: move; }
+
 .table_preview div.text-preview {
-  white-space: pre-wrap;
-}
+  white-space: pre-wrap; }
+
 /* Format for the PDF output */
 .table_preview .view-image {
   width: inherit !important;
   height: inherit !important;
-  text-align: center;
-}
-.table_preview .view-image img {
-  max-width: 48px !important;
-  max-height: 48px !important;
-  display: inline-block;
-}
+  text-align: center; }
+  .table_preview .view-image img {
+    max-width: 48px !important;
+    max-height: 48px !important;
+    display: inline-block; }
+
 .graph_zoom {
   display: inline-block;
   float: right;
-  margin-right: 2em;
-}
+  margin-right: 2em; }
+
 .graph_zoom_slider {
   display: inline-block;
-  width: 10em;
-}
+  width: 10em; }
+
 .graph_zoom_plus, .graph_zoom_minus {
   display: inline-block;
   margin-left: 1em;
-  margin-right: 1em;
-}
+  margin-right: 1em; }
+
 div.explain-printable {
   border: 5px solid #1c94c4;
   background: #d6e8ef;
   color: #000;
   padding: 10px;
   margin: 0;
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 .hideable-chapter {
-  cursor: pointer;
-}
+  cursor: pointer; }
+
 #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span {
   padding-left: 20px;
-  background: url(../images/eye-open-555.png?v=v2.4.0) 2px center no-repeat;
-}
+  background: url(../images/eye-open-555.png?v=v2.4.0) 2px center no-repeat; }
+
 #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span {
   text-decoration: line-through;
-  background: url(../images/eye-closed-555.png?v=v2.4.0) 2px center no-repeat;
-}
+  background: url(../images/eye-closed-555.png?v=v2.4.0) 2px center no-repeat; }
+
 .printable-version legend {
   padding-left: 26px;
-  background: #1c94c4 url(../images/eye-open-fff.png?v=v2.4.0) 8px center no-repeat;
-}
+  background: #1c94c4 url(../images/eye-open-fff.png?v=v2.4.0) 8px center no-repeat; }
+
 .printable-version .strikethrough legend {
-  background: #1c94c4 url(../images/eye-closed-fff.png?v=v2.4.0) 8px center no-repeat;
-}
+  background: #1c94c4 url(../images/eye-closed-fff.png?v=v2.4.0) 8px center no-repeat; }
+
 .printable-version fieldset.strikethrough span {
-  display: none;
-}
+  display: none; }
+
 h2.printable-tab-title {
-  border-bottom: 2px solid;
-}
+  border-bottom: 2px solid; }
+
 .strikethrough {
-  text-decoration: line-through;
-}
+  text-decoration: line-through; }
+
 select.multiselect {
-  max-width: 150px;
-}
+  max-width: 150px; }
+
 span.refresh-button {
   display: inline-block;
   width: 21px;
   height: 18px;
   cursor: pointer;
-  background: transparent url(../images/refresh-fff.png?v=v2.4.0) left center no-repeat;
-}
+  background: transparent url(../images/refresh-fff.png?v=v2.4.0) left center no-repeat; }
+
 .case-log-history-entry {
-  display: block;
-}
+  display: block; }
+
 .case-log-history-entry-end {
-  display: none;
-}
+  display: none; }
+
 .expanded .case-log-history-entry-end {
-  display: inline;
-}
+  display: inline; }
+
 .case-log-history-entry-more {
-  display: inline;
-}
+  display: inline; }
+
 .expanded .case-log-history-entry-more {
-  display: none;
-}
+  display: none; }
+
 .case-log-history-entry .case-log-history-entry-toggle {
   display: inline-block;
   float: none;
   pointer: cursor;
-  vertical-align: bottom;
-}
+  vertical-align: bottom; }
+
 .printable-tab .case-log-history-entry-end {
-  display: inline;
-}
+  display: inline; }
+
 .printable-tab .case-log-history-entry-more {
-  display: none;
-}
+  display: none; }
+
 .printable-tab .case-log-history-entry .case-log-history-entry-toggle {
-  display: none;
-}
+  display: none; }
+
 .history_entry {
   position: relative !important;
-  max-width: 100%;
-}
+  max-width: 100%; }
+
 .history_entry_truncated {
   max-height: 7em;
-  overflow: hidden;
-}
+  overflow: hidden; }
+
 .history_truncated_toggler {
   position: absolute !important;
   bottom: 0;
@@ -1977,162 +1886,147 @@ span.refresh-button {
   width: 16px;
   height: 16px;
   background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
-  background-position: -16px -192px;
-}
+  background-position: -16px -192px; }
+
 .history_entry_truncated .history_truncated_toggler {
-  background-position: 0 -192px;
-}
+  background-position: 0 -192px; }
+
 #top-bar-table {
   width: 100%;
-  padding-left: 5px;
-}
-#top-bar-table #open-left-pane {
-  text-align: center;
-  width: 40px !important;
-  cursor: pointer;
-}
-#top-bar-table #go-home {
-  text-align: center;
-  width: 40px !important;
-}
-#top-bar-table #go-home a {
-  text-decoration: none;
-  color: #555;
-  font-size: 9pt;
-  padding: 0;
-  background: none;
-  display: inline-block;
-  line-height: 55px;
-  width: 100%;
-}
-#top-bar-table .top-bar-spacer {
-  width: 35px !important;
-}
-#top-bar-table #top-bar-table-search {
-  min-width: 370px;
-}
+  padding-left: 5px; }
+  #top-bar-table #open-left-pane {
+    text-align: center;
+    width: 40px !important;
+    cursor: pointer; }
+  #top-bar-table #go-home {
+    text-align: center;
+    width: 40px !important; }
+    #top-bar-table #go-home a {
+      text-decoration: none;
+      color: #555;
+      font-size: 9pt;
+      padding: 0;
+      background: none;
+      display: inline-block;
+      line-height: 55px;
+      width: 100%; }
+  #top-bar-table .top-bar-spacer {
+    width: 35px !important; }
+  #top-bar-table #top-bar-table-search {
+    min-width: 370px; }
+
 #itop-breadcrumb {
   overflow: hidden;
   float: left;
-  background: #f1f1f1;
-}
-#itop-breadcrumb .breadcrumb-item {
-  float: left;
-  margin: 3px 22px 2px 0px;
-}
-#itop-breadcrumb .breadcrumb-item .icon img {
-  height: 15px;
-  width: auto;
-  margin-right: 5px;
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
-  filter: gray;
-  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-  opacity: 0.5;
-}
-#itop-breadcrumb .breadcrumb-item a {
-  text-decoration: none;
-  color: #555;
-  font-size: 9pt;
-  padding: 0;
-  background: none;
-}
-#itop-breadcrumb .breadcrumb-item a:hover .icon img {
-  -webkit-filter: none;
-  filter: none;
-  opacity: 1;
-}
-#itop-breadcrumb .breadcrumb-item a span.truncate {
-  max-width: 200px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inline-block;
-}
-#itop-breadcrumb .breadcrumb-item a:hover {
-  text-decoration: none;
-  color: #e87c1e;
-}
-#itop-breadcrumb .breadcrumb-item a::after {
-  content: '';
-  position: absolute;
-  background-image: url(../images/breadcrumb-separator.png?v=v2.4.0);
-  background-repeat: no-repeat;
-  width: 8px;
-  height: 16px;
-  margin-left: 5px;
-}
-#itop-breadcrumb .breadcrumb-item:last-child a::after {
-  display: none;
-}
-#itop-breadcrumb .breadcrumb-item.breadcrumb-current {
-  text-decoration: none;
-  color: #555;
-  font-size: 9pt;
-  padding: 0;
-  background: none;
-}
-#itop-breadcrumb .breadcrumb-item.breadcrumb-current span.truncate {
-  max-width: 200px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inline-block;
-}
+  background: #F1F1F1; }
+  #itop-breadcrumb .breadcrumb-item {
+    float: left;
+    margin: 3px 22px 2px 0px; }
+    #itop-breadcrumb .breadcrumb-item .icon img {
+      height: 15px;
+      width: auto;
+      margin-right: 5px;
+      -webkit-filter: grayscale(100%);
+      filter: grayscale(100%);
+      filter: gray;
+      filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
+      opacity: 0.5; }
+    #itop-breadcrumb .breadcrumb-item a {
+      text-decoration: none;
+      color: #555;
+      font-size: 9pt;
+      padding: 0;
+      background: none; }
+      #itop-breadcrumb .breadcrumb-item a:hover .icon img {
+        -webkit-filter: none;
+        filter: none;
+        opacity: 1; }
+      #itop-breadcrumb .breadcrumb-item a span.truncate {
+        max-width: 200px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block; }
+      #itop-breadcrumb .breadcrumb-item a:hover {
+        text-decoration: none;
+        color: #E87C1E; }
+      #itop-breadcrumb .breadcrumb-item a::after {
+        content: '';
+        position: absolute;
+        background-image: url(../images/breadcrumb-separator.png?v=v2.4.0);
+        background-repeat: no-repeat;
+        width: 8px;
+        height: 16px;
+        margin-left: 5px; }
+    #itop-breadcrumb .breadcrumb-item:last-child a::after {
+      display: none; }
+    #itop-breadcrumb .breadcrumb-item.breadcrumb-current {
+      text-decoration: none;
+      color: #555;
+      font-size: 9pt;
+      padding: 0;
+      background: none; }
+      #itop-breadcrumb .breadcrumb-item.breadcrumb-current span.truncate {
+        max-width: 200px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block; }
+
 .ui-datepicker-buttonpane, .ui-timepicker-div {
   font-size: 9pt;
-  font-family: Tahoma, Verdana, Arial, Helvetica;
-}
+  font-family: Tahoma, Verdana, Arial, Helvetica; }
+
 .date_format_tooltip td {
-  padding: 0.25em;
-}
+  padding: 0.25em; }
+
 #setup .module-selection-banner img {
-  max-height: 48px;
-}
+  max-height: 48px; }
 #setup .module-selection-body {
   height: 28em;
   overflow: auto;
-  border: #ccc 1px solid;
-}
+  border: #ccc 1px solid; }
+
 .mfp-close {
-  cursor: pointer !important;
-}
+  cursor: pointer !important; }
+
 .qtip-content {
-  font-size: 12px;
-}
+  font-size: 12px; }
+
 .qtip-content p:first-child {
-  margin-top: 0px;
-}
+  margin-top: 0px; }
+
 .qtip-content p:last-child {
-  margin-bottom: 0px;
-}
+  margin-bottom: 0px; }
+
 .synchro-source-title {
-  font-weight: bolder;
-}
+  font-weight: bolder; }
+
 .synchro-source-description {
   font-size: smaller;
   margin-top: 3px;
-  margin-bottom: 1px;
-}
+  margin-bottom: 1px; }
+
 .object-ref-icon.fa {
-  color: #e87c1e;
+  color: #E87C1E;
   font-size: smaller;
   vertical-align: 1px;
-  margin-right: 1px;
-}
+  margin-right: 1px; }
+
 .object-ref-icon-disabled.fa {
-  color: #555;
+  color: #555555;
   font-size: smaller;
-  margin-right: 1px;
-}
+  margin-right: 1px; }
+
 .object-ref-link {
-  background: none;
-}
+  background: none; }
+
 .extension-source {
   display: inline-block;
-  background-color: #555;
+  background-color: #555555;
   padding: 3px;
   font-size: 10px;
   color: #fff;
-  border-radius: 4px;
-}
+  border-radius: 4px; }
+
+/*# sourceMappingURL=light-grey.css.map */