/* @group reset */
/* Reset Style Sheet by Eric Meyer http://meyerweb.com/ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight:inherit;
  font-style:inherit;
  font-size: 100%;
  font-family:inherit;
  vertical-align:baseline;

}
/* remember to define focus styles! */
  :focus {
    outline:inherit;

}
body {
  line-height: 1;
  color:black;
/*background: white;*/
}
ol, ul {
  list-style:none;

}
/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
  text-align:left;
  font-weight:normal;

}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";

}
blockquote, q {
  quotes: "" "";

}

/* @end */

/*--- =global styles ---*/

html { height:100%;
}

body {
  font: 76% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  line-height: 1.4em;
  color: #444;
  background: #eee;

}

.hide { display:none;
}

.show { display:block;
}

/* @group text formatting */
h1, h2, h3, h4, .headline { font-family:"Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
color:#328baa;
line-height:1.1em;
}

h1 { font-size:1.8em;
margin:1em 0 0.7em 0;
}

h2 { font-size:1.6em;
margin:0 0 0.7em 0;
}

h3 { font-size:1.3em;
margin:1em 0 0.7em 0;
}

h4 { font-size:1.1em;
margin:0 0 1em 0;
}

.first { margin-top:0;
}

p, #content ul, #content ol { margin-top:1em;
}
/* #content ul li, #content ol li { list-style: disc; margin: 0 0 1em 2em;} hat bei zOption Button gestört*/
#content ul { margin-top:0.8em;
margin-bottom:0.8em;
}

#content ol li { list-style:decimal;
}

a { text-decoration:none;
color:#018ee0;
}

p a { border-bottom:1px dotted #666;
}

a:hover { text-decoration:none;
color:#ff6000;
}

img { border:none;
}

table, input, select, textarea { font:1em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color:#444;
}

.printonly { display:none;
}

strong { font-weight:bold;
}

hr { border:none;
color:#fff;
background:#fff;
height:2px;
border-bottom:1px solid #dddddd;
}

/* @end */

/* @group global classes */
.ir { position:absolute;
top:- 9999px;
left:0px;
width:1px;
height:1px;
overflow:hidden;
}
/* image replacement - hides text from browsers with css on
*/

.clear { clear:both;
width:100%;
font-size:1%;
line-height:0;
margin:0;
padding:0;
}

.clear_right { clear:right;
}

.first_subheadline {
  position:absolute;
  z-index: 1;
  float:right;
  top: 22px;
  right: 30px;

}

.content_headline { margin-left:150px;
}

.image {
  text-align:center;
  line-height: 1em;
  border: 1px solid #ddd;
  padding: 2px;
  margin: 0 0.5em 0.5em 0.5em;

}

.left { float:left;
}

.right { float:right;
}

.half { width:50%;
}

.align_left { text-align:left;
}

.align_center { text-align:center;
}

.align_right { text-align:right;
}

.caption {
  font-size: 1.1em;
  display:block;
  background: #eee;
  margin-top: 1px;
  padding: 0.5em;

}

.edit {
  text-decoration:underline;
  /*color: #444; */
  background: url(/asset-files/icons/pencil-d7954cbb5018f577e9feb968917c2a6d.png) left no-repeat !important;
  margin: 0 1em;
  padding: 1px 0 1px 20px;

}

.delete {
  text-decoration:underline;
  /*color: #444; */
  background: url(/asset-files/icons/delete-d368201e4febb8508a1f818185cce61a.png) left no-repeat !important;
  margin: 0 1em;
  padding: 1px 0 1px 20px;

}
.scroll-table {
  overflow-x: scroll;
  width: 100%;
}
.new {
  /*text-decoration:underline;
  /*color: #444; */
  background: url(/asset-files/icons/add-111153bdadd2e0cb411619113ee7cdbe.png) left no-repeat !important;
  margin: 0 1em;
  padding: 1px 0 1px 20px;
}

.zip_download {
  text-decoration:underline;
  background: url(/asset-files/icons/export_monthclosing-f542aac1b60fdd85d720f63b0f79ef9b.png) left no-repeat;
  padding: 11px 0 1px 20px;
}

.new.loading,
.zip_download.loading {
    background: url(/asset-files/ajax-loader-2e9fbf28bff4433bd6fce54aab4ce2cb.gif) no-repeat center center;
}

#export, #export_all {
  float:right;

}

#export .action.deny {
  margin-left: 10px;
}

#export .action:hover {
  background-position: 2px -72px;
}

/* @end */

/* @group form */
.textfield { width:100%;
border:1px solid #ccc }

.time_textfield { width:60%;
}

.error { color:#ff0000;
font-size:0.9em;
}

.field-error { 
  border: 1px solid #e67c7c; 
}

.form_row {

  float:left;
  /* display: table; */
  width: 100%;
  margin: 0.5em 0;

}

.form_row h4 {
/*
    float: left;
    width: 100%; */
    border-top: 1px solid #ddd;
    padding-top: 0.5em;
}

.form_row strong.label {
  display:block;
  float:left;
  width: 25%;
  font-weight:inherit;

}

.middle_textfield {
  width: 46%;

}

.small_textfield {
  width: 25%;

}

.big_textfield {
  width: 70%;

}

#overlay_tracker {
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10000px;
  background: #000;
  opacity: 0.5;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 500;

}

#time_tracker .errors {
  margin: 1em;
  background: #fff;
  color: red;
  border: 1px solid red;
  display: none;
}

#time_tracker .errors ul li {
  position: relative;
  padding-left: 10px;
}
#time_tracker .errors ul li:before {
  content:"x";
  position: absolute;
  left: 0;
  top: 0;
} 

/* @end */

/* @group table */
table {
  border:solid #ddd;
  border-width: 1px 1px 0 0;
  margin: 1em 0;

}

th, td { padding:0.3em 0.5em;
}

th {
  font-weight:bold;
  background: #eee;
  border:solid #ddd;
  border-width: 0 0 1px 1px;

}

td {
  border:solid #ddd;
  border-width: 0 0 1px 1px;

}

/* @end */

/* @group nav styles */
.nav { float:left;
display:inline;
}

.nav ul { float:left;
}

.nav li { float:left;
list-style:none;
margin-left:0;
}

.nav a { float:left;
text-decoration:none;
display:block;
vertical-align:middle;
}


/* @end */

/* @group columns */
.col { float:left;
}

div.last { float:right;
padding-right:0;
}

.col_2 { width:49%;
padding-right:1% }

.col_3 { width:28%;
padding-right:7%;
}

/* @end */

/* @group interaction boxes */
.interaction_box {
  margin-bottom: 1em;
  padding: 0 1em;

}

#content .interaction_box li, #warning_box li {
  list-style:none;
  padding-left: 20px;
  margin-left: 0;

}

#error_box {
  color: #540000;
  background: #ffeded;
  border: 1px solid #feacac;

}

#error_box li {
  background: url(/asset-files/icons/bullet_delete-9e42de72a560cb934823520395ef55aa.png) no-repeat 0px 1px;

}

#error_box a {
  color: #540000;
  text-decoration:underline;

}

#warning_box {
  color: #574600;
  background: #fefadf;
  border: 1px solid #efe38f;

}

#warning_box li {
  background: url(/asset-files/icons/bullet_error-2cf375ae0aab49aa2116bfdca6316160.png) no-repeat 0px 1px;

}

#info_box {
  color: #00560d;
  background: #defedf;
  border: 1px solid #9bf092;

}

#info_box li {
  background: url(/asset-files/icons/bullet_add-54309d5aa454fcefb966f6de4c358cdd.png) no-repeat 0px 1px;

}

/* @end */



#page {
  width: 990px;
  margin: 0 auto 1em auto;

}

/* @group top */
#top a, #header a {
  border:none;

}

#top{
  position:absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background: #e1e1e1;
  text-align:center;

}

#top .inner{
  width: 990px;
  margin: 0 auto;
/* text-align: left; */
}

