@font-face {
  font-family: Bitter-Regular;
  src: url("fonts/Bitter-Regular.ttf"); }
@font-face {
  font-family: Bitter-Italic;
  src: url("fonts/Bitter-Italic.ttf"); }
@font-face {
  font-family: Bitter-Bold;
  src: url("fonts/Bitter-Bold.ttf"); }
.action-text:hover {
  text-decoration: underline; }

.bg-green {
  background-color: #47A415; }

.bg-grey {
  background-color: #BDBCBC; }

.bg-darkgrey {
  background-color: #4F4C4C; }

.bg-lightgrey {
  background-color: #E1E2E0; }

.bg-highlighted {
  background-color: #F0BC00; }

.bg-lowwhite {
  background-color: #f6f6f6; }

.bg-red {
  background: #AE1637; }

.bg-transparent {
  background: transparent; }

.bg-yellow {
  background: #F0BC00; }

._bg-red {
  background-color: red; }

.bold {
  font-weight: bold; }

.border {
  border: 1px solid black; }

.button {
  padding: 6px 5px 4px 5px;
  height: 26px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  text-align: center;
  width: 100%;
  cursor: pointer; }

body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  overflow: auto;
  background-color: #f6f6f6; }

div.bullet-label {
  position: relative;
  top: -1.5px; }

div.day-decoration {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 0px;
  border-color: transparent transparent transparent transparent; }

div.high-line {
  margin-top: 6px;
  min-height: 22px; }

div.howto-object-page {
  overflow: hidden;
  width: 100%;
  height: 350px; }

div.nav-div {
  overflow: hidden;
  display: table;
  margin: 0 auto 10px auto; }

div.report-map {
  width: 640px;
  position: absolute;
  left: 50%;
  margin-left: -320px; }

/*
div.picker-month {
    display:inline-block;
    padding:3px;
    text-align:center;
    border-bottom:0px;
}
*/
div.picker-day {
  display: inline-block;
  width: 14.2857%;
  height: 30px;
  float: left;
  padding-top: 6px;
  text-align: center; }

div.picker-hour {
  display: inline-block;
  width: 16.666666%;
  height: 30px;
  float: left;
  padding-top: 6px;
  text-align: center; }

div.picker-minute {
  display: inline-block;
  width: 33.33333%;
  height: 30px;
  float: left;
  padding-top: 6px;
  text-align: center; }

div.rm-5 {
  margin-right: 5px; }

div.rm-10 {
  margin-right: 10px; }

div.rm-15 {
  margin-right: 15px; }

div.time-picker-item {
  display: inline-block;
  border: 1px solid;
  width: 30px;
  text-align: center;
  padding: 4px; }

div.date-label {
  display: inline-block;
  text-align: center;
  height: 26px;
  padding: 6px 15px 0 15px;
  border-bottom: 2px solid; }

div.date_picker {
  display: none;
  z-index: 2;
  position: absolute;
  box-shadow: 0 0 5px #4F4C4C;
  border: 0px solid;
  overflow: hidden; }

div.popup-card {
  position: fixed;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }

.clickable, .item_general, .item_activity, .item_customer, .item_project {
  cursor: pointer; }

.fg-activity {
  color: #AE1637; }

.fg-black {
  color: #000000; }

.fg-blue {
  color: #3A70C0; }

.fg-customer {
  color: #79797A; }

.fg-green {
  color: #47A415; }

.fg-grey {
  color: #BDBCBC; }

.fg-highlighted {
  color: #F0BC00; }

.fg-lowgrey {
  color: #707474; }

.fg-darkgrey {
  color: #4F4C4C; }

.fg-project {
  color: #0188A7; }

.fg-red {
  color: #AE1637; }

.fg-topic {
  color: #AE1637; }

.fg-yellow {
  color: #F0BC00; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.inline-block {
  display: inline-block; }

.float-left {
  float: left; }

.gen-pictogram {
  display: inline-block; }

.grey-item, .message-item {
  position: relative;
  outline: 0;
  border-bottom: 2px solid #BDBCBC;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  height: 26px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word; }

.border {
  border: 1px solid; }

div.vline-blank {
  height: 10px; }

div.menu_horline {
  top: 15px; }

div.ver_line {
  width: 2px; }

div.hor_line {
  height: 2px; }

div.hor_line_thin {
  height: 1px; }

div.hor_line_off_search {
  top: 14px; }

.item_activity {
  color: #AE1637; }

.item_customer {
  color: #79797A; }

.item_project {
  color: #0188A7; }

.item_general, .item_activity, .item_customer, .item_project {
  padding: 2px 0px 2px 0px;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  cursor: pointer; }

div.items_1st {
  font-size: 14px; }

div.items_2nd {
  font-size: 12px; }

div.items_3rd {
  font-size: 12px; }

div.menu_item {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 10px;
  font-size: 14px;
  cursor: pointer;
  line-height: 120%;
  overflow: hidden;
  max-width: 80px; }

div.menu-separator-line {
  display: none;
  width: 30px; }

div.hidden {
  display: none; }

div.overflow-hidden {
  overflow: hidden; }

div.overflow-visible {
  overflow: visible; }

img.bullet {
  width: 13px;
  margin-right: 5px; }

img.bullet_large {
  width: 21px; }

img.logo {
  position: absolute;
  width: 120px;
  left: 83px;
  top: 20px; }

.monospace {
  font-family: monospace; }

/*
img.spinner {
    position:absolute;
    width:780px;
    top:10px;
}
*/
object.howto-object {
  width: 100%;
  height: 100%; }

.text-input-label {
  z-index: 2;
  position: absolute;
  font-size: 12px;
  background-color: transparent;
  bottom: 2px;
  /* move to the bottom of the parent div */
  right: 8px; }

.selector-text-input {
  font-size: 12px;
  position: absolute;
  border: 0px solid;
  width: 270px;
  bottom: 2px;
  font-family: inherit;
  background-color: transparent; }

.table-item {
  padding: 2px 0px 2px 0px;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word; }

.message-item {
  border-bottom: 0px; }

.task-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-lower {
  text-transform: lowercase; }

.text-upper {
  text-transform: uppercase; }

.text-tiny {
  font-size: 9px; }

.text-small {
  font-size: 11px; }

.text-default {
  font-size: 12px; }

.text-medium {
  font-size: 14px; }

.text-large {
  font-size: 16px; }

.text-small {
  font-size: 10px; }

.text-vlarge {
  font-size: 24px; }

span.user_label {
  font-size: 12px;
  color: #707474; }

.marg-right-10 {
  margin-right: 10px; }

.padd-all-5 {
  padding: 5px; }

.padd-all-10 {
  padding: 10px; }

.padd-left-10 {
  padding-left: 10px; }

.padd-right-5 {
  padding-right: 5px; }

.padd-right-10 {
  padding-right: 10px; }

.padd-bottom-5 {
  padding-bottom: 5px; }

.padd-bottom-10 {
  padding-bottom: 10px; }

.padd-bottom-15 {
  padding-bottom: 15px; }

.padd-bottom-20 {
  padding-bottom: 20px; }

.padd-top-6 {
  padding-top: 6px; }

select {
  height: 26px;
  width: 100%; }

.select-item {
  position: absolute;
  height: 26px;
  width: 100%;
  background-color: #E1E2E0;
  padding: 4px;
  border-top: 2px solid #BDBCBC; }

.select-sepdiv {
  position: absolute;
  width: 100%;
  border-top: 2px solid #BDBCBC;
  left: 0px;
  height: 15px; }

*.select-item:hover {
  background-color: #F1F2F0; }

.select-label {
  height: 26px;
  padding: 6px 0px 0px 3px; }

.select-label-image {
  height: 26px; }

.textarea, .textarea-border, .textarea-noborder {
  padding: 10px;
  resize: none;
  width: 100%;
  min-height: 15ex;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-family: inherit;
  font-size: inherit; }

.tab-header {
  display: inline;
  float: left;
  margin-right: 30px;
  height: 20px; }

.textarea-border {
  border-bottom: 2px solid; }

.textarea-noborder {
  border-bottom: 0px; }

.text-size-medium {
  font-size: 14px; }

/*
.tab-image-small {
    padding-left:5px;
    width:17px;
    position:relative;
    top:1px;
}
*/
.tab-image-medium {
  padding-left: 5px;
  height: 14px;
  position: relative;
  top: 2px; }

a, u {
  color: #4F4C4C;
  text-decoration: none; }

/*
.pictogram_wrapper {
    // display:inline-block;
    float: right;
    border: 1px solid red;
}
*/
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }

.modal-content {
  background-color: #fefefe;
  margin: 50px auto;
  padding: 10px;
  border: 1px solid #888;
  width: 720px;
  /* Could be more or less, depending on screen size */
  min-height: 300px; }

.modal-inner {
  margin: 0 20px 20px 20px; }

.modal-close {
  color: #aaa;
  float: right;
  font-size: 20px;
  font-weight: bold; }

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

.modal-section {
  padding: 10px; }

.popup_div {
  position: absolute;
  min-width: 80px;
  left: 0px;
  top: 0px;
  border: 4px solid;
  border-color: #F0BC00;
  background-color: #ffffff;
  text-align: left;
  z-index: 10;
  display: none;
  padding: 10px 10px; }

.scrollable-textbox {
  height: 545px;
  width: 100%;
  overflow: scroll; }

td.filter-cell {
  width: 100px; }

.ui-widget-header, .ui-state-default, ui-button {
  background: #dddddd;
  border: 1px solid #b9cd6d;
  color: #555555;
  font-weight: bold; }

.underline {
  text-decoration: underline; }

/*# sourceMappingURL=common_style.css.map */