/* @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-bb7622a8b24b58f83ceba6dfa2033bb66ae23bf55711d6b753bca3d6b3ece93d.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-2bfe876fb0f08e700d98c994a64fbafe23c3342bb51d03a0435145ce82624890.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-51f89b31ced2c2aa3ae1d751dd4f229bd09dddcbb6d985c1677faa25df42cde0.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-36d379604abe0b60e26ac56f6e642441215e479e7cfb5e5f45818165c1a41692.png) left no-repeat;
  padding: 11px 0 1px 20px;
}

.new.loading,
.zip_download.loading {
    background: url(/asset-files/ajax-loader-6fc7ba4639c51315659bcf10865960a70555d0f6cba798a56ccfd77359b83f47.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-bd26edf17d6e3975cafb712e5b278aee798a03eaf532f3bca5ade5f9eb63af00.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-62b0d8321eb2ce1ffb7591bb5b9801721b4d4f7e5e498c2de46beb611a288d41.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-f780cd4cb4ef7809dc6341f223a6ab46d0fa90a65f17f0d71b2b5d6ab132cc11.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;

}

/* Logout: button_to statt link_to method: :delete (modernize-js-7e-2-remove-jquery,
   @rails/ujs entfernt). Das echte <form> + button wird wie die übrigen
   #user_info-Links gestylt — inline, app-blau (#018ee0), ohne Unterstreichung,
   Hover-Orange (#ff6000) analog `a`/`a:hover`. */
#top #user_info form.logout-form{
  display:inline;
  margin:0;
  padding:0;
}
#top #user_info button.logout-button{
  background:none;
  border:none;
  padding:0;
  margin:0;
  font:inherit;
  color:#018ee0;
  cursor:pointer;
  text-decoration:none;
  vertical-align:baseline;
}
#top #user_info button.logout-button:hover{
  color:#ff6000;
  text-decoration:none;
}

#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;

}

/* modernize-js-4-turbo-streams: die Timetracker-Submit-Trigger sind jetzt
   native <button class="ztt_submit"> (Turbo-Submitter-Disable als
   Multi-Click-Schutz). Default-Button-Chrome resetten, dann erben sie die
   bestehende <a>-Optik über die unten erweiterten Selektoren. */
button.ztt_submit {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  border: 0; background: transparent; cursor: pointer; font: inherit;
  text-align: left;
  /* <button> ist per UA-Default border-box + white-space:normal — das alte <a>
     war content-box. Ohne diese Angleichung schneidet die Sprite-Pille den
     Text ab ("Arbeitsbeginn") und der Text bricht/zentriert nicht sauber. */
  box-sizing: content-box;
  white-space: nowrap;
  line-height: 18px;   /* vertikale Zentrierung der einzeiligen Beschriftung in der Pille */
}

.work_end a, .work_end button.ztt_submit,
.work_future a, .work_future button.ztt_submit {
  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-256280adea447b918f16b28c0acd3d8b743c952815377a8b41b98309bd288e32.gif) no-repeat;
}