#top p {
  margin: 0;
  line-height: 40px;

}

#logo {
  float:left;
  margin: 0;
  padding: 0;

}
#logo img.print{
  display:none;

}

#top h3 {
  float:left;
  margin: 0;
  font-size: 15px;
  line-height: 40px;
  color: #666;

}
#top h3 strong {
  color: #979797;
  font-weight:inherit;

}

#top #user_info{
  float:right;

}

#top #serverdate, #top #servertime{
  line-height: 40px;

}

/* @group header */
#header {
  position:relative;
  top: 0;
  left: 0;
  height: 25px;
  margin: 56px 0 14px 0;

}

.first_headline {
  margin: 0 0 0 150px;
  float:left;

}

.sub_nav {
  float:right;

}

.sub_nav li {
  line-height: 1em;
  padding: 0.3em 1em 0.3em 0;
  margin-left: 1em;
  border-right: 1px solid #ddd;

}

.sub_nav li.work_future, 
.sub_nav li.work_end, 
.sub_nav li.work_start, 
.sub_nav li.edit_button {
  padding: 0 1em 0 0;

}

.sub_nav .last {
  border:none;
  padding-right: 0;

}

.work_end a,
.work_future a {
  color: #fff;
  padding: 4px 5px 0px 14px;
  position:relative;
  top: 0;
  left: 0;
  height: 18px;
  float:left;
  background: url(/asset-files/btn_timetracker_end_lft-47ac21acbfcfc60013403adf1c8b6f63.gif) no-repeat;
}

.work_future a {
  background: url(/asset-files/btn_timetracker_future_lft-9fb3dd452d671c8cfaaa6344af600adc.png) no-repeat;
}

td.work_end a,
td.work_future a {
  display:inline-block;

}
.work_end a span,
.work_future a span {
  position:absolute;
  top: 0px;
  right: -9px;
  display:block;
  width: 9px;
  height: 22px;
  background: url(/asset-files/btn_timetracker_end_rgt-a4bf23165bda7708fdda8188e9222c6a.gif) no-repeat;
}

.work_future a span {
  background: url(/asset-files/btn_timetracker_future_rgt-5e5d28f3f3ed0439985c43ef67518a6b.png) no-repeat;
}

.work_end .zOption a,
.work_future .zOption a {
    background: none;
    padding-left: 6px;
}

.work_start a {
  color: #fff;
  padding: 4px 5px 0 14px;
  margin-right: 0px;
  height: 18px;
  background: url(/asset-files/btn_timetracker_start-a7d415d3532fcc0372ab763971dbb83a.gif) no-repeat;
  display:block;
  float:left;

}

.work_start a.zbutton_start_dropdown{
  color: #fff;
  padding: 0;
  width: 23px;
  height: 22px;
  display:block;
  float:left;
  background: url(/asset-files/btn_timetracker_start_dropd-c5b5a92355fb8a7b00eb9070880e046d.gif) no-repeat 0px 0px;

}
.work_start a.zbutton_start_dropdown:hover, .work_start a.zbutton_start_dropdown:active{
  background: url(/asset-files/btn_timetracker_start_dropd-c5b5a92355fb8a7b00eb9070880e046d.gif) no-repeat 0px -22px;

}
.work_start a.zbutton_start_dropdown.on{
  background: url(/asset-files/btn_timetracker_start_dropd-c5b5a92355fb8a7b00eb9070880e046d.gif) no-repeat 0px -44px;

}

.work_end a.zbutton_stop_dropdown,
.work_future a.zbutton_stop_dropdown {
    color: #fff;
    padding: 0;
    width: 23px;
    height: 22px;
    display:block;
    float:left;
    background: url(/asset-files/btn_timetracker_stop_dropd-802fc6aa5e09489e81e041bf61e919b7.png) no-repeat 0px 0px;
}

.budget{
  position: absolute;
  height: 8px;
  width: 8px;
  background: red;
  border-radius: 50%;
  left: 57px;
  margin-top: 5px;
  
}
/* Start Event > Dropdown */
.zOption a {
  float:none;

}

.zOption {
  position:absolute;
  top: 21px;
  width: 200px;
  z-index: 99;
  background: #1c9a4e;
  border: 1px solid #878787;
  margin-left: 7px;

}

.zOption.zOptionStopBtn {
    background: #D73D4A;
}

.zOption.off {
  display:none;

}

#content .zOption ul {
  margin: 0;

}

.zOption li {
  margin: 0px;
  padding: 0px;
  position:relative;
  width: 200px;
  border: 0px;
  border-bottom: 1px solid #1a753e;
}

.zOption.zOptionStopBtn li {
    border-bottom: 1px solid #B0454E;
}

.work_start .zOption li a,
.work_end .zOption li a,
.work_future .zOption li a {
  background:none;
  display:block;
  margin-right: 23px;
  padding-left: 6px;
  height:auto;

}
.work_start .zOption li a:hover{
  background: #1a753e;

}

.work_start .zOption li a.toggleComment,
.work_end .zOption li a.toggleComment,
.work_future .zOption li a.toggleComment {
  position:absolute;
  top: 0px;
  right: 0px;
  left: inherit;
  width: 23px;
  height: 22px;
  display:block;
  padding: 0;
  margin: 0;
  background: url(/asset-files/btn_timetracker_start_switchcomm-b2eec4c5ad6a0ae395672cae95f38e52.png) no-repeat 0px 0px;

}
.work_start .zOption li a.toggleComment.on,
.work_end .zOption li a.toggleComment.on,
.work_future .zOption li a.toggleComment.on {
  background: url(/asset-files/btn_timetracker_start_switchcomm-b2eec4c5ad6a0ae395672cae95f38e52.png) no-repeat 0px -22px;

}

.zComment {
  position:absolute;
  top: 0px;
  left: 220px;
  width: 200px;
  background-color: #cccccc;
  padding: 8px;
  margin: -1px 0 0 23px;
  border: 1px solid #878787;
  border-left:none;

}
.zComment.off{
  display:none;

}

.work_start .zComment a,
.work_end .zComment a,
.work_future .zComment a {
  background: #d8d8d8;
  color: #333333;
  display:inline-block;
  border: 1px solid #efefef;
  border-right-color: #a1a1a1;
  border-bottom-color: #a1a1a1;
  height:auto;

  margin-right:0;

  padding:4px;
  min-width: 50px;
  text-align:center;

}

.zCommentText {
  width: 160px;
  border: 1px solid #666666;
  background: #fff;

}
.search_button{
  padding: 2px 12px !important;
  border-radius: 8px;
  position: relative;
  top: -1px;
  background-image: linear-gradient(#f1f1f1, #cecece) !important;
  border: 1px solid !important;
  cursor: pointer;
}

#sub_nav .edit_button a {
  color: #333333;
  padding: 4px 5px 0 14px;
  margin-right: 9px;
  position:relative;
  top: 0;
  left: 0;
  height: 18px;
  background: url(/asset-files/btn_time_edit_lft-c0284ba35a7aabd277674d0858201eef.gif) no-repeat;

}
#sub_nav .edit_button a span {
  position:absolute;
  top: 0px;
  right: -9px;
  display:block;
  width: 9px;
  height: 22px;
  background: url(/asset-files/btn_time_edit_rgt-0ab463dd7ee5c82e738d9aa1d4853270.gif) no-repeat;

}

.ajax_loader{
  float:left;

  margin-right:0.5em;

}

/* @end */


/* @group main */
#main {
  float:left;
  width: 100%;
  position:relative;

}

#sidebar {
  float:left;
  width: 150px;

}

#main_nav {
  width: 100%;
  border-top: 1px solid #ddd;

}

#main_nav.nav li#divider {
  display:block;
  height: 1em;
  width: 100%;
  padding: 1em 0 0 0;
  font-size: 1%;
  border-top: 3px solid #ddd;

}

#main_nav.nav li.divider {
  display:block;
  width: 100%;
  font-size: 1%;
  border-top: 3px solid #ddd;

}

