/* @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-f391120ec91f6de51b52644bfaf57d09.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-fabf43b05ae00818cf98faad2b6646b4.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-ffbd8d7ab3acf1237c17ea75fafaffde.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-f6be5edda074a33ab99bd55d848f400f.png) left no-repeat;
  padding: 11px 0 1px 20px;
}

.new.loading,
.zip_download.loading {
    background: url(/asset-files/ajax-loader-5d2f2d7e5af180114e8b1f9a70ae1c4e.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-70f2892d0cb026e48cf43417f1294c41.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-a5e52408b7f9fe573a8ec8ea421b7c18.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-c7209a5428571dd176f0912427317bb8.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: 2px 5px 3px 14px;
  position:relative;
  top: 0;
  left: 0;
  height: 18px;
  float:left;
  background: url(/asset-files/btn_timetracker_end_lft-88e0ea3066059cce4c545aaeaf00016d.gif) no-repeat;
}

.work_future a {
  background: url(/asset-files/btn_timetracker_future_lft-4ce89db707ff61bb9977d80a15cd199b.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-437464cb6e21f2058269355f3726121c.gif) no-repeat;
}

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

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

.work_start a {
  color: #fff;
  padding: 2px 5px 3px 14px;
  margin-right: 0px;
  height: 18px;
  background: url(/asset-files/btn_timetracker_start-f41c1fc5368091b8fcf3016b92b43a97.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-bb65c5e2991c8174ed8f15ff1a7cf11d.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-bb65c5e2991c8174ed8f15ff1a7cf11d.gif) no-repeat 0px -22px;

}
.work_start a.zbutton_start_dropdown.on{
  background: url(/asset-files/btn_timetracker_start_dropd-bb65c5e2991c8174ed8f15ff1a7cf11d.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-1d2932317411c3a2abd89a301f35d49d.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-803ca72fb813f4ce813eb5c5c3ad45ab.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-803ca72fb813f4ce813eb5c5c3ad45ab.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-d4551c6b1e15ce898d62a14a988f4550.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-c8f2249640384f77a60ca948ece9b305.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-6d09035f317a2c5a5b583aa8f7199e64.png);

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

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

}

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

}

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

}

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

}

#main_nav #terminal_settings {
  background-image: url(/asset-files/icons/application_side_boxes-9bb86ab985c600574ce766e61ca78ded.png)

}

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

}

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

}

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

}

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

}

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

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

#content {
  position:relative;
  min-height: 520px;
  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-89d80edfe8a6c1360c1bf09baaef0f8a.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-2cc3916aef88631aaff4ad721a0fcde0.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-d00192806be9c3d940991c633db17842.gif) no-repeat right top;

}

#dashboard.no-projects {
  display: flex;
  flex-wrap: wrap;
}

#dashboard.no-projects .col2,
#dashboard.no-projects .col3 {
  float: none;
  flex: 1 1 45%;
  min-width: 300px;
}

/* @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;

}

.terminal-tokens-table td {
  vertical-align: middle;
}

.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-ffbd8d7ab3acf1237c17ea75fafaffde.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-978a485afc9ae9d04535e57088706fbe.gif) no-repeat 5px 5px;

}

.month_table .minus {
  padding-left: 25px;
  background: url(/asset-files/icon_minus-cd131db432d269e416b0f2d59f1563e2.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 .half:nth-child(1) {
  width: 52%;
}

#time_tracker .half:nth-child(2) {
  width: 48%;
}

#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-161a5e1c559c9953ddd5a62be0a5a617.gif)   no-repeat;

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

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

}
#prodlist .custom{
  background: #c4ced2 url(/asset-files/www/bg_prod_custom-e27caa8bba89707a447d161ab6a4c95d.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-2c98f41016b4f64e939ee9e43bd925a0.png) no-repeat 0 10px;

}
#prodlist .standard .price, #prodlist .premium .price{
  background: url(/asset-files/www2/user_monitor-05d7b4b75d23b2fc15535e3a0a1911c9.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-7e54c67a0beb5c19f9571abade10fc0a.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-6fef4b3891d28564d4d7cf5eff8d9134.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-f360db69cefae0be4164bc7b92be91d5.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-70508bc7a4c5716bc3be16065113d1b5.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-7d0c20910e84a07f84b5eb6e67b39497.png) no-repeat center center;
  border: 4px solid #dddddd;
  border-left:none;

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

}
a.tippLink.active{
  background: #fffbbf url(/asset-files/icons/cross_grey-2b3acf239617fe22bb318a14b98accc9.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-2498b6b99b2a7988fb18c53385c493da.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-35082494944703c0b3e3ad9260e35a73.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-229b8fc56670edf784ded909d5bb1691.png) no-repeat;

}

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

/* @container for filter forms */
.filter, .filter_all {
  background: #f6f6f6 url(/asset-files/bg_filter_off-64bf9089915eddeb87ed0647ff668995.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-5882b3b7fbc7a2d06654f45b05be4200.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-79544b81855bcfe171e02fb05ec1178c.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-0d11408980c19d7384321963a7c317f1.gif);

}
table.tList th.sortdesc, table.tList th.sortdesc:hover {
  background-image: url(/asset-files/down-31c9391a3c96a2ef20c83f184fea60f2.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-4ac8e232d00ace4d2fefacc2b3ab44e0.gif) no-repeat 0 -18px;
  color: #fff;

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

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

}

#tProjects td.chart{
  width: 400px;
  background: url(/asset-files/projects/bg_row-4c8d300f184e57a18a1001220e3d7eab.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-3bd273a6a4ff35fc982b9a695b431f5a.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-c010bb7a19fd31a7b31e17cf7b97347d.png) no-repeat left top;

}
#tProjects td div.endLftOff{
  float:left;
  width: 8px;
  height: 18px;
  background: url(/asset-files/projects/rowend_lft_off-00f64959cb5f6584e409e46a43dc72ba.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-9212d543a34b51f6c9e3db2918f113d6.png);

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

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

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

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

}
.over100{
  width: 33px;
  height: 22px;
  position:absolute;
  right: -27px;
  top: -4px;
  background: url(/asset-files/projects/bar_over100-287f2df2f6e67c7c00996e1ccd306bf8.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-68bc82bc9f96f7b0b0c979b96f8cc9a9.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-61e24344fc3d06c29e93baab591e17f0.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;
}

/* Status Badges */
.badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  vertical-align: middle;
}
.badge-success {
  background-color: #28a745;
  color: white;
}
.badge-danger {
  background-color: #dc3545;
  color: white;
}