cg_app_base 1.0.51

data/app/assets/stylesheets/application2.scss

@@ -0,0 +1,1675 @@
+@import 'flatty/plugins/plugins';
+@import 'flatty/light-theme';
+@import 'flatty/plugins/bootstrap_datetimepicker/datepicker3';
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+
+h4 {
+  font-size: 15px !important;
+}
+
+body {
+  font-family: 'Roboto Condensed', sans-serif;
+  font-size: 14px;
+  line-height: 1.42857;
+  color: #333;
+
+  label {
+    font-size: 14px !important;
+  }
+}
+
+tr.text-muted a { color: #18354c !important; }
+tr.text-primary a { color: #428bca !important; }
+tr.text-warning a { color: #efac4f !important; }
+tr.text-danger a { color: #940004 !important; }
+tr.text-success a { color: #5cb85c !important; }
+tr.text-info a { color: #9564e2 !important; }
+tr.text-muted a { color: #999999 !important; }
+tr.text-pink a { color: #c44a83 !important; }
+tr.text-banana a { color: #fcd052 !important; }
+tr.text-darkOrange a { color:#f56e00 !important;}
+tr.text-darkColor a { color: #2b2d30 !important; }
+tr.text-fb a { color: #3d579d !important; }
+
+.label-muted { background-color: #18354c !important; }
+.label-primary { background-color: #428bca !important; }
+.label-warning { background-color: #efac4f !important; }
+.label-danger { background-color: #940004 !important; }
+.label-success { background-color: #5cb85c !important; }
+.label-info { background-color: #9564e2 !important; }
+.label-muted { background-color: #999999 !important; }
+.label-pink { background-color: #c44a83 !important; }
+.label-banana { background-color: #fcd052 !important; }
+.label-darkOrange { background-color:#f56e00 !important;}
+.label-darkColor { background-color: #2b2d30 !important; }
+.label-fb { background-color: #3d579d !important; }
+
+.label {
+  font-size: 100% !important;
+}
+
+.quote_highlight {
+  color: #ffffff;
+  padding: 3px;
+  height: 25px;
+  width: 25px;
+  border-radius: 100%;
+}
+
+.nav-tabs, .nav-pills {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+header .navbar {
+  margin: 0;
+  padding: 0 0px;
+  background-color: #f34541;
+  border: none;
+  min-height: 40px;
+  height: 40px;
+  -o-border-radius: 0;
+  border-radius: 0;
+}
+
+/* navigation side */
+.main-nav-opened #main-nav {
+  width: 175px;
+  overflow: visible;
+}
+
+.main-nav-opened #main-nav-bg {
+  width: 175px;
+}
+
+.main-nav-opened #content {
+  margin-left: 175px;
+}
+
+#content {
+  margin-left: 175px;
+  background: #fbfbfb;
+  min-width: 276px;
+  background: #fbfbfb;
+}
+
+#main-nav .navigation > .nav > li > a {
+  background-color: #ffffff;
+  height: 42px;
+  display: block;
+  line-height: 45px;
+  padding: 0px 10px;
+  border-bottom: 1px solid #FFF;
+  border-top: 1px solid #E7E7E7;
+  overflow: visible !important;
+}
+
+#main-nav .navigation > .nav > li .nav > li > a {
+  padding: 5px;
+  border-top: 1px solid #ffffff;
+}
+
+#main-nav .navigation > .nav > li .nav > li > a:hover, #main-nav .navigation > .nav > li .nav > li > a:focus {
+  background-color: #606060;
+  color: #ffffff;
+}
+
+#main-nav .navigation > .nav > li .nav > li.active > a {
+  background-color: #606060;
+  color: #ffffff;
+}
+
+.contrast-sea-blue #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"], .contrast-sea-blue #main-nav .navigation > .nav > li .nav > li > a:hover [class*=" icon-"], .contrast-sea-blue #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"], .contrast-sea-blue #main-nav .navigation > .nav > li .nav > li > a:focus [class*=" icon-"] {
+  color: #fff;
+}
+
+.contrast-sea-blue #main-nav .navigation > .nav > li .nav > li.active > a [class^="icon-"], .contrast-sea-blue #main-nav .navigation > .nav > li .nav > li.active > a [class*=" icon-"] {
+  color: #fff;
+}
+
+/* end of navigation side */
+
+/* icones */
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+  margin-right: 0px;
+}
+
+header .navbar {
+  margin: 0;
+  padding: 0 0px;
+  background-color: #f34541;
+  border: none;
+  min-height: 40px;
+  height: 40px;
+  -o-border-radius: 0;
+  border-radius: 0;
+}
+
+#content {
+  margin-left: 175px;
+  background: #fbfbfb;
+  min-width: 276px;
+  background: #fbfbfb;
+}
+
+/* end of navigation side */
+
+.box .box-header {
+  font-size: 21px;
+  font-weight: 200;
+  line-height: 30px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.lefty15 {
+  margin-left: 15px;
+}
+
+.top4 {
+  margin-top: 4px;
+}
+
+.top9 {
+  margin-top: 9px;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+.top22 {
+  margin-top: 22px;
+}
+
+.no-padding-left {
+  padding-left: 0;
+}
+
+.no-padding-right {
+  padding-right: 0;
+}
+
+.table thead > tr > th,
+.table thead > tr > td,
+.table tbody > tr > th,
+.table tbody > tr > td,
+.table tfoot > tr > th,
+.table tfoot > tr > td {
+  padding: 8px;
+  line-height: 1.428571429;
+  vertical-align: top;
+  border-top: 1px solid #dddddd;
+  word-wrap: break-word;
+}
+
+.table thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 0px solid #dddddd;
+}
+
+.table tbody + tbody {
+  border-top: 0px solid #dddddd !important;
+}
+
+.text_wrapper {
+
+}
+
+#max_capacity {
+  font-size: 0.85em;
+}
+
+h4.special_status {
+  color: #ffffff !important;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+h4.full_white, h4.full_white i {
+  color: #ffffff !important;
+}
+
+// icons des events //
+
+ul.dropdown-menu li i {
+  margin: 3px 5px 0 0;
+}
+
+//Table headers//
+
+tr.maintablebkg {
+  background-color: rgba(30, 30, 30, 1.0);
+  color: rgba(255, 255, 255, 1.0);
+}
+
+tr.maintablebkg p {
+  font-weight: 400;
+  text-align: left;
+}
+
+tr.subtablebkg {
+  background-color: #0163ac;
+  color: rgba(255, 255, 255, 1.0);
+}
+
+.box .box-header {
+  padding: 10px 15px 0 15px !important;
+}
+
+.box .box_shadow {
+  background-color: rgba(30, 30, 30, 0.04);
+  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
+  -webkit-transition: all 500ms ease 0.1s;
+  -moz-transition: all 500ms ease 0.1s;
+  -o-transition: all 500ms ease 0.1s;
+  transition: all 500ms ease 0.1s;
+}
+
+.box_indent_scrollable {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.box_indent_border {
+  border: 2px solid #0163ac !important;
+}
+
+.no-border {
+  border: 0px solid rgba(255, 255, 255, 0);
+}
+
+a.state_collapser {
+  color: #0163AC;
+  width: 49%;
+  line-height: 2.7em;
+  text-decoration: none;
+  cursor: pointer !important;
+  margin-left: 6px;
+
+  &:hover {
+    color: #014171;
+    text-decoration: none;
+    margin-left: 6px;
+  }
+}
+
+tr.subtablebkg p {
+  font-weight: 400;
+  text-align: left;
+}
+
+h1,
+h2,
+h3 {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.form-group {
+  margin-bottom: 0px;
+  padding-bottom: 10px;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 10px;
+  font-size: 16px;
+  line-height: inherit;
+  color: #333333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.form-control {
+  height: 31px;
+  padding: 3px 6px;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #555555;
+  vertical-align: middle;
+  background-color: white;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+
+.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
+  width: 25px;
+  margin-top: -6px;
+  border: none;
+  box-shadow: none;
+}
+
+.help-block {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 0px;
+  color: #b94a48;
+  float: left;
+}
+
+.phones .actions .remove {
+  color: #f34541;
+}
+
+.required label > abbr {
+  color: #b94a48;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  cursor: pointer;
+  border-bottom: 0px;
+}
+
+.group-header {
+  border-top: 1px solid #eeeeee;
+  position: relative;
+  margin-left: -15px;
+  margin-right: -15px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+}
+
+.action {
+  margin-top: 5px;
+  margin-right: 5px;
+}
+
+.box .box-content {
+  padding: 10px;
+  margin-bottom: 0px;
+  border: 1px solid #dddddd;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.date-box-content {
+  padding: 0;
+  margin: 0px;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 2 1px 3px rgba(0, 0, 0, 0.1) !important;
+  -moz-box-shadow: 2 1px 3px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: 2 1px 3px rgba(0, 0, 0, 0.1) !important;
+
+  tbody {
+    padding: 5px 0 !important;
+  }
+
+  .datepicker {
+    padding: 0;
+    border-radius: 0;
+    direction: ltr;
+
+    thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
+      background: #d2ecff;
+      -webkit-transition: background-color 500ms ease-out 0.1s;
+      -moz-transition: background-color 500ms ease-out 0.1s;
+      -o-transition: background-color 500ms ease-out 0.1s;
+      transition: background-color 500ms ease-out 0.1s;
+    }
+
+    table {
+      width: 100%;
+      float: left;
+      position: relative;
+    }
+
+  }
+
+  .datepicker-inline {
+    width: 100%;
+  }
+
+  table.table-condensed thead {
+    border-top: 4px solid #0163ac;
+    border-bottom: 1px solid #0163ac;
+    position: relative;
+    float: left;
+
+    .datepicker-switch {
+      text-transform: uppercase;
+    }
+
+    tr {
+      width: 100%;
+    }
+
+    tr th {
+      border-radius: 0;
+    }
+
+    tr th.prev, tr th.next {
+
+    }
+
+    th.dow {
+      color: #01284d;
+      width: 15%;
+      padding: 0 0;
+    }
+  }
+
+  table.table-condensed tbody {
+    position: relative;
+    float: left;
+
+    tr {
+      margin: 3px 0 !important;
+      width: 100%;
+    }
+  }
+
+  td {
+    border-radius: 100% !important;
+    font-weight: 400;
+
+    .active {
+      background-color: #a6d7ff;
+    }
+  }
+
+  .datepicker td.day {
+    background-color: #a6d7ff;
+    color: #01284d;
+    font-weight: 400;
+    height: 30px;
+  }
+
+  .datepicker table tr td, .datepicker table tr th {
+    border-radius: 0px;
+  }
+
+  .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
+    background: #01284d;
+    color: #ffffff;
+    cursor: pointer;
+    border-radius: 0;
+    -webkit-transition: background-color 500ms ease-out 0.1s;
+    -moz-transition: background-color 500ms ease-out 0.1s;
+    -o-transition: background-color 500ms ease-out 0.1s;
+    transition: background-color 500ms ease-out 0.1s;
+  }
+
+  .datepicker td.active {
+    background-color: #0163ac !important;
+    color: rgba(255, 255, 255, 1) !important;
+  }
+
+  .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
+    background: none !important;
+    color: #898989 !important;
+    cursor: default;
+    border: none;
+  }
+
+  .datepicker table tr td.old, .datepicker table tr td.new {
+    color: rgba(0,0,0,0.85);
+    opacity: 0.4;
+  }
+
+  .datepicker table tr td.admin {
+    background: none !important;
+    color: #898989 !important;
+  }
+
+  .datepicker td.active.day.admin {
+    background-color: #0163ac !important;
+    color: rgba(255, 255, 255, 1) !important;
+  }
+
+  .datepicker table tr td.admin:hover, .datepicker table tr td.admin.focused {
+    background: #E7E7E7 !important;
+    color: #898989 !important;
+    cursor: pointer;
+    border-radius: 0;
+    -webkit-transition: background-color 500ms ease-out 0.1s;
+    -moz-transition: background-color 500ms ease-out 0.1s;
+    -o-transition: background-color 500ms ease-out 0.1s;
+    transition: background-color 500ms ease-out 0.1s;
+  }
+
+}
+
+.box .box-content-killer {
+  padding: 0;
+  border: 0px solid rgba(255, 255, 255, 1);
+  box-shadow: 0 0px 0px rgba(255, 255, 255, 0.055);
+  background-color: rgba(255, 255, 255, 0);
+}
+
+.box .box-content-no-padding {
+  padding: 0px;
+  margin-bottom: 0px;
+  border: 1px solid #dddddd;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .blankbox-content {
+  padding: 10px;
+  margin-bottom: 0px;
+  display: block;
+}
+
+.box .blankbox-content-no-padding {
+  padding: 0px;
+  margin-bottom: 0px;
+  display: block;
+}
+
+.box .fullbox-content {
+  padding: 10px;
+  margin-bottom: 0px;
+  width: 100%;
+  height: auto;
+  float: left;
+  border: 1px solid #dddddd;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .fullbox-content-no-border {
+  padding: 10px;
+  margin-bottom: 0px;
+  width: 100%;
+  height: auto;
+  float: left;
+  border: 0px solid #dddddd;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .fullbox-content p.statustitle {
+  font-size: 1.15em;
+  margin: -3px 0px 5px 0px;
+}
+
+.box .fullbox-content p.statusdetails {
+  font-size: 0.9em;
+  font-weight: 400;
+  padding: 6.5px;
+}
+
+.box .fullbox-content-no-padding {
+  padding: 0px 0px 4px 0px;
+  margin-bottom: 0px;
+  width: 100%;
+  height: auto;
+  float: left;
+  border: 1px solid #dddddd;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .fullbox-content-no-padding-no-border {
+  padding: 0px 0px 4px 0px;
+  margin-bottom: 0px;
+  width: 100%;
+  height: auto;
+  float: left;
+  border: 0px solid #fff;
+  background: white;
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .fullblankbox-content-no-padding-no-border {
+  padding: 0px 0px 4px 0px;
+  margin-bottom: 0px;
+  width: 100%;
+  height: auto;
+  float: left;
+  border: 0px solid #fff;
+  background: white;
+  display: block;
+}
+
+.fullbox {
+  padding: 0px;
+  margin: 0px;
+  width: 80%;
+  height: auto;
+  float: left;
+  display: block;
+}
+
+/* forced alignments */
+.textright {
+  text-align: right;
+}
+
+.margtop6 {
+  margin-top: 6px;
+}
+
+.margtop12 {
+  margin-top: 12px;
+}
+
+.margtop20 {
+  margin-top: 20px;
+}
+
+.margright12 {
+  margin-right: 12px;
+}
+
+.margleft12 {
+  margin-left: 12px;
+}
+
+.margbottom0 {
+  margin-bottom: 0;
+}
+
+.margbottom20 {
+  margin-bottom: 20px;
+}
+
+.floatleft {
+  float: left;
+}
+
+.floatright {
+  float: right;
+}
+
+.box-no-margin {
+  margin: 0px;
+}
+
+/* end of forced alignments */
+
+.box .box-content-reverse {
+  color: rgba(255, 255, 255, 1.0);
+  padding: 14px 10px;
+  height: 100%;
+  margin-bottom: 0px;
+  border: 1px solid #dddddd;
+  background: rgba(30, 30, 30, 0.7);
+  display: block;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+}
+
+.box .box-content-reverse a {
+  color: #ffffff;
+}
+
+hr.hr-normal {
+  margin-top: 10px;
+  margin-bottom: 5px;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.box .box-header .actions {
+  margin-top: -3px;
+  float: right;
+}
+
+.box .box-header .actions {
+  margin-top: -3px;
+  float: right;
+}
+
+.invisible-block {
+  display: none;
+  visibility: hidden;
+}
+
+em {
+  font-weight: bold;
+  font-style: normal;
+  background: rgba(255, 230, 0, 0.5);
+}
+
+.main-nav-nonav #content {
+  #content {
+    margin-left: 10px;
+  }
+}
+
+#content_embedded {
+  background: #fbfbfb;
+  min-width: 276px;
+  background: #fbfbfb;
+}
+
+.navbar h2 {
+  color: #fbfbfb;
+}
+
+address {
+  display: block;
+  margin-bottom: 20px;
+  margin-right: 20px;
+  font-style: normal;
+  line-height: 1.5em;
+  font-size: 0.95em;
+}
+
+.list-unstyled, .list-inline {
+  padding-left: 0;
+  list-style: none;
+  word-wrap: break-word;
+}
+
+.responsive-table {
+  position: relative;
+  overflow: hidden;
+  margin-top: 2px;
+}
+
+.the-table {
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+
+.table-striped {
+  background-color: #f8fdff !important;
+}
+
+.table-striped td.roadline {
+  background-color: #ffffff !important;
+}
+
+.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
+  background-color: #e7f8ff;
+}
+
+.table .table, .trblue_bkg {
+  background-color: #f8fdff !important;
+}
+
+.table .table-hover {
+  > tbody {
+    > tr:hover {
+      > td,
+      > th {
+        background-color: rgba(160, 219, 255, 0.7) !important;
+        -webkit-transition: background-color 500ms ease-out 0.1s;
+        -moz-transition: background-color 500ms ease-out 0.1s;
+        -o-transition: background-color 500ms ease-out 0.1s;
+        transition: background-color 500ms ease-out 0.1s;
+      }
+    }
+  }
+}
+
+div.invoiceTitle, span.invoiceTitle {
+  text-align: right !important;
+  border: 0px solid rgba(255,255,255,1) !important;
+  background-color: rgba(255,255,255,1) !important;
+}
+
+.border-cod {
+  border: 1px solid #d9534f !important;
+}
+
+.box-cod {
+  background-color: #d9534f !important;
+}
+
+div.invoiceBkg, span.invoiceBkg {
+  border-top: 0px solid rgba(255,255,255,1) !important;
+  border-bottom: 0px solid rgba(255,255,255,1) !important;
+  border-right: 0px solid rgba(255,255,255,1) !important;
+  background-color: rgba(255,255,255,1) !important;
+}
+
+#contracts {
+  > tbody {
+    > tr.odd:hover {
+      > td,
+      > th {
+        background-color: rgba(160, 219, 255, 0.7) !important;
+        -webkit-transition: background-color 500ms ease-out 0.1s;
+        -moz-transition: background-color 500ms ease-out 0.1s;
+        -o-transition: background-color 500ms ease-out 0.1s;
+        transition: background-color 500ms ease-out 0.1s;
+      }
+    }
+  }
+}
+
+.to-be-deleted {
+  background-color: red;
+}
+
+.alert {
+  margin-top:20px;
+  width: 100%;
+  position: relative;
+}
+
+.remove {
+  color: #f34541;
+}
+
+.remove:hover {
+  color: #f01611;
+}
+
+.important {
+  color: #00acec;
+}
+
+.important i:before {
+  content: "\f097";
+}
+
+.important:hover {
+  color: #0087b9;
+}
+
+.loading-image {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 10;
+}
+
+.loader {
+  display: none;
+  width: 200px;
+  height: 200px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  margin-left: -50px;
+  margin-top: -100px;
+  z-index: 2;
+  overflow: auto;
+}
+
+/* Boutons */
+
+header .navbar .toggle-nav {
+  margin-left: 4px;
+  margin-right: 5px;
+}
+
+.btn-group.open .btn-primary.dropdown-toggle, .btn.btn-primary {
+  background-color: #00ACEC;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
+  padding: 7px;
+}
+
+.btn-group.open .btn.dropdown-toggle, .btn {
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
+  padding: 7px;
+}
+
+.dropdown_liltableup {
+  margin-bottom: 5px;
+  z-index: 50;
+}
+
+.dropdown_tableup {
+  z-index: 10000;
+  position: relative;
+}
+
+.btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn {
+  font-size: 0.8em;
+}
+
+.btn_refresh, a.btn_refresh {
+  height: 31px;
+  margin-left: 4px;
+  margin-top: 24px;
+  padding-top: 4px !important;
+
+  i {
+    margin: 0;
+    padding: 0;
+  }
+
+  &:hover {
+    margin-left: 4px;
+    padding-top: 7px;
+  }
+}
+
+a, a:hover, .btn-link, .btn-link:hover, .btn-link:focus {
+  font-family: 'Roboto Condensed', sans-serif;
+  color: #222;
+  text-shadow: none;
+  box-shadow: none;
+  font-weight: 400;
+  margin-left: 0px;
+  text-transform: none;
+}
+
+.btn-link:focus, .btn-link, .btn-link:hover, .btn-link:active {
+  background-color: transparent;
+  border-color: transparent;
+  text-decoration: none;
+}
+
+#routeDrag ol ul {
+  padding-left: 15px;
+}
+
+.noUnderline, .noUnderline:hover {
+  color: #B00100;
+  text-decoration: none;
+}
+
+input, button, select, textarea {
+  font-family: inherit;
+  font-size: 1.1em;
+  line-height: inherit;
+  color: rgba(255, 255, 255, 1.0);
+  background-color: #47b024;
+  padding: 5px 11px;
+  border: none;
+}
+
+/* search zone */
+.searchblock {
+  background-color: #0163AC;
+  padding: 14px;
+}
+
+/* navigation onglets */
+
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  font-size: 1.1em;
+}
+
+@media screen and (min-width: 768px) {
+
+  #modalstatus {
+    float: right;
+    margin-right: 13px;
+  }
+
+  .modal-body {
+    height: auto;
+  }
+  /* line 135, /Users/rem/Projects/cg_fiche_client_master/app/assets/stylesheets/flatty/bootstrap/bootstrap/_modals.scss */
+  .modal-dialog {
+    left: 50%;
+    right: auto;
+    width: 960px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+
+  /* line 142, /Users/rem/Projects/cg_fiche_client_master/app/assets/stylesheets/flatty/bootstrap/bootstrap/_modals.scss */
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+
+  p.modalwilldo {
+    width: 100%;
+    background-color: rgba(75, 75, 75, 1.0);
+    text-align: center;
+    font-size: 1.1em;
+    padding: 10px;
+    margin: 0px;
+    color: rgba(255, 255, 255, 1.0);
+  }
+}
+
+.border-bottom {
+  border-bottom: 1px solid rgba(30, 30, 30, 0.2);
+}
+
+@media screen and (max-width: 800px) {
+
+  .dd-handle p {
+    width: 68% !important;
+  }
+
+  p.rundetails, p#deliverydate, p#duree, p#distance, p.bigtitle {
+    font-size: 0.9em;
+  }
+
+}
+
+.input-prepend .add-on,
+.input-append input {
+  float: left;
+}
+
+.actions .remove {
+  color: #f34541;
+}
+
+.shipping_map {
+  margin: 0px;
+}
+
+.box-quick-link a:hover .header [class^="icon-"], .box-quick-link a:hover .header [class*=" icon-"] {
+  margin: 0px;
+  font-size: 30px;
+}
+
+.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
+  width: 66%;
+}
+
+.input-group.date .input-group-addon span {
+  width: 16px;
+  height: 17px !important;
+}
+
+#map-outer {
+  height: 440px;
+  padding: 20px;
+  border: 2px solid #CCC;
+  margin-bottom: 20px;
+  background-color: #FFF
+}
+
+#map-canvas {
+  height: 600px
+}
+
+@media all and (max-width: 600px) {
+  #map-outer {
+    height: 650px
+  }
+}
+
+.status {
+  display: inline;
+  padding: .2em 0.5em;
+  color: white;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  font-weight: 400;
+}
+
+/* Shipmap zone */
+
+#shipmap {
+  .bigtitle {
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+  .bigtitleblack {
+    width: 100%;
+    margin: 0px;
+    padding: 2px;
+  }
+
+  #titlehead {
+    width: 100%;
+    color: rgba(255, 255, 255, 1.0);
+    background-color: rgba(30, 30, 30, 1.0);
+    font-size: 1.2em;
+    font-weight: normal;
+    margin-bottom: 0px;
+
+    .bigtitleblack2 {
+      color: rgba(255, 255, 255, 1.0);
+      border: 1px solid rgba(30, 30, 30, 0.9);
+      background-color: rgba(30, 30, 30, 1.0);
+      text-align: left;
+      width: 70%;
+      margin: 0px;
+      padding: 5px 7px 5px 7px;
+      float: left;
+    }
+
+    .bigtitleblack3 {
+      color: rgba(255, 255, 255, 1.0);
+      border: 1px solid rgba(30, 30, 30, 0.9);
+      background-color: rgba(30, 30, 30, 1.0);
+      text-align: right;
+      width: 30%;
+      margin: 0px;
+      padding: 5px 7px 5px 7px;
+      float: left;
+    }
+  }
+
+  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    background-color: rgba(255, 255, 255, 1.0);
+  }
+
+  .dropdown {
+    margin-top: 0px;
+  }
+
+  .dd-handle {
+    text-transform: uppercase;
+    background-color: rgba(255,255,255,1);
+    display: inline-block;
+    width: 100%;
+    padding: 6px;
+    margin: 2px 0;
+    font-size: 75%;
+    font-weight: 400;
+
+    &:hover {
+      color: #000000;
+      background-color: rgba(240,240,240,1);
+      -webkit-transition: all 500ms ease 0.1s;
+      -moz-transition: all 500ms ease 0.1s;
+      -o-transition: all 500ms ease 0.1s;
+      transition: all 500ms ease 0.1s;
+    }
+
+    p {
+      float: left;
+      width: 80%;
+      z-index: 0;
+    }
+    span {
+      float: left;
+      height: auto;
+      height: auto;
+      padding: 7px;
+      clear: left;
+      width: 100%;
+    }
+    img {
+      float: left;
+      margin-right: 2px;
+      margin-left: 0px;
+      margin-bottom: 30px;
+    }
+    .button-corner {
+      margin: -6px -6px -6px -6px;
+      padding: 8px;
+      z-index: 9999;
+      box-shadow: none;
+      padding: 3px 6px;
+    }
+    .button-middle {
+      margin: 1px -6px -6px -6px;
+      padding: 8px;
+      z-index: 9999;
+      box-shadow: none;
+      padding: 3px 6px;
+    }
+  }
+
+  .grayback {
+    background-color: rgba(200, 200, 200, 0.25);
+  }
+}
+
+/* end of Shipmap zone */
+
+/* projections zone */
+
+#projections {
+
+  .autoheight {
+    height: auto;
+  }
+  .fullheight {
+    height: 100%;
+  }
+  .fix-height155 {
+    min-height: 155px;
+  }
+  .fix-height275 {
+    min-height: 275px;
+  }
+  .bigtitle {
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+  .title {
+    margin-left: 6px;
+    margin-top: 6px;
+
+    a {
+      color: rgba(30, 30, 30, 1.0);
+
+      span {
+        text-decoration: none;
+        padding-right: 4px;
+      }
+
+    }
+
+    a:hover {
+      text-decoration: none;
+      color: #0163AC;
+    }
+  }
+
+  .rundetails {
+    margin: 0px 0px 2px 0px;
+
+    p {
+    }
+
+    a {
+      color: rgba(30, 30, 30, 1.0);
+
+      span {
+        text-decoration: none;
+        padding-right: 4px;
+      }
+
+    }
+
+    a:hover {
+      text-decoration: none;
+      color: #0163AC;
+    }
+  }
+
+  .box .blankbox-content {
+    padding: 0px;
+    margin-bottom: 0px;
+    display: block;
+  }
+
+  ul.dropdownIn {
+    width: auto !important;
+    right: 33px;
+    left: auto;
+  }
+
+  ul {
+    margin: 0px;
+    padding: 0px;
+    width: 100%;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  table {
+    width: 100%;
+
+    thead {
+      background-color: rgba(30, 30, 30, 1.0);
+    }
+
+    tbody {
+    }
+
+    tr {
+      width: 100%;
+    }
+
+    th.bigtitleblack {
+      color: rgba(255, 255, 255, 1.0);
+      text-align: left;
+      border: none;
+    }
+
+    th {
+      font-size: 70%;
+      font-weight: 400;
+      text-align: left;
+      border: none;
+    }
+
+    td {
+      font-size: 0.8em;
+    }
+
+  }
+
+  .bigtitlewhite {
+    color: rgba(0, 0, 0, 1.0);
+    text-align: center;
+    font-size: 0.83em;
+    font-weight: normal;
+    width: 25%;
+    margin: 0px;
+    padding: 7px 2px 7px 2px;
+    float: left;
+  }
+
+  .first-child {
+    width: 50%;
+  }
+  .mid-child {
+    width: 40%;
+  }
+  .last-child {
+    width: 20%;
+  }
+  .mini-child {
+    width: 15%;
+  }
+
+  .grayback {
+    background-color: rgba(200, 200, 200, 0.25);
+  }
+
+  .projectionsbox {
+    margin: 0 0 8px 0;
+    width: 100%;
+    min-height: 250px;
+    //min-width: 150px;
+    float: left;
+    max-width: 277.8px;
+    overflow: hidden;
+  }
+
+  .projectionsboxlarge {
+    margin: 3px 3px 3px 0px;
+    width: 100%;
+  }
+}
+
+/* end of projections zone */
+
+/* modal zone */
+
+#modal {
+
+  .box .box-special {
+    padding: 10px 8px 0px 8px;
+    margin-bottom: 12px;
+    margin-top: 0px;
+    color: white;
+    background: red;
+    display: block;
+
+    p {
+      font-weight: normal;
+      font-size: 1.15em;
+    }
+  }
+
+  .form-group {
+    width: 100%;
+  }
+
+  .bigtitle {
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+  .truckid {
+    font-size: 1.15em;
+    font-weight: 400;
+    float: left;
+    width: 60%;
+    margin: 4px 0px 0px 4px;
+  }
+
+  .deliverid {
+    font-size: 0.9em;
+    font-weight: 400;
+    float: left;
+    width: 60%;
+    margin: 6px 0px 0px 4px;
+  }
+
+  .switch {
+    float: left;
+    width: 20%;
+    position: relative;
+    margin-left: 12px;
+  }
+
+  .title {
+    margin-left: 0px;
+    margin-top: 5px;
+    font-size: 1.1em;
+
+    a {
+      color: rgba(30, 30, 30, 1.0);
+
+      span {
+        text-decoration: none;
+        padding-right: 4px;
+      }
+
+    }
+
+    a:hover {
+      text-decoration: none;
+      color: #0163AC;
+    }
+  }
+
+  ul {
+    width: 100%;
+    position: relative;
+    display: inline;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .bigtitleblack {
+    color: rgba(255, 255, 255, 1.0);
+    text-align: left;
+    font-size: 0.83em;
+    font-weight: normal;
+    background-color: rgba(30, 30, 30, 1.0);
+    margin: 0px;
+    padding: 5px 2px 5px 7px;
+    float: left;
+  }
+
+  .bigtitlewhite {
+    color: rgba(0, 0, 0, 1.0);
+    text-align: left;
+    font-size: 0.83em;
+    font-weight: normal;
+    margin: 0px;
+    padding: 7px 2px 7px 7px;
+    float: left;
+  }
+
+  .first-child {
+    width: 56%;
+  }
+  .mid-child {
+    width: 46%;
+  }
+  .last-child {
+    width: 22%;
+  }
+  .mini-child {
+    width: 18%;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  td {
+    font-size: 0.85em;
+  }
+
+  .grayback {
+    background-color: rgba(200, 200, 200, 0.25);
+  }
+
+  .projectionsbox {
+    margin: 3px 3px 3px 0px;
+    width: 19.7%;
+  }
+
+  .projectionsboxlarge {
+    margin: 3px 3px 3px 0px;
+    width: 100%;
+  }
+
+  .notebox {
+    min-height: 75px;
+    height: auto;
+  }
+
+  .button-corner {
+    margin: -6px -6px -6px -6px;
+    padding: 8px;
+    z-index: 9999;
+    box-shadow: none;
+    padding: 3px 6px;
+  }
+}
+
+.box .box-header .actions .btn-link {
+  cursor: pointer !important;
+}
+
+.neutral-background {
+  background-color: #0163ac;
+}
+
+.table-collapse-border {
+  border-top: 0px solid #0163ac;
+  border-bottom: 2px solid #0163ac;
+  border-left: 2px solid #0163ac;
+  border-right: 2px solid #0163ac;
+}
+
+.maintableline .box .box-header .actions .btn-link i {
+  color: #a7a7a7;
+}
+
+.box .box-header .actions .btn-link:hover {
+  -webkit-transition: background-color 500ms ease-out 0.1s;
+  -moz-transition: background-color 500ms ease-out 0.1s;
+  -o-transition: background-color 500ms ease-out 0.1s;
+  transition: background-color 500ms ease-out 0.1s;
+}
+
+.box .box-header.neutral-background .actions .btn-link:hover {
+  color: rgba(255, 255, 255, 0.7) !important;
+  background-color: rgba(255, 255, 255, 0);
+  cursor: pointer !important;
+}
+
+.top-arrow {
+  background-image: url("top-arrow.png");
+  background-position: top center;
+  background-repeat: no-repeat;
+
+  img {
+    z-index: 12000;
+  }
+}
+
+.table_scrollable a:hover {
+  background-color: rgba(255, 255, 255, 0);
+}
+
+/* end of modal zone */
+
+/* Background for main line */
+
+.scrollfixer {
+  max-height: 250px;
+  overflow: scroll;
+  position: relative;
+}
+
+tr.maintableline, tr:hover .maintableline {
+  //background-color: rgba(30,30,30,0.11);
+}
+
+tr.maintablebkg {
+  background-color: rgba(30, 30, 30, 1.0);
+  color: rgba(255, 255, 255, 1.0);
+}
+
+tr.maintablebkg p {
+  font-weight: 400;
+  text-align: left;
+}
+
+//tr.maintableline td .h4 {
+//  font-size: 11px !important;
+//}
+
+th.tableheadtitle {
+  margin: 0px !important;
+  padding: 3px !important;
+}
+
+p.titletable {
+  font-size: 115%;
+  text-align: center;
+  margin: 0px;
+  padding: 0px;
+  bottom: 0px;
+}
+
+.table thead > tr > th, .table thead > tr > td, .table tbody > tr > th, .table tbody > tr > td, .table tfoot > tr > th, .table tfoot > tr > td {
+  padding: 3px;
+  line-height: 1.428571429;
+  vertical-align: top;
+  border-top: 1px solid #dddddd;
+  font-size: 0.88em;
+  text-overflow: ellipsis;
+}
+
+@media print {
+  .no-print, .no-print * {
+    display: none !important;
+  }
+}
+
+/* SECTION UI JQUERY */
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+  border: 0px solid #d3d3d3 !important;
+}
+
+.border-bottom {
+  border-bottom: 1px solid rgba(30, 30, 30, 0.2);
+}
+
+.border-left {
+  border-left: 1px solid rgba(30, 30, 30, 0.2);
+}
+
+.white-space-normal {
+  white-space: normal !important;
+}