#main_nav a {
  width: 125px;
  background-position: 5px;
  background-repeat:no-repeat;
  padding: 0.5em 0 0.5em 25px;
  border-bottom: 1px solid #ddd;

}

#main_nav .active {
  color: #444;
  background: #ddd;
  background-position: 5px;
  background-repeat:no-repeat;

}

#main_nav #profile {
  background-image: url(/asset-files/icons/user-e4b9e65d82ccb077bba6b392aa15cb10.png);

}

#main_nav #month_overview {
  background-image: url(/asset-files/icons/calendar-8bfc3f4c798a23e29bc8353a53a24b3a.png);

}

#main_nav #projects {
  background-image: url(/asset-files/icons/projects-d16be0c21da3aceafcd8fba17113dae3.png);

}

#main_nav #projects_manager {
  background-image: url(/asset-files/icons/proj_manager-4900568acac690afec3c5a77072033ce.png);

}

#main_nav #departments {
  background-image: url(/asset-files/icons/departments-e926024990da724dbded3587a86c7721.png);

}

#main_nav #employees {
  background-image: url(/asset-files/icons2/users2-a2efef235a6fa010ca7b261c1d25c528.png);

}

#main_nav #help {
  background-image: url(/asset-files/icons/help-a5d7a460c46531a31895887e3180149b.png);

}

#main_nav #anfrage {
  background-image: url(/asset-files/icons/message-00ef2024d1aa159828f7c722d018f20a.png);

}

#main_nav #manual {
  background-image: url(/asset-files/icons/manual-3a20352e05d112c7d49371da4da22c8b.png);

}

#main_nav #company {
  background-image: url(/asset-files/icons/house-33cdc7ddf5c4d243e2eb8b3c736e4887.png);

}

#main_nav #month_closing {
  background-image: url(/asset-files/icons/application_view_list-a794923358c47992d7566a0eacc481dc.png);

}
#main_nav #news {
  background-image: url(/asset-files/icons/newspaper-f34784b5b9f599392d1d8b3c25636dc6.png);

}

#main_nav #upgrade {
  background-image: url(/asset-files/icons2/user_monitor-984b5bbe5a1730cdfb1316f8a8eade75.png);

}

#main_nav #employees_present {
  background-image: url(/asset-files/icons/user_home-5045f00bc57575da28f5ed612fd362f3.png)

}

#main_nav #time_events_pending {
  background-image: url(/asset-files/icons/accept-421f96c24321cc860dc4f8b339f1353c.png)

}

#main_nav #account_settings {
  background-image: url(/asset-files/icons/wrench-d76ba044290d775724b8613fc8a656b1.png)

}

#main_nav #allowance {
  background-image: url(/asset-files/icons/allowance-3fdbcd3b3dd4f9924959ac9397ae0a1f.png)

}

#main_nav #overtime {
  background-image: url(/asset-files/icons/clock_16-9d2db07352b247e498433e58ea23bce4.png)

}

#main_nav #reports {
  background-image: url(/asset-files/icons/report-3527962cb2a6f28328f332f061688a50.png)

}

#main_nav #leave {
  background-image: url(/asset-files/icons2/cocktail-5ae018d8e733e9a58e8273db0906ffc9.png)
}

#main_nav #absent {
  background-image: url(/asset-files/icons2/status_away-7b19f74f72478dbb464cc6ec8ecc320d.png)
}

#content {
  position:relative;
  min-height: 450px;
  margin-left: 150px;
  padding: 15px 30px;
  border: 4px solid #ddd;
  background: #fff;

}


/* @end */

/* @group dashboard */
#dashboard{
  display:table;
  width: 100%;
  min-height: 140px;

}
#dashboard h2 {
  margin-top: 6px;

}

#dashboard .col1{
  float:left;
  width: 500px;
  min-height: 320px;
  border-right: 2px solid #e9e9e9;
  background: url(/asset-files/bg_dashboard_proj-b73520140b6f20b2ae047a662e4f4be6.gif) no-repeat right top;

}
#dashboard .col2{
  float:left;
  width: 241px;
  padding-left: 15px;
  margin-bottom: 2em;
  min-height: 150px;
  border-right: 2px solid #e9e9e9;
  background: url(/asset-files/bg_dashboard_freig-5eee941e91ef1802c4d49197b3ffc112.gif) no-repeat right top;

}
#dashboard .col3{
  float:left;
  width: 241px;
  padding-left: 15px;
  min-height: 150px;
  border-right: 2px solid #e9e9e9;
  background: url(/asset-files/bg_dashboard_month-3366ce922270bada93cd34d0204f63ff.gif) no-repeat right top;

}

/* @end */

 /* @group employee detail */

#employee_tabs, #month_overview_tabs, #time_events_fields_tabs, #setting_fields_tabs{
  border: none;
  background: inherit;
  color: #444 !important;
  font-size: inherit;
  font-family: inherit;
}

#employee_tabs .ui-tabs-panel, #month_overview_tabs .ui-tabs-panel, #time_events_fields_tabs .ui-tabs-panel, #setting_fields_tabs .ui-tabs-panel,
#employee_tabs .ui-widget-content, #month_overview_tabs .ui-widget-content, #time_events_fields_tabs .ui-widget-content, #setting_fields_tabs .ui-widget-content,
#employee_tabs .ui-tabs-nav, #month_overview_tabs .ui-tabs-nav, #time_events_fields_tabs .ui-tabs-nav, #setting_fields_tabs .ui-tabs-nav{
  padding: inherit;
  color: inherit;
}

#employee_tabs a, #month_overview_tabs a, #time_events_fields_tabs a, #setting_fields_tabs a{
  color: #018ee0;
}

#employee_tabs ul, #month_overview_tabs ul, #time_events_fields_tabs ul, #setting_fields_tabs ul,
ul#employee_tabs, ul#month_overview_tabs, ul#time_events_fields_tabs, ul#setting_fields_tabs {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  margin: 0 0 1em 0;
  padding: 0;
  background: inherit;
}

#employee_tabs ul li, #month_overview_tabs ul li, #time_events_fields_tabs ul li, #setting_fields_tabs ul li,
ul#employee_tabs li, ul#month_overview_tabs li, ul#time_events_fields_tabs li, ul#setting_fields_tabs li{
  list-style:none;
  margin: 0;
  border: inherit;
  padding-bottom: 0;
  background: inherit;
}

#employee_tabs ul a, #month_overview_tabs ul a, #setting_fields_tabs ul a,
ul#employee_tabs a, ul#month_overview_tabs a, ul#setting_fields_tabs a{
  background: #eee;
  border:solid #ddd;
  border-width: 1px 1px 0 1px;
  padding: 5px 12px;
  margin-right: 2px;
  font-weight: normal !important;
}

ul#time_events_fields_tabs, #time_events_fields_tabs ul{
  border-color: #939393;

}
ul#time_events_fields_tabs a, #time_events_fields_tabs ul a {
  background: #6f6f6f;
  border:solid #939393;
  border-width: 1px 1px 0 1px;
  padding: 5px 12px;
  margin-right: 2px;
  color: #fff;
}


#employee_tabs ul a:hover, #month_overview_tabs ul a:hover, #time_events_fields_tabs ul a:hover, #setting_fields_tabs ul a:hover,
ul#employee_tabs a:hover, ul#month_overview_tabs a:hover, ul#time_events_fields_tabs a:hover, ul#setting_fields_tabs a:hover {
  background: #ddd;
}

#employee_tabs ul li.ui-state-active a, 
#month_overview_tabs ul li.ui-state-active a, 
#setting_fields_tabs ul li.ui-state-active a,
ul#employee_tabs a.active, 
/*ul#month_overview_tabs a.active, */
ul#setting_fields_tabs a.active {
  position:relative;
  background: #fff;
  padding-bottom: 6px;
  margin-bottom: -1px;
  color: #666;
}