.work_future a, .work_future button.ztt_submit {
  background: url(/asset-files/btn_timetracker_future_lft-55bc2173cf405339238e5e25bc9f2df76754348a91b849820d9dd42b1885b74e.png) no-repeat;
}

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

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

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

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

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

}
.work_start a.zbutton_start_dropdown.on{
  background: url(/asset-files/btn_timetracker_start_dropd-0500e5af8201de2eb621d7a426f5a436e869bae5e58c999542d3de3b7e5a19e4.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-2309622165bc48151ad7e670206c2d74d21571811bdef8e8cf83883616024f13.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, .zOption button.ztt_submit {
  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_start .zOption li button.ztt_submit,
.work_end .zOption li a, .work_end .zOption li button.ztt_submit,
.work_future .zOption li a, .work_future .zOption li button.ztt_submit {
  background:none;
  display:block;
  margin-right: 23px;
  padding-left: 6px;
  height:auto;
  width: 100%;

}
.work_start .zOption li a:hover,
.work_start .zOption li button.ztt_submit: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-143d29dfd15d5e5a021d288f9e81bb8f5e6ac05533646eaae55c1833283e9bb0.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-143d29dfd15d5e5a021d288f9e81bb8f5e6ac05533646eaae55c1833283e9bb0.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_start .zComment button.ztt_submit,
.work_end .zComment a, .work_end .zComment button.ztt_submit,
.work_future .zComment a, .work_future .zComment button.ztt_submit {
  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-bc9effffb53a2b00a8d35a0e2da4e07cabb5d3309207bdd027f59b8e98c3bc9a.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-039895c6c3a8c219bea0d1f778de3134d22421a47c6acd896219b64f1a1a912e.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-1358a3d64d07b402e7c9e1ae4d49a2a3d7c1d0543300ba49b6e564c4f5d00268.png);

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

#main_nav #absent {
  background-image: url(/asset-files/icons2/status_away-5b11a3a55b0745396f406211fc6d2b2903a5fc3f3936ee8acc3e4adfabe40744.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-ee36c5cf17a597a4bdb99852a2a62622a3a03590dad746b51075c742194ee6c4.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-01e38afbed025a94fa387375af87e3707f854c14f603f829e8ed8c6bd6423950.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-84bbff58c698e25e371eebfaabac76212b93b8c2780d765c978812c4655e679f.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: #ccc;

}
ul#time_events_fields_tabs a, #time_events_fields_tabs ul a {
  background: #e0e0e0;
  border:solid #ccc;
  border-width: 1px 1px 0 1px;
  padding: 5px 12px;
  margin-right: 2px;
  color: #333;
  font-weight: normal;
}


#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: #f0f0f0;
  padding-bottom: 6px;
  margin-bottom: -1px;
  color: #333;
  font-weight: bold;
}

.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-51f89b31ced2c2aa3ae1d751dd4f229bd09dddcbb6d985c1677faa25df42cde0.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-9b81bb70685bcb566059d053c36f7fa25cc8387486b1b34635ae41bba40e1693.gif) no-repeat 5px 5px;

}

.month_table .minus {
  padding-left: 25px;
  background: url(/asset-files/icon_minus-cb9a9d3abb334dff3e8b79480bca6689f78bb600db9c8966634c540012f2325c.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:#333;
  width: 480px;
  background: #f0f0f0;
  border: 4px solid #dddddd;
  /* margin: -14.5em 0 0 -220px; */
  padding: 0;
  z-index: 1000;

}

#time_tracker h1 {
  color: #333;
  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: #333;

}
#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-8aa0f602914851373491d7b646229d394e997af560b378af3a65e7a388a9c1c5.gif)   no-repeat;

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

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

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

}
#prodlist .standard .price, #prodlist .premium .price{
  background: url(/asset-files/www2/user_monitor-f537d1bbce66b36d20064f8a274e55c53e2a9324897a372265d89d1f3d25b5b6.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-d261a78fd49446bdde23756508152fec33720b16e215d307258a2bcbcd0a2438.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-33dbacf4310a39cfae50b17f9cc75082adcce60b30d355dfc3c3244c6c73d6ff.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-b7c644d371619268ef189a8305d37c4ac210041c9b1ff8f9bc0c94d06d117036.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-ca4460c49ec95efa9a9ef9cfd5486e311fb40d9dbb8d2b4a955d1bba2b547b6b.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-8902fedf72d2b47dcd04d6ffa5f2bdb5e00de4bb55e43fcec461841ba2584ca1.png) no-repeat center center;
  border: 4px solid #dddddd;
  border-left:none;

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

}
a.tippLink.active{
  background: #fffbbf url(/asset-files/icons/cross_grey-1615a3ec42598a84ff0dade69a18417ddb0e654d6e704334603699a8c65b2f3a.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-37047551da4636305f365098bfab0c1d7841055a202f1b1e7ce19bb87550b401.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-beddba0acefaea8c74d7de71c95f36a5ab352f7637e5549b916009a64c065dd8.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-91bba0ea485e1750d6147ea1ce45e9f875bba11c903e0fe931f377b78e248b22.png) no-repeat;

}

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

/* @container for filter forms */
.filter, .filter_all {
  background: #f6f6f6 url(/asset-files/bg_filter_off-9f402910e6920af8d70d8d03f1350156387d3ee7c53490a73b9e763ec348e80b.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-6445ac2d25dec7c61e8720d0bf1e1d0c23462d168fbcc3f44fc9415d5898c855.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-e86af65bcfe23acbc3c55e7f2f5ac6c27958506a0b59c53b54bb29c9c03345f1.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-fa8450d6526c62c30d19787c9b6c7c2f6a816fd13875c5b0d600b456f1fbb87f.gif);

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

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

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

}

