.manager_content
{
  padding:0 20px 10px 20px;
}
.manager_content > h1
{
  line-height:48px;
  margin: 0 -20px 15px -20px; padding: 0 0 0 20px;
  background:#eef;
  border-bottom:solid 1px #bbc;
}
.my-toolbar {
  padding:5px;
  border-bottom:solid 1px #bbc;
  margin-bottom:1em;
  background:#eef;
}
.toolbar_elem {
  display:inline-block;
  padding:.5em;
  border-left:solid 1px #bbc;
}
.on_left {
  float: left;
}
.on_right {
  float: right;
}

.small {
  font-size:70%;
}

.dataTables_wrapper .ui-toolbar {
  padding: 4px 8px;
}
input.ui-button,
.ui-button-text-only .ui-button-text {
  padding:0.2em 1em;
}
.ui-button .ui-button-text {
  line-height:1.25em;
}

.dataTable .ui-button-text {
  padding:0.1em 1em;
  line-height:1.2em;
}
table.dataTable {
  border-collapse:collapse;
}
.dataTable thead th, table.display thead th {
  font-weight: normal;
}

.formTable th, .formTable td {
  border-bottom:solid 1px lightgray;
  height:2.4em;
}
.formTable th {
  text-align:left;
  font-weight: inherit;
}


.table,
.table_plan {
  border-collapse:collapse;
  empty-cells: show;
}
.table th,
.table_plan th,
td {
  border: solid 1px #aaa;
}
.table th,
.table_plan th,
tr.sub_head td {
  background:#ddd !important;
  text-align:left;
  font-weight: inherit;
}
.table .ui-button-text {
  padding:0.1em 1em;
  line-height:1.0em;
}
.table .hours td,
.table td.hours {
  text-align:right;
}
.table .hours td.title {
  text-align:inherit;
}

.table td.blank {
  border:none;
  background:transparent;
}

.decimal, 
.number,
table .decimal, 
table .number {
  text-align:right;
}
.negative {
  color:red;
}


/* Planning */
table.table_plan {
  table-layout:fixed;
  width:100%;
}
table.table_plan td {
  overflow:visible;
  white-space: nowrap;
}
table.table_plan td.title {
  overflow:visible;
  background:#f7f7f7;
}
table.table_plan td span {
}

.plan_type_P1 { /* planned */
  background: #7fff00;
}
.plan_type_P2 { /* active */
  background: #32dd32;
}
.plan_type_P3 { /* finished */
  background: #aaa;
}
.plan_type_Pc { /* course */
  background: #0ff;
}
.plan_type_PH { /* Holiday on Project */
  background: #ee82ee;
}
.plan_type_H { /* Holiday */
  background: #f33;
}
.plan_type_S { /* Sick */
  background: #fe0;
}
.plan_type_Na { /* Non Active */
  background: #000;
}


.report_daily_employee_task_row_description textarea {
  width:25em; height:4em;
}
.expand_indicator {
  float:left;
  margin-right:0.4em;
}

.switch-button-label {
  float: left;

  font-size: 10pt;
  cursor: pointer;
}

.switch-button-label.off {
  color: #adadad;
}

.switch-button-label.on {
  color: #0088CC;
}

.switch-button-background {
  float: left;
  position: relative;

  background: #ccc;
  border: 1px solid #aaa;

  margin: 1px 10px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  cursor: pointer;
}

.switch-button-button {
  position: absolute;

  left: -1px;
  top : -1px;

  background: #FAFAFA;
  border: 1px solid #aaa;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}




/* dropzone.css | http://jr1/fairwind/web/js/dropzone/dist/dropzone.css */

.dropzone .dz-preview {
  /* margin: 16px; */
  /* min-height: 100px; */
  margin: 8px;
  min-height: 60px;
  min-width: 240px;
  background: #ddd;
  border-radius: 8px;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  /* width: 54px; */
  /* height: 58px; */
  width: 32px;
  height: 32px;

  /* left: 50%; */
  /* margin-left: -27px; */
  /* margin-top: -27px; */
  left: 10px;
  margin-left: 0;
  margin-top: -16px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  /* width: 54px; */
  /* height: 54px; */
  width: 32px;
  height: 32px;
}

.dropzone .dz-preview .dz-details {
  /* padding: 2em 1em; */
  /* text-align: center; */
  padding: 1em 1em 0 52px;
  text-align: left;
}

.dropzone .dz-preview .dz-error-message {
  /* top: 130px; */
  top: 70px;
}

.dropzone .dz-preview .dz-progress {
  /* left: 50%; */
  /* margin-top: -8px; */
  /* width: 80px; */
  /* margin-left: -40px; */
  left: 52px;
  width: 175px;
  margin-top: 0;
  margin-left: 0;
}