#time_events_fields_tabs ul a.active, ul#time_events_fields_tabs a.active {
  position:relative;
  background: #444444;
  padding-bottom: 6px;
  margin-bottom: -1px;
  color: #fff;
}

.employee_content_box {
  padding: 0;

}

.month_overview_content_box, .setting_fields_content_box {
  margin-top: 35px;
  padding: 0;

}

.employee_content {
  float: left;
  width: 100%;

}

.employee_button {
  float:left;
  text-align:right;
  width: 100%;
  margin-top: 2em;

}

.table-wrapper-scrollable {
  overflow-x: auto;
}

.table-wrapper-scrollable th:first-child,
.table-wrapper-scrollable td:first-child {
  position: absolute;
  width: 70px;
  text-align: left;
  border-bottom: none;
  padding: 0.4em 0.5em;
}

.table-wrapper-scrollable th:first-child {
  padding: 0.7em 0.5em;
}

.table-wrapper-scrollable td:first-child {
  background: #fff;
}

.table-wrapper-scrollable .with-padding {
  padding-left: 84px;
}

.week_plan th {
  text-align:center;

}

.week_plan td {
  text-align:center;

}

.time_input {
  width: 70px;

}

#content #employee_sub_nav, #content #department_sub_nav {
  float:right;
  margin: 1em 0;
  border: none;
  width: auto;
}

#content #employee_sub_nav li {
  list-style:none;
  margin: 0;
  border: none;
}

#content #employee_sub_nav a {
  line-height: 1em;
  border-right: 1px solid #ddd;
  padding-right: 1em;
  background: none;
  border: none;
  border-right: 1px solid #ddd;
}

#content #employee_sub_nav a.edit {
  padding: 5px 12px 5px 20px;
}

#content #employee_sub_nav a.last {
  border:none;
  padding-right: 0;

}

form#new_weekly_schedule{
  padding-left: 19px;
  /*background: url(/asset-files/icons/add-111153bdadd2e0cb411619113ee7cdbe.png) no-repeat left 30%;*/
  padding: 5px 12px;
  /*margin-left: 6px;*/
}
form#new_weekly_schedule a{
  padding: 0 0 3px 20px;
}
#employee_sub_nav form#new_weekly_schedule select.textfield{
  width:auto;
  vertical-align:top;
  color: #018EE0;

}

#weekly_schedule .recent {
  color: #333;

}

/* @end */

#time_pager {
  /*position:relative;
  float:right;*/

}
#time_pager p {
  position:absolute;
  z-index: 1;
  top: -1em;
  right: 0;
  white-space:nowrap;

}
#time_pager p a {
  border:none;

}

/* @group month overview */

.month_table {
  width: 99%;

}

.month_table .last_row td {
  border-bottom: 1px solid #ccc;

}

.month_table .plus {
  padding-left: 25px;
  background: url(/asset-files/icon_plus-b164754318c32ffa697204beefccfa0e.gif) no-repeat 5px 5px;

}

.month_table .minus {
  padding-left: 25px;
  background: url(/asset-files/icon_minus-1deac5404b8cc932bc404ab779c0d998.gif) no-repeat 5px 5px;

}

.month_table em {
  color: #999;
  font-style:italic;

}

.month_total td {
  color: #fff;
  font-weight:bold;
  background: #444;
  border-top: 3px solid #333;

}

.week_title td {
  font-weight:bold;
  color: #fff;
  background: #444;

}

.week_header th {
  font-weight:bold;
  background: #ccc;

}

.week_total td {
  font-weight:bold;
  background: #ccc;
  border-top: 3px solid #999;

}

.day_row {
  background: #eee;

}

.holiday_row {
  background: #ffeded;

}

.weekend_row {
  background: #e7e7e7;

}

.illness {
  color: #306a74;
  background: #cdffe4;

}

.vacation {
  color: #5f632c;
  background: #fbffda;

}

.comp_time {
  color: #545309;
  background: #f2ffb4;

}

.business_trip {
  color: #855724;
  background: #ffe9dc;

}

.consultation {
  color: #007225;
  background-color: #dfffe0;

}

.nursing_leave {
  color: #1c6c19;
  background: #e6ffd1;

}

.educating_leave {
  color: #443a86;
  background: #dcebff;

}

.overtime {
  background: #ebdeff;
  color: #7d49a4;

}

.legend {
  font-style:italic;

}
.legend span {
  margin-right:4px;
}

.legend img {
  margin:0 4px 0 12px;
}

#legend_not_approved{
  height: 16px;
  width: 16px;
  border:solid 1px grey;
  background: repeating-linear-gradient( 120deg, white, white 3px, grey 2px, grey 4px);
  display:inline-block;
  vertical-align:middle;
}

#signatures{
  display:none;
/* show in print only! */
}

/* @end */



/* @group footer */

#footer {
  float:left;
  width: 100%;
  border-top: 1px solid #ddd;
  margin-top: 1em;
  padding: 1em 0;

}

#footer_nav {
  float:right;

}

#footer_nav a {
  line-height: 1em;
  border-right: 1px solid #ddd;
  padding: 0 1em;

}

#footer_nav a.last {
  border:none;
  padding-right: 0;

}

/* @end */

/* @group time_tracker TODO: REFRACT z* */

#time_tracker {
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
  width: 480px;
  background: #444444;
  border: 4px solid #dddddd;
  /* margin: -14.5em 0 0 -220px; */
  padding: 0;
  z-index: 1000;

}

#time_tracker h1 {
  color: #fff;
  padding: 8px 0 4px 20px;
  font-size: 20px;
  text-align:center;
  margin: 0;

}

#time_tracker .close {
  float:right;
  margin: 3px 3px 0 0;

}

#time_tracker .box_content{
  padding: 1em;

}

#time_tracker .form_row{
  margin: 0 0 1.8em 0;

}

#time_tracker .box_content label {
  float:left;
  width: 80px;
  color: #fff;

}
#time_tracker .box_content label.inline{
  float:none;
  width:auto;
  display:inline;

}
#time_tracker .box_content #time_events_fields_allowances label {
  width: 126px;

}

#time_tracker .box_content #time_events_fields_allowances .label{
  width: 114px;

}

#time_tracker p.bigForm, #time_tracker p.bigForm input, #time_tracker p.bigForm select {
  font-size: 13px;
  font-weight:bold;

}

#time_tracker p {
  margin: 0 0 0.5em 0;
  float:none;
  clear:both;
  min-height: 1.3em;
  display:table;

}

#time_tracker .label_left70{
  float:left;
  width: 70px;
  vertical-align:middle;

}

#time_tracker p.bigForm input, #time_tracker p.bigForm select {
  float:left;

}

#time_tracker #time_event_event_type{
  width: 220px;

}
#time_tracker .time_textfield{
  width: 114px;

}

#time_tracker .calendar-img {
  position: relative;
  top: 4px;
}

#time_tracker #project_event_project_id{
  width: 70%;

}

#time_tracker .full_textfield{
  width: 333px;

}

#time_tracker input.currency{
  width: 60px;
  text-align:right;

}


#time_tracker input, #time_tracker select {

  border:1px solid #CCCCCC;
  background: #fff;
  margin: 1px;
  vertical-align:middle;

}
#time_tracker input:focus, #time_tracker select:focus{
  border: 2px solid #48afd7;

  margin:0;

}

#time_tracker .calendar_date_select_popup_icon{
  vertical-align:middle;
  /* float: left; */
  margin-top: 3px;

}

#time_tracker p.submit{
  text-align:center;
  display:block;

}
#time_tracker p.submit input {
  background:none;
  border:none;

}


#time_board {
  text-align:center;
  margin: 1em 0 2em 0;

}

#time_board_point_events, #time_board_period_events {
  margin-bottom: 2em;

}

#start_time {
  margin-bottom: 1em;

}

#time_board .hours {
  color: #fff;
  margin: 0;

}

#time_board .date {
  margin-top: 1em;

}

#time_type {
  width: 100%;

}

#commit_time {
  margin-top: 1.5em;

}