#tProjects td.chart{
  width: 400px;
  background: url(/asset-files/projects/bg_row-f1fb639df25a3afa9ed3aa579d759d66c8dabfc34e57f5f43f695c153d69c962.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-2639ab9a3da1c03b109b45096168869658dd40eaf55a7a01f7b71d1a6ca87bb8.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-640802733b5a8a913eae5fd44a38073d50ec6acd5e181f840fcc1d0eb9a7c5ce.png) no-repeat left top;

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

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

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

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

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

}
.over100{
  width: 33px;
  height: 22px;
  position:absolute;
  right: -27px;
  top: -4px;
  background: url(/asset-files/projects/bar_over100-374d7c0471c432cbfa19f5cd405809d26429d26639ae6b3650d0110b4016bc85.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-318a5e964462a5e4a417dbf1682d26ec35e927873df758b1c304e4236430d90a.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-b8f7b567c81a627672880908163ada5a25f70a6dd5606f7092fb8eea019dd057.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 .choices {
  min-width: 300px;
}

/* Kompakt-Theme: Choices' Default-Maße (44px .choices__inner, 24px Bottom-
   Guttering, große dunkel-türkise Chips mit weißem ×) auf die select2-artige
   kompakte Optik retargeten. Choices liest jeden Wert als var(--name, fallback)
   → Override per Custom-Property auf .report-filters .choices, vererbt an alle
   Sub-Elemente. Ziel: Container-Höhen wie der vorige select2-Stand. */
.report-filters .choices {
  /* select2s .select2-container war inline-block + vertical-align:middle und
     saß damit bündig zum Label. Choices' .choices ist per Default ein
     Vollbreite-Block → vertikaler Versatz (Box tiefer als Label). Display-Modell
     angleichen. */
  display: inline-block;
  vertical-align: middle;
  /* Definite Breite statt nur min-width: als inline-block mit Shrink-to-fit
     würde .choices__inner (width:100%) breiter als der gewrappte .choices und
     dessen overflow:hidden schnitte die rechte abgerundete Ecke ab. */
  width: 300px;
  --choices-guttering: 0;
  --choices-input-height: 28px;          /* statt 44px → kompakte Box-Höhe */
  --choices-inner-padding: 1px 6px 1px;  /* statt 7.5px 7.5px 3.75px */
  --choices-inner-one-padding: 1px;      /* Single-Select Bottom-Padding */
  --choices-list-single-padding: 3px 22px 3px 6px;
  --choices-input-margin-bottom: 0;
  --choices-input-padding: 2px 0 2px 2px;
  --choices-font-size-lg: 14px;
  --choices-font-size-md: 14px;
  --choices-font-size-sm: 13px;
  --choices-border-radius: 4px;
  --choices-border-radius-item: 4px;     /* eckigere Chips wie select2 */
  --choices-bg-color: #fff;
  --choices-dropdown-item-padding: 5px 10px;
  --choices-multiple-item-padding: 1px 6px;
  --choices-multiple-item-margin: 2px;
  --choices-primary-color: #e4e4e4;      /* hellgrauer Chip statt #005F75 */
  --choices-item-color: #333;            /* dunkler Chip-Text (auf hellgrau) */
  --choices-item-disabled-color: #333;   /* deaktiviert: dunkler Text statt weiß (sonst auf grau unsichtbar) */
  /* dunkles ×-Icon (Default-Multiselect-× ist weiß → auf hellem Chip unsichtbar) */
  --choices-icon-cross: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  margin-bottom: 0;
}

/* Box-Modell angleichen: .choices__inner (width:100% + padding + border) wäre
   im Default-content-box ~314px und damit breiter als der 300px-.choices —
   bei geöffnetem Dropdown (overflow:visible) sieht man den Header breiter als
   die 300px-.choices__list--dropdown. border-box macht beide exakt 300px. */
.report-filters .choices,
.report-filters .choices__inner,
.report-filters .choices__list--dropdown {
  box-sizing: border-box;
}

/* Choices verbirgt das Quell-<select> via hidden-Attribut + .choices__input.
   Da author-CSS (.choices__input{display:inline-block}) das UA-[hidden] schlägt,
   bliebe das <select> sonst als leerer Rest sichtbar. Off-screen-Clip wie
   select2s .select2-hidden-accessible: visuell weg, aber für native
   Form-Interaktion (und Playwright selectOption) im DOM erreichbar. */
.report-filters select.choices__input {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important; margin: 0 !important;
  border: 0 !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

.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 .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 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;
}