/* @end */

/* @group upgrade */
#prodlist{
  height: 275px;
  /*clear: both;*/

  font-family:Arial, Helvetica, sans-serif;

}

#prodlist div {
  width: 148px;
  height: 219px;
  margin: 0 8px 0 0;
  padding: 12px 18px;
  position:relative;
  float:left;
  background: #999999;

}
#prodlist .free{
  background: #b4d575 url(/asset-files/www/bg_prod_free-09ca18654fabe2908acfea83971f5870.gif)   no-repeat;

}
#prodlist .standard{
  background: #9ad1b1 url(/asset-files/www/bg_prod_standard-6075360435a9015348cff341ead00b8d.gif) no-repeat;

}
#prodlist .premium{
  background: #80ceec url(/asset-files/www/bg_prod_premium-9d85e319fe580c4a823aa828cce94853.gif) no-repeat;

}
#prodlist .custom{
  background: #c4ced2 url(/asset-files/www/bg_prod_custom-8e378ab77be6449e27e3f31e88d39bf3.gif) no-repeat;
  margin-right: 0;

}

#prodlist h2 {
  color: #fff;
  margin: 0;

}

#prodlist p {
  margin-top: 0;

}

#prodlist .price{
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight:bold;
  text-align:center;
  letter-spacing: -1px;
  padding: 20px 0 15px 76px;

}
#prodlist .price strong {
  display:block;
  font-size: 34px;
  line-height: 20px;
  font-weight:inherit;
  margin-bottom: 3px;
}
#prodlist .free .price{
  background: url(/asset-files/www/icon_employee1-71d2a2cf9b105bb536f765e2445e0a0e.png) no-repeat 0 10px;

}
#prodlist .standard .price, #prodlist .premium .price{
  background: url(/asset-files/www2/user_monitor-43d6a203dbf44d0f9202184a3dac311b.png) no-repeat 0 10px;

}

#prodlist div.order{
  width: 166px;
  height: 60px;
  padding: 0 0 0 18px;
  margin: 0;
  position:absolute;
  bottom: -20px;
  right: 0px;
  background:none;

}

.order label {
  display:block;
  padding-top: 4px;
  height: 20px;

}

.order select {
  float:right;

  height:24px;
  width: 56px;
  padding: 2px 0 0 0;
  background: #fff;
  border: 1px solid #fff;
  border-top-color: #f1f8f4;

}

.buybtn{
  float:right;
  height: 26px;
  max-width: 162px;
  padding: 0px 16px 0 6px;
  margin-right: 8px;
  background: url(/asset-files/www/bg_buybtn-6c9ed57f1e11af0b10c4ca5ef1b561a2.png) no-repeat top right;
  white-space:nowrap;
  border:none;

}
html * .buybtn{
  /* for IEs */
     padding: 0px 2px 0 0;

}

.order select, .buybtn{
  color: #1d7fa1;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;

}

#basket{
  background: #fbf5b1 url(/asset-files/www/bg_basket-4aaa5c7b797a30299242d36607788eea.gif) no-repeat left center;
  border: 2px solid #e9dd76;
  border-left:none;
  margin: -1em 0 1em 0;
  padding: 21px 0 21px 80px;
  font-size: 110%;
  text-align:center;

}
/* @ end */


/* Forms: */
#content form p {
  margin-bottom: 0.2em;

}

.tf{
  width: 280px;

}
#setting_max_employees{
  width: 40px;

}

.btn_form, .btn_right, .btn_left{

}

p.btns{
  margin: 1em 0;
  padding: 6px 4px;
  background: #f6f6f6;
  border-top: 4px solid #dddddd;
  min-height: 28px;
  clear:both;

}

p.btns input {

  font-family:Arial, Helvetica, sans-serif;

}

button a {
  border:none;
  color: #000000;

}

a.btn_form, a.btn_right, a.btn_left{
  display:block;
  padding: 3px 6px;

}
.btn_left{
  float:left;

}
.btn_right{
  float:right;

}

label.block{
  display:block;

}
label.left{
  display:block;
  float:left;
  width: 80px;

}
label.inline{
  display:inline;
  float:none;

}

.field_with_errors{
  display:inline;

}

.field_with_errors .tf,
.field_with_errors input[type="text"],
.field_with_errors input[type="password"],
.field_with_errors select {
    border-color: #e67c7c;
}


.helpItem img.calendar_date_select_popup_icon{
  float: none !important;
  vertical-align: -30%;

}

.help_btn{
  display:none;

}

#tooltip {
  position:absolute;
  z-index: 9000;
  background: #fffcca;
  border: 1px solid #6d6d6d;
  padding: 5px;

}
#tooltip h3, #tooltip div { margin:0;
}

#tooltip h3 {

  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333333;
  font-weight:normal;

}

/* @project page search form */
.projects-search-form { 
  width: 250px; 
  float: right; 
  position: relative; 
  top: -4px; 
  right: -10px 
}
.project-search-form { 
  width: 250px; 
  position: absolute;
  top: 56px;
  right: 22px;
}
.filter-position {
  position: relative;
}

.filter-table { margin: 0; border-collapse: collapse; }
.filter-table, .filter-table td { border:none; padding-top: 0; }
.filter-table td select { min-width: 200px; }

.projects-search-form label { vertical-align: middle; }
.projects-search-form input[type=checkbox] { position: relative; top: 2px; transform: scale(0.7); margin-top: 0; margin-left: 0; }
.projects-search-form input[type=text] { padding: 3px 0 0 3px; width: 124px;}
.projects-search-form input[type=text]::placeholder {color: gray; opacity: 1; }
.projects-search-form input[type=submit] { padding: 3px 3px 0 3px; }
/* @end */

/* @help box (tooltip) */
a.helpLink{
  display:inline-table;
  width: 16px;
  height: 15px;
  vertical-align:top;
  text-indent: -9999px;
  font-size: 1%;
  background: url(/asset-files/icons/help-a5d7a460c46531a31895887e3180149b.png) no-repeat;

}
#helpBox{
  position:absolute;
  z-index: 888;
  top: -999px;
  left: 0px;
  width: 250px;

}
#helpBox h2 {
  margin: 0;
  padding: 1px 0 0 17px;
  height: 17px;
  background: url(/asset-files/bg_hb_title-428ae150717c8d66ca2d98dec7d05ec0.gif) no-repeat left top;
  font-weight:bold;
  color: #80711c;
  font-size: 14px;

}
#helpBox p {
  margin: 0 0 0 11px;
  background: #fffbbf;
  padding: 4px;
  border: 2px solid #f7ef72;
  border-top:none;

}
#helpBox .loader{
  width: 16px;
  height: 16px;

}

/* @page tipps */
a.tippLink{
  position:absolute;
  right: -25px;
  top: -4px;
  width: 19px;
  height: 19px;
  padding: 1px;
  background: #dddddd url(/asset-files/icons/_tipp-522e05934fbbcfe7571b54a99bf95fd8.png) no-repeat center center;
  border: 4px solid #dddddd;
  border-left:none;

}
a.tippLink.loading{
  background: #fff url(/asset-files/ajax-loader-2e9fbf28bff4433bd6fce54aab4ce2cb.gif) no-repeat center center;

}
a.tippLink.active{
  background: #fffbbf url(/asset-files/icons/cross_grey-acb3f4c8a4391cf9ec8dbc6778ec493e.png) no-repeat center center;

}

#tipps{
  width: 804px;
  padding: 14px;
    margin: -15px -30px 1em -30px;
    background: #fffbbf;
    border-bottom: 2px solid #f7ef72;
    display:none;

}

#tipps_content{
  width: 630px;

}

#tipps h2 {
  margin: 0;
  font-weight:bold;
  color: #80711c;
  font-size: 14px;

}

#tipps p {
  margin: 0;

}

#tipps form {
  margin: -12px 0 0 0;
  padding: 0;
  float:right;

}
#tipps form label {
  margin: 0;
  padding: 0;
  color: #666;

}
#cb_show_tipps{
  vertical-align:middle;

}


/* @group reports */
div.amChart{
  float:right;
  width: 520px;
  overflow:hidden;

}
div.amChart embed {
  margin-top: -18px;
/* hide amcharts link */
}

.exportChart{
  position:relative;
  display:block;

}
.exportChart a {
  position:absolute;
  z-index: 9;
  right: 0px;
  top: 2em;
  width: 16px;
  height: 16px;
  background: url(/asset-files/icons/export_chart-aa0144fd0f6a2f0277f9cfdaf0de1ace.png) no-repeat;

}

div#statistic_employees_time_events_allocation_bar_chart{
  float:none;
  width: 99%;

}

table tr.boldOver td {
  font-weight:normal;

}
table tr.boldOver:hover td {
  font-weight:bold;

}

.amChartLegendBox{
  display:block;
  float:left;
  font-size: 1%;
  width: 12px;
  height: 12px;
  margin: 2px 6px 0 0;

}


/* @group help */
.percent30{
  float:left;
  width: 30%;

}
#content .ankerlist ul li {
  padding-bottom: 0;
  margin-bottom: 0;

}

.helpItem{
  margin: 0;
  padding: 1.1em 0 1.1em 0;
  /*clear: both;*/
  width: 100%;
  display:table;
  border-bottom: 1px solid #dddddd;

}
.helpItem.focus{
  background:#FFFFCC;

}
.helpItem h3 {
  margin-top: 0;

}
.helpItem img, a.screenshot img {

  float:left;
  border:none;
  margin-right: 0.8em;

}


/* @end */

/* @group login */

#login_box {
  position:absolute;
  top: 50%;
  left: 50%;
  color: #999;
  width: 180px;
  min-height: 20em;
  background: #444;
  border: 6px solid #ccc;
  -moz-border-radius: 1em;
  margin: -12em 0 0 -134px;
  padding: 2em 40px;
  z-index: 1000;

}

/* @link buttons (icon only) */
.action{
  display:inline-block;
  width: 23px;
  height: 18px;
  margin: 0;
  padding: 0;
  /*float: left;*/
  overflow:hidden;
  background: url(/asset-files/btn_actions2-e13185bcd85613ef1cd0f85e93b7713d.png) no-repeat 2px 0;

}
.action:hover{
  background-position: -23px 0;

}
.action.edit{
  background-position: 2px -18px;

}
.action.edit:hover{
  background-position: -23px -18px;

}
.action.delete{
  background-position: 2px -36px;

}
.action.delete:hover{
  background-position: -23px -36px;

}
.action.accept{
  background-position: 2px -54px;

}
.action.accept:hover{
  background-position: -23px -54px;

}
.action.deny{
  background-position: 2px -72px;

}
.action.deny:hover{
  background-position: -23px -72px;

}
.action.projects{
  background-position: 2px -90px;

}
.action.projects:hover{
  background-position: -23px -90px;

}
.action.month{
  background-position: 2px -108px;

}
.action.month:hover{
  background-position: -23px -108px;

}
.action.task{
  background-position: 2px -126px;

}
.action.task:hover{
  background-position: -23px -126px;

}
.action.new_time_event{
  background-position: 2px -144px;

}
.action.new_time_event:hover{
  background-position: -23px -144px;

}
.action.terminal{
  background: url(/asset-files/earth-19d95b2b8433736214675bf5607192c9.png) no-repeat;

}

.mt-48 {
  margin-top: 48px;
}
/* @end */

/* @container for filter forms */
.filter, .filter_all {
  background: #f6f6f6 url(/asset-files/bg_filter_off-b1bfaf12e1ac1c1b6808835d64deb128.gif) no-repeat center bottom;
  padding: 1em 1em 2em 1em;
  min-height: 2em;

}
.filter_all { background-image:none;
}

.filter:hover{
  background: #ededed url(/asset-files/bg_filter_on-5486850e6a6021d501c29cc3ccd7c3f6.gif) no-repeat center bottom;

}
.filter h3, .filter p, .filter_all h3, .filter_all p {
  float:left;
  margin: 0;
  padding: 0 0.5em 0 0;

}
.filter input, .filter select, .filter_all input, .filter_all select {
  background: #f6f6f6;
  border: 1px solid #c9c9c9;

}
/* @end */

/* @table for lists/overviews */
table.tList{
  background: #fff;
  border:none;
  border-bottom: 1px solid #e9e9e9;
  width: 100%;

}
table.tList th, table.tList td {
  border:none;
  background: #fff;
  margin: 0;
  padding: 8px 1px;
  vertical-align:top;

}
table.tList.noBG, table.tList.noBG th, table.tList.noBG td {
  background: none

}
table.tList th {
  color: #8f8f8f;
  font-weight:bold;
  font-size: 12px;
  text-align:left;
  padding: 2px 1px;
  border-bottom: 1px solid #e9e9e9;

}

table.tList td {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;

}

table.tList tr:hover td {
  background-color: #ffffe1;
  border-bottom: 2px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  padding: 7px 1px;

}
/* prototype sortbale */
table.tList th.sortcol {
  cursor:pointer;
  padding-right: 15px;
  background-repeat:no-repeat;
  background-position:right center;

}
table.tList th.sortcol:hover {
  color: #787878;
  background-color: #f5f5f5;
  background-image: url(/asset-files/updown-7421c1371a758abe88682aa730717cdf.gif);

}
table.tList th.sortasc, table.tList th.sortdesc {
  color: #787878;
  background-color: #f5f5f5;
  border-bottom-color: #37b0e1;

}

table.tList th.sortasc, table.tList th.sortasc:hover {
  background-image: url(/asset-files/up-9ec1cb8875b15e11dc3cef4ef454d538.gif);

}
table.tList th.sortdesc, table.tList th.sortdesc:hover {
  background-image: url(/asset-files/down-c1b4596d0668bf245f2af526ab0badec.gif);

}
table.tList th.nosort {
  cursor:default;

}

table span.sortDummy {
  /* hidden span for manipulating col sort order */
     display: none;

}

/* @project/employee list */
#tProjectEmp td.cbox{
  width: 40px;

}
#tProjectEmp td.empl{
  width: 300px;

}
#tProjectEmp td.fields input {
  width: 120px;

}

/* @task list */
#tTasks td.cbox{
  width: 40px;

}

/* project detail */
.project_employee_detail{
  margin-bottom: 1em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #eeeeee;
  /*float: left;*/
  width: 100%;
  float:none;
  display:table;

}

.project_employee_detail .empl_data{
  float:left;
  width: 32%;

}

.empl_data_tables {
  width: 66%;
  float:left;

}

.project_employee_detail h3 {
  margin-top: 0.7em;

}

.project_employee_detail table {
  width: 100%;

}

/* @project list */
#tProjects tr.inactive td, #tProjects tr.inactive td a, #tEmployees tr.inactive td, #tEmployees tr.inactive td a {
  color: #8e8e8e;

}

#tProjects td.name{
  width: 102px;

}

#tProjects td.btn{
  width: 120px;

}
#tProjects td.btn div.relContainer{
  width: 120px;
  position:relative;
  /* for ZOptions absolute position */
  top: 0px;
  left: 0px;

}
a.timetracker{
  display:block;
  width: 60px;
  height: 16px;
  padding: 2px 0 0 0;
  overflow:hidden;
  text-align:center;
  background: url(/asset-files/projects/btn_stop_startv2-4eb3a7a0b9dff715e18bbbd5654464eb.gif) no-repeat 0 -18px;
  color: #fff;

}
a.timetracker.stop{
  background: url(/asset-files/projects/btn_stop_startv2-4eb3a7a0b9dff715e18bbbd5654464eb.gif) no-repeat 0 0px;

}
a.timetracker:hover{
  font-weight:bold;

}

#tProjects td.chart{
  width: 400px;
  background: url(/asset-files/projects/bg_row-e2b8c6082f32e9e9cc11bc05555e4dfd.png) no-repeat right 8px;
  font-weight:bold;
  padding-left: 0;
  padding-right: 0;

}
#tProjects tr:hover td.chart{
  background-position:right 7px;
  background-color: #ffffe1;

}
#tProjects td .bar{
  background: url(/asset-files/projects/bg_bar1-7ba3259c40e557e92bdf853faadf9838.png) no-repeat right top;
  height: 18px;
/*  color: #fff;*/
  position:relative;
  top: 0px;
  left: 0px;

}
#tProjects td .bar div.endLft{
  position:absolute;
  top: 0px;
  left: 0px;
  width: 8px;
  height: 18px;
  background: url(/asset-files/projects/rowend_lft-82adcfd55dc7f3bf0d281746e9f80d38.png) no-repeat left top;

}
#tProjects td div.endLftOff{
  float:left;
  width: 8px;
  height: 18px;
  background: url(/asset-files/projects/rowend_lft_off-c78e32da4f00508437c112cf424d426d.png) no-repeat left top;

}

#tProjects td .bar span {
  display:block;
  text-align:right;
  height: 16px;
  padding: 2px 6px 0 6px;
}

#tProjects td .bar .wide {
    width: 106px !important;
}

#tProjects td .bar span.rOut{
  margin-right: -45px;
  width: 45px;
  color: #666;

}

#tProjects .row1 td .bar{
  background-image: url(/asset-files/projects/bg_bar6-a62c66ecebc9046c124654bac628c3ca.png);

}
#tProjects .row2 td .bar{
  background-image: url(/asset-files/projects/bg_bar5-e3c2684c3246be57ad08accef09f9dfb.png);

}
#tProjects .row3 td .bar{
  background-image: url(/asset-files/projects/bg_bar4-157f49947eb5167938d2b7ebc551a131.png);

}
#tProjects .row4 td .bar{
  background-image: url(/asset-files/projects/bg_bar3-5259d8f41a957cae9cec188669a49f40.png);

}
#tProjects .row5 td .bar{
  background-image: url(/asset-files/projects/bg_bar2-4dd2a942a7434222756e50dbbfe6c7a4.png);

}
.over100{
  width: 33px;
  height: 22px;
  position:absolute;
  right: -27px;
  top: -4px;
  background: url(/asset-files/projects/bar_over100-d93d65398e39ddde4c0065f384f8dc65.gif) no-repeat;

}
#tProjects td.days{
  font-weight:bold;
  text-align:center;

}
#tProjects td.days small {
  font-weight:normal;
  font-size: 80%;

}
/* @end */



span.info{
  color: #1d7fa1;
  padding: 0 0 1px 22px;
  background: url(/asset-files/www/ico_info-6f78d1170f39687e3d02aa3951b19e2a.gif) no-repeat 4px center;

}
.leave-calendar{
  border-spacing: 0;
  border-collapse:collapse;

  height:100%;

}
.leave-calendar td, .leave-calendar th {
  border: 1px solid rgb(202, 202, 202);
  width: 25px;
  height: 32px;
  padding: 0;
  vertical-align:middle;
  position: relative;
}

.leave-calendar tr:first-child th {
    background: #328baa;
    color: #fff;
}

.leave-calendar tr:first-child th:first-child {
    background: #fff;
    color: inherit;
}

.leave-calendar th.is-holiday, .leave-calendar th.is-sunday {
    color: #f96363 !important;
}

.leave-calendar div {
    height: 100%;
    position: absolute;
    top:0;
    width: 100%;
}

.leave-calendar div:nth-child(2) {
  left: 50%;
}

select:disabled {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none; }

.leave-calendar .holiday{
    /*  background-size: 25px 25px;*/
    /*  background:no-repeat;*/
    /*  background-image: url();*/
    /*  background-position:center;*/
    background-color: rgb(215, 215, 215);

}
.leave-calendar .weekend{
  background:no-repeat;
/*  background-color: rgb(179, 176, 176);*/
  background-color: rgb(236, 236, 236);

}
.leave-calendar .holiday-weekend{
  background-size: 25px 25px;
  background:no-repeat;
  background-image: url(/asset-files/icons/star-9d92b11c4280c454e76ac706393f184d.png);
  background-position:center;
/*  background-color: rgb(179, 176, 176);*/
  background-color: rgb(236, 236, 236);
}
.leave-calendar .leave{
  background:no-repeat;

}

.leave.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(0, 128, 0, 1.0) 2px,*/
/*  rgba(0, 128, 0, 1.0) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(177, 253, 177) 2px,
    rgb(177, 253, 177) 4px);
}

.leave.approved{
/*  background-color: rgba(0, 128, 0, 0.6);*/
  background-color: rgb(177, 253, 177);

}
.leave-calendar .nursing_leave{
  background:no-repeat;
/*  background-color: rgba(255, 47, 47, 0.6);*/
  background-color: rgb(255, 176, 176);

}
.nursing_leave.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(255, 47, 47, 1.0) 2px,*/
/*  rgba(255, 47, 47, 1.0) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(255, 176, 176) 2px,
    rgb(255, 176, 176) 4px);
}
.leave-calendar .official_channel{
  background:no-repeat;
/*  background-color: rgba(210, 204, 229, 0.6);*/
  background-color: rgb(255, 177, 94);

}
.official_channel.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(173, 93, 8, 1.0) 2px,*/
/*  rgba(173, 93, 8, 1.0) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(255, 177, 94) 2px,
    rgb(255, 177, 94) 4px);
}
.leave-calendar .sicktime{
  background:no-repeat;
/*  background-color: rgba(250, 125, 38, 0.6);*/
  background-color: rgb(255, 202, 165);

}
.sicktime.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(250, 125, 38, 1.0) 2px,*/
/*  rgba(250, 125, 38, 1.0) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(255, 202, 165) 2px,
    rgb(255, 202, 165) 4px);

}

.leave-calendar .business_trip {
    background:no-repeat;
    background-color: rgb(139,134,078);
}

.business_trip.not_approved{
    background-image: repeating-linear-gradient(
            120deg, white, white 1px,
            rgb(139,134,078) 2px,
            rgb(139,134,078) 4px);
}

.leave-calendar .home_office {
    background:no-repeat;
    background-color: rgb(135,206,235);
}

.leave-calendar .consultation{
    background:no-repeat;
/*    background-color: rgba(136, 0, 21, 0.6);*/
    background-color: rgb(204, 151, 159);
}

.consultation.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(136, 0, 21, 0.6) 2px,*/
/*  rgba(136, 0, 21, 0.6) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(204, 151, 159) 2px,
    rgb(204, 151, 159) 4px);
}
.leave-calendar .education{
  background:no-repeat;
/*  background-color: rgba(255, 174, 201, 0.6);*/
  background-color: rgb(255, 203, 221);

}
.education.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(255, 174, 201, 0.6) 2px,*/
/*  rgba(255, 174, 201, 0.6) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(255, 203, 221) 2px,
    rgb(255, 203, 221) 4px);
}
.leave-calendar .comp_time{
  background:no-repeat;

}

.comp_time.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(63, 72, 204, 1.0) 2px,*/
/*  rgba(63, 72, 204, 1.0) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(180, 185, 255) 2px,
    rgb(180, 185, 255) 4px);
}

.comp_time.approved{
/*  background-color: rgba(63, 72, 204, 0.6);*/
  background-color: rgb(180, 185, 255);

}

.leave-calendar .payed_leave{
  background:no-repeat;
/*  background-color: rgba(249, 255, 0, 0.6);*/
  background-color: rgb(248, 251, 106);

}
.payed_leave.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(249, 255, 0, 0.6) 2px,*/
/*  rgba(249, 255, 0, 0.6) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(248, 251, 106) 2px,
    rgb(248, 251, 106) 4px);
}
.leave-calendar .maternity_leave{
  background:no-repeat;
/*  background-color: rgba(255, 65, 209, 0.6);*/
  background-color: rgb(255, 176, 236);

}
.maternity_leave.not_approved{
/*  background-image: repeating-linear-gradient(*/
/*    120deg, grey, grey 1px,*/
/*  rgba(255, 65, 209, 0.6) 2px,*/
/*  rgba(255, 65, 209, 0.6) 4px);*/
  background-image: repeating-linear-gradient(
    120deg, white, white 1px,
    rgb(255, 176, 236) 2px,
    rgb(255, 176, 236) 4px);

}

.leave-calendar .home_office{
    background:no-repeat;
    background-color: rgb(135,206,235);

}
.home_office.not_approved{
    background-image: repeating-linear-gradient(
      120deg,
      grey,
      grey 1px,
      rgb(135,206,235) 2px,
      rgb(135,206,235) 4px
    );

}

.leave-calendar .not_fullday{
  width: 50%;

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

}
.anfrage-form input[type=text]{
  width: 360px

}
.anfrage-form textarea {
  width: 373px;
  min-height: 200px;

}

/* Leave reports date selector */
.select-date-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.select-report-date {
    margin: 10px 0;
    display: flex;
}
.select-report-date a, .select-report-date span {
    border: 1px solid #e1e1e1;
    padding: 5px 10px 1px 10px;
    margin: 0;
    border-right: none;
    text-align: center;
}
.select-report-date a:last-child {
    border-right: 1px solid #e1e1e1;
}
.select-report-date .prev-year, .select-report-date .next-year {
    width: 46px;
}
.select-report-date .prev-month, .select-report-date .next-month {
    width: 70px;
}
.select-report-date .current {
    width: 90px;
}
.own-report-date-wrapper .prev-month, .own-report-date-wrapper .next-month {
    display: none;
}

.t_width-160{
  width: 160px;
}

.hidden { 
  display:none; 
}


/** ========= Month Report ========= */

.flex-columns { 
  display: flex; 
  justify-content:  space-between; 
}

.report-details-table {
  width: 100%;
  margin: 10px 0 30px 0;
}

.report-details-table, 
.report-details-table td {
  border: none;
}

.report-details-table, 
.report-details-table td,
.report-details-table td div {
  font-size: 13px;
}

.report-details-table .col-1 {
  width: 63%;
}

.report-details-table .detail {
  margin-bottom: 8px;
}

.report-details-table label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

.report-details-table label.smaller {
  font-size: 13px;
}

.report-details-table .username-cell {
  vertical-align: middle;
  text-align: right;
}

.report-details-table .username-cell div {
  font-size: 1.8em;
}

/* --------- Header --------- */
.report-header { 
  height: 28px; 
  border-bottom: 1px solid #ddd; 
}

.report-header #month_overview_tabs {
  width: 95% !important; border-bottom: none !important;
}


/* --------- Month Report Filters --------- */

.report-filters { 
  width:98%;
  background: #f4f4f4; 
  padding:10px; 
  margin-bottom: 20px; 
}

.report-filters .field-div { 
  display: inline-block; 
  margin: 0 10px 12px 0;
}

.report-filters .field-selection { 
  margin-top: 12px; 
}

.report-filters .field-group { 
  margin-bottom: 20px;
}

.report-filters .group-name { 
  margin: 0 0 0.7em 0; 
  font-weight: bold; 
}

.report-filters h3 {
  margin: 0; font-size: 1.2em;
}

.report-filters form {
  width: 100%;
}

.report-filters form p { 
  margin-bottom: 0.7em;
}

.report-filters p a { 
  border: none; 
}

.report-filters .icons { 
  position: relative; 
  top: 5px; 
  margin-left: 10px; 
}

.report-filters .icons a { 
  margin-right: 5px; 
}

.report-filters a.helpLink { 
  height: 16px;  
}

.report-filters table { 
  margin: 0;
}

.report-filters form table, 
.report-filters form td { 
  border: none 
}

.report-filters select { 
  width: 108px; 
  height: 28px; 
  border: 1px solid #aaa; 
  border-radius: 4px; 
  background: #fff; 
  padding-left: 6px; 
}

.report-filters select:not([name="month"],[name="year"]), 
.report-filters .select2 { 
  min-width: 300px; 
}

.report-filters select:disabled { 
  background: transparent; 
}

.report-filters input[type=checkbox] { 
  accent-color: #018ee0; 
}

.report-filters form td input[type="radio"] { 
  margin-left: 0; 
}

.report-filters #employee_ids, 
.report-filters #department_ids { 
  min-height:120px; 
  min-width: 210px; 
}

.report-filters .calendar-img { 
  position: relative; top: 5px; 
}

.report-filters .toggle-filters {
  float:left; color: #444; border: none; 
  margin-top: 10px;
  padding: 5px 2px 5px 20px;
  background: url('/asset-files/icons2/zoom.png') 1px center no-repeat;
  background-size: 14px;
  border-bottom: 1px solid #aaa;
  cursor: pointer;
}

.report-filters .select2-container .select2-selection--single { 
  height: 28px !important; 
}

.report-filters .select2-container--default .select2-selection--single .select2-selection__rendered { 
  line-height: 30px !important; 
}

.report-filters .select2-container--default .select2-selection--single .select2-selection__arrow { 
  height: 27px !important; 
}

.report-filters .select2-container .select2-selection--multiple { 
  min-height: 23px !important; 
  padding-bottom: 0 !important; 
}

.report-filters .select2-container--default .select2-selection--multiple .select2-selection__choice { 
  vertical-align: inherit !important; 
}

.report-filters input.flatpickr-date { 
  width: 92px; 
  height: 26px; 
  border: 1px solid #aaa; 
  border-radius: 4px; 
}

.grouping-checkbox {
  margin-bottom: 10px;
}


/* --------- Month Report Results --------- */

.report-results {
  width: 100%;
}

.report-results h2 {
  margin-bottom: 16px; 
  text-align: center;
}

.report-details-results h2 {
  margin-bottom: 0px; 
}

.report-details-results .item {
  margin-bottom: 20px;
}

.report-results .charts-list { 
  width: 100%; 
}

.report-results .charts-list, 
.report-results .charts-list td { 
  border: none; 
}

.report-results .charts-list td { 
  padding: 5px; 
}

.report-results .charts-list td:not(:first-child) { 
  /*width: 40%;*/
}

.report-results .charts-list td .canvas-div { 
  width: 100%; 
  height: 60px; 
}

.report-results .events-grouping-chart {
  margin-bottom: 30px;
}

.report-results .title-name { 
  width: 120px; 
  vertical-align: middle; 
}

.report-results .event-type-legends { 
  padding-top: 10px; 
}

.report-results .event-type-legends .event-type { 
  display: inline-block; 
  margin: 0 5px 5px 0; 
}

.report-results .event-type-legends span { 
  width: 20px; 
  height: 10px; 
  display: inline-block; 
  print-color-adjust: exact; 
  -webkit-print-color-adjust: exact; 
}

.report-results table { 
  width: 100%;
  border-collapse: collapse; 
}

.report-results table tr:nth-child(2) td { 
  padding-top: 0.5em; 
}

.report-results .task-row { 
  display: none; 
}

.report-results .toggle-link { 
  width: 14px; 
  height: 14px; 
  display: inline-block; 
  margin-right: 12px; 
  position: relative; 
  top: 1px; 
}

.report-results .toggle-link.plus { 
  background: url(/asset-files/icon_plus.gif) no-repeat 5px 5px; 
}

.report-results .toggle-link.minus { 
  background: url(/asset-files/icon_minus.gif) no-repeat 5px 5px; 
}

/* -------------------- */

.toggle-password-visibility {
  position: absolute;
  top: 2px;
  right: 0px;
  width: 16px;
  height: 16px;
  background: url('/asset-files/icons2/show.svg') 0 0 no-repeat;
  background-size: cover;
}

.toggle-password-visibility.active {
  background: url('/asset-files/icons2/hide.svg') 0 0 no-repeat;
  background-size: cover;
}