/**********************************************************************************************************************/
/*                                      Basis-Stylesheet für PP-Online
/*
/* Diese Datei enthält die Stilvorlage des Medlinq-Designs. Die KV-spezifischen Vorlagen sowie die browser-spezifischen
/* Einstellungen werden hinzugeladen.
/*
/*
/* @version 2.3
/* @author Sebastian Lob, Tobias Reike, Arnold Ude
/**********************************************************************************************************************/

/* okay and not okay view */
span.enabled:after{
  content: '\2714';
  color: green;
  text-align: center;
}

span.disabled:after{
  content: '\2718';
  color: red;
  text-align: center;
}
/* okay and not okay view end*/

.hidden{
    display: none;
}

.centered {
    text-align: center !important;
}

.deduction_range_layer_available{
  border: 1px solid rgba(0, 255, 0, 0.4);
  background-color: rgba(0, 255, 0, 0.1); 
}

.deduction_range_layer_default{
  border: 1px solid rgba(100, 100, 100, 0.4);
  background-color: rgba(100, 100, 100, 0.1); 
}

.deduction_range_layer_locked{
  border: 1px solid rgba(255, 0, 0, 0.4);
  background-color: rgba(255, 0, 0, 0.1);
}

.deduction_range_layer_deducted{
  border: 1px solid rgba(0, 0, 255, 0.4);
  background-color: rgba(0, 0, 255, 0.1);  
}

.deduction_range_layer_confirmed{
  border: 1px solid rgba(255, 255, 0, 0.4);
  background-color: rgba(255, 255, 0, 0.1);  
}


.deduction_range_layer{
    position: absolute;
    z-index: 800;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}


.date_fields{
  text-align: right;
  width: 90px;
}

/*body {*/
    /*background: url(/images/medlinq/background.gif);*/
    /*background-repeat: repeat-y;*/
    /*border: 0px;*/
    /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
    /*font-size: 10pt;*/
    /*font-weight: 400;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*width:1280px;*/
/*}*/


body {
    /*
        background: url(/images/medlinq/background.gif);
        background-repeat: repeat-y;
    */
    border: 0;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10pt;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

div#divmain {
  width: 1090px;
}

img{
    border: 0;
}

.error_message {
  width: 800px;
  background-color: red;
  color: white;
  margin: 0 auto;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
}

.error_message > div {
  padding: 4px;
}

td.b {
    color: #000;
    height:33px;
    width:100%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    padding: 0 0 0 0;
    vertical-align: middle;
    white-space: nowrap;
}

td.c {
    background: #009999;
}

td.c_centered {
    background: #990033;
    color: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

td.c_normal {
    background: #990033;
    color: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: 700;
    vertical-align: middle;
}

th.headgrey1,
td.headgrey1 {
    background-color: #ccc;
    color: #990033;
}

table.datatable a.button:hover, a.button:hover, a.slimbutton:hover, input.button:hover {
    color: #009999;
}

input[type~=file] {
    background-color: white;
    border: 1px solid #9C9C9C;

}

table.dataentry {
    width: 100%;
}

table.dataentry tr {
    padding: 0;
}

table.dataentry td, table#funktionen td {
    padding: 3px;
}

td.errortext {
    background-color: #CCCCCC;
    color: #990033;
}

input, textarea {
    border: 2px solid #009999;
}

/*select#regionselector {*/
/*background-color: #009999;*/
/*}*/

div.warningbox {
    background-color: #ffff99;
    color: #000000;
    line-height: 12px;
    font-size: 12px;
}

div.warningbox table {
    text-align: center;
    width: 100%;
}

div.warningbox table td {
    text-align: center;
    vertical-align: middle;
}

input.input_checkbox {
    background-color: #707070;
    border: #707070;
}

/**********************************************************************************************************************/
/* Farben und Gestaltung des Dienstkalenders                                                                          */
/**********************************************************************************************************************/

div#calnav {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    height: 56px;
    left: 170px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 167px;
    z-index: 82;
}

div#caldata {
    bottom: 25px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    left: 170px;
    overflow-y: scroll;
    position: absolute;
    right: 0px;
    top: 223px;
    z-index: 81;
}

/* :AWARE: div#callegend fehlt! */
/* :AWARE: table#calmonth, table#caldatatab, table#callegtab fehlt!*/

table#caldatatab td {
    background-color: #f0f0f0;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 22px;
}

table#caldatatab td img {
    border: 0px solid black;
    margin-left: auto;
    margin-right: auto;
}

table#caldatatab td.cal_namecol {
    overflow-x: hidden;
    text-align: left;
    width: 160px !important;
}

table#caldatatab td.odd {
    background-color: #d8d8d8;
}

table#caldatatab tr:hover td {
    background-color: #faee8d;
}

table#calmonthnames tr {
    color: white;
}

tr.dataline_small td.wt_6 {
    background-color: #f6f6c2;
}

tr.dataline_small td.wt_0 {
    background-color: #e6e682;
}

tr.dataline_small td.wt_feiertag {
    background-color: red;
}

tr.freeservices {
    border: 1px solid #003355;
}

table#calmonth td.cal_namecol {
    color: #000;
    text-align: left;
}

td.main_logo {
    background: url("/images/medlinq/logo.png") no-repeat left;
    height: 90px;
    padding-left: 0px;
    text-align: center;
    width: 164px;
}

tr.title_row td {
    background-color: #990033;
    height: 20px;
    padding-left: 164px;
}

td.topmenu {
    background-color: #ffffff;
    color: red;
    height: 118px;
    padding: 0;
}

.headpic {
    background-image: url("/images/medlinq/headpic.jpg");
}

textarea.kvnregion_textarea {
    background-color: white;
    border: 1px solid #9C9C9C;
    overflow: hidden;
    resize: none;
    width: 95%;
}

input[type~=file].kvnregion_textarea {
    width: 100%;
}

textarea {
    background-color: white;
    border: 1px solid #9C9C9C;
    overflow: hidden;
    resize: none;
}

input[type~=checkbox].checkbdqmdocumentgroupkvregions {
    background-color: white;
    border: white;
}

textarea.mailhelpdesk_textarea {
    background-color: white;
    border: 1px solid #9C9C9C;
    overflow: hidden;
}

input.input_text_bdqm {
    border: 1px solid #9C9C9C;
}

div.rahmen {
    background-color: white;
    border: 1px solid #9C9C9C;
}

table.datatable tr.datafooter {
    border-left-color: #f0f0f0;
    border-right-color: #f0f0f0;
}

table#caldatatab td.ie7_odd {
    background-color: #d8d8d8;
    border-bottom: 1px solid #003355;
    border-top: 1px solid #003355;
}

table#caldatatab td.ie7_ {
    border-bottom: 1px solid #003355;
    border-top: 1px solid #003355;
}

table#caldatatab td.ie7_odd_tooshort {
    background-color: #d8d8d8;
    border-bottom: 1px solid #003355;
    border-top: 1px solid #003355;
}

table#caldatatab td.ie7_tooshort {
    border-bottom: 1px solid #003355;
    border-top: 1px solid #003355;
}

table#caldatatab td.ie7_first {
    border-bottom: 1px solid #003355;
    border-top: 1px solid #003355;
    border-left: 1px solid #003355;

}

/**********************************************************************************************************************/
/* Basis Stylesheet für den Kalender im MEDLINQ Design. */
/**********************************************************************************************************************/

table#calendar_control {
    background: white;
    border: 1px solid silver;
    border-collapse: collapse;
    cursor: default;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    z-index: 10;
}

table#calendar_control td {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

td#calendar_prev_month, td#calendar_next_month,
td#calendar_prev_year, td#calendar_next_year {
    cursor: pointer;
}

table#calendar_control td#calendar_prev_month {
    text-align: left;
}

table#calendar_control td#calendar_next_month {
    text-align: right;
}

td#calendar_header {
    font-size: 13px;
    font-weight: bold;
}

table#calendar_control td.day_letter {
    background: gainsboro;
    font-size: 10px;
}

table#calendar_control td.day_number {
    border: 1px solid #6487ae;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    text-align: center;
    width: 22px;
}

table#calendar_control td.normal {
    background: #c4d3ea;
}

table#calendar_control td.blank {
    background: #d4e3fa;
}

table#calendar_control td.hover {
    background: #fff799;
}

table#calendar_control td.selected {
    background: #ffcc66;
}

table#calendar_control td.weekend {
    color: blue;
}

table#calendar_control td.today {
    color: red;
}

/************************************************************************************************/
/* MEDLINQ DESIGN                                                                               */
/* Das Tab-Menü der Monatsnamen ( Tauschliste, Kalender, Liste)                                 */
/************************************************************************************************/

ul.subsection_tabs_cal {
    border-bottom: 1px solid #707070;
    margin: 1px 0px 1px 0px;
    padding: 2px;
}

ul.subsection_tabs_cal li {
    display: inline;
}

ul.subsection_tabs_cal li a {
    background-color: #707070;
    border: 1px solid black;
    border-bottom: 0;
    color: white;
    padding: 1px 0.2em;
    text-decoration: none;
}

ul.subsection_tabs_cal li a:hover {
    background-color: #FFFFFF;
    color: #707070;
}

ul.subsection_tabs_cal li.tab_pressed a {
    background-color: #990033;
    border-bottom: 0px solid white;
    color: white;
    padding-bottom: 3px;
}

ul.subsection_tabs_cal li.tabyear a {
    background-color: red;
    color: white;
}

/**********************************************************************************************************************/
/* TAUSCHBÖRSE
/* Für den TableCalendar ab hier                                                                                      */
/*
/**********************************************************************************************************************/

.pointer {
    cursor:pointer;
    font-weight: bold;
}

#tablecalendar {
    border-spacing: 2px;
    border: 1px solid black;
    margin-top: 20px
}

#tablecalendar td {
    vertical-align: middle;
    width: 140px;
}

tr.tabcal_monthstart td {
    border-bottom: 1px solid black;
    font-weight: bold;
}

#tablecalendar td.wt_0, #tablecalendar td.wt_6 {
    background-color: #d9d94a;
}

#tablecalendar td.wt_feiertag {
    background-color: #f0d425;
}

/**********************************************************************************************************************/
/*                                      MAIN-MENU                                                                     */
/**********************************************************************************************************************/

ul#nav {
    border: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0 0 0 8px;
}

ul#nav li {
    color: #990033;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0 4px 0;
    text-decoration: none;
}

ul#nav li.trenner {
    line-height: 1px;
    padding: 0 0 0 0;
}

ul#nav li a {
    color: #990033;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

li a:active {
    color: white;
}

ul#nav li ul.submenu {
    border: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0 0 0 1px;

}

ul#nav li ul li {
    padding: 4px 0 4px 15px;
}

ul#nav li ul li a {
    color: #000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

/**********************************************************************************************************************/
/* Trennstriche schmal */
/**********************************************************************************************************************/

ul#nav hr {
    line-height: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
}


/**********************************************************************************************************************/
/*                                                  Für´s Drucken                                                     */
/**********************************************************************************************************************/
table.printview {
    font-size: 11pt;
    width: 800px;
    border: 1px solid black;
    margin: 1px;
    padding: 1px;
    border-spacing: 2px;
    page-break-after: always;
}

tr {
    border: 1px;
}

tr.dataweekday {
    color: black;
}

tr.datasaturday {
    background: rgb(220, 220, 220);
}

tr.datasunday {
    background: rgb(190, 190, 190);
}

tr.dataholiday {
    color: rgb(255, 0, 0);
    font-weight: bold;
}

tr.header {
    border: 1px solid black;
    color: white;
    background: black;
    font-weight: bold;
    border-spacing: 0px;
    padding: 0;
    margin: 0;
}

tr.header td {
    border-spacing: 0px;
    padding: 0;
    margin: 0;
}

/*
Document   : tausch
Created on : 25.04.2008, 22:19:25
Author     : Arnold Ude
Description:
Purpose of the stylesheet follows.
*/

html {
    border: 0;
    margin: 0;
    padding: 0;
}

/*body {*/
/*background: url(/images/medlinq/background.gif);*/
/*background-repeat: repeat-y;*/
/*border: 0px;*/
/*font-family: Tahoma, Arial;*/
/*font-size: 10pt;*/
/*font-weight: 400;*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/

#container {
    /* this is the div you want to fill the window */
    height: 2000px;
}

div.main {
  margin: 8px 0 0 8px;
}

table.header {
    background-color: #FFF;
    border: 0;
    border-spacing: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

td.c {
    background: #00aede;
    color: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: 700;
    vertical-align: middle;
}

td.b .headpic {

}

th.headgrey1,
td.headgrey1 {
    /*background-color: #cccccc;*/
    /*color: black;*/
    font-size: 11pt;
    font-weight: bold;
}

td.headred1 {
    background-color: #ff9999;
    color: black;
    font-size: 11pt;
    font-weight: bold;
}

h1 {
    font-size: 120%;
}

a {
    color: #035;
}

table.datatable a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

table.datatable a.button {
    color: #fff;
}

a.button, a.slimbutton, input.button {
    background-color: #009999;
    border-bottom: outset 2px #eee;
    border-left: outset 2px #b0b0b0;
    border-right: outset 2px #eee;
    border-top: outset 2px #b0b0b0;
    color: #ffffff;
    font-size: 8.5pt;
    font-weight: 700;
    padding: 2px 8px;
    text-decoration: none;
    cursor: pointer;
}

table.datatable a.button:hover, a.button:hover, a.slimbutton:hover, input.button:hover {
    background-color: #ffffff;
    color: #00aede;
}



table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    padding: 0;
}

.table {
    display: table;
    font-size: 10pt;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.bold {
    font-weight: bold;
}

th, td {
    border: 0;
    margin: 0;
    padding: 1px;
    text-align: left;
    vertical-align: top;
}

td.newmonth {
    font-size: 18pt;
    font-weight: 700;
}

tr.eigenezeile {
    background-color: #ccf;
}

div.buttonwrapper {
    padding: 3px;
}

/*
:AWARE: Margin 0 führt dazu, dass schmale Tabellen zwar zentriert sind,
aber große Tabelle ganz links stehen.
*/

table.datatable {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 9pt;
    text-align: left;
    /*margin: 0;*/
    /*width: 70%;*/
}

tr.dataheader {
    background-color: #6f746f;
    color: #fff;
}

tr.table_header_row {
    /*background-color: #6f746f;*/
    /*color: #fff;*/
}

tr.table_header_row label {
    padding-left: 3px;
    font-weight: bold;
    /*color: #fff;*/
}

tr.dataheader label {
    font-weight:normal;
    color: #fff;
    float:right;
}

td.headfield {
    color: #FFF;
    padding: 0 2px;
    vertical-align: middle;
}

td.errortext {
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 8px;
}

tr.dataline_small td {
    text-align: center;
    vertical-align: top;
    width: 22px;
    height: 22px;
    background-color: #f0f0f0;
}

tr.dataline_small td.odd {
    background-color: #d8d8d8;
}

table#caldatatab td {
    vertical-align: top;
}

table#caldatatab td.tooshort, td.tooshort {
    background-image: url("../images/cal_symbols/tooshort.gif");
    width: 18px;
}

tr.dataline_small td.holiday {
    background: url("../images/cal_symbols/urlaub.png") no-repeat -1px -1px;
}

tr.dataline_small:hover, tr.dataline_small:hover td, tr.dataline_small:hover td.odd {
    background-color: #ffff99;
}

tr.dataline1, tr.dataline_small td.name {
    background-color: #e0e0e0;
    border-bottom: 1px solid #fff;
    text-align: left;
}

tr.dataline1 td, tr.dataline2 td {
    height: 22px;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle;
}

tr.dataline2 {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}

tr.datafooter {
    border: 0 hidden #FFF;
    color: green;
    font-weight: 700;
}

tr.datafooter span.plain {
    color: #000;
    font-weight: 400;
}

table.datatable tr.dataheader a {
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
}

table.dataentry tr {
    padding: 0;
}

table.logintable td {
    padding: 8px;
}

table.tauschangebot {
    border: 0px;
    padding: 4px;
    text-align: center;
}

input, textarea, .rahmen {
    background-color: #FFFFFF;
    border: 2px solid #009999;
}

.manualchanged {
    border: 2px solid #FF6633;
}

input.red {
    background-color: red;
    border-bottom: solid 2px #063;
    border-left: solid 2px #cfc;
    border-right: solid 2px #063;
    border-top: solid 2px #cfc;
    color: #FFF;
    font-weight: 700;
}

select {
    background-color: #FFF;
}

select#regionselector {
    background-color: #009999;
    color: #FFF;
    font-size: 9pt;
    width: 412px;
}

/* 100 % Eingabefelder browserunabhängig*/

.full_width {
    width: 95%;
}

/* 12 % zb. für Datumsfelder */

.small_width {
    width: 20%;
}

span.hinweis {
    background-color: #ff9;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding: 4px;
}

p.center {
    text-align: center;
}

div.fehlerhinweis {
    background-color: red;
    color: black;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 auto;
    text-align: left;
    padding: 4px;
}

.fehlerhinweis ul {

}

.fehlerhinweis ul li {

}

div.fieldWithErrors input {
    background-color: #ff9;
}

div.errorExplanation, div#errorline {
    background-color: #ff9;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-size: 10pt;
}

div.popup-window {
  font-size: 12px;
  background-color: #ebebeb;
  width: 550px;
  margin: 0 auto;
}

div.popup-window select {
  font-size:12px;
}

div.error_popup {
    background-color: rgba(200, 200, 200, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
}

h2#popup-window-title {
  background-color:#666;
  color:#fff;
  font-size: 130%;
  height: 14px;
  padding: 5px 0px 5px 5px;
}
ul#popup-tab-menu {
  border-width: 0px;
}

ul#popup-tab-menu li {
  height: 24px;
}

div#popup-container div.tab-content {
  background-color: #fff;
  margin: 0 6px 6px 6px;
  padding: 18px;
  width:500px;
  height:550px;
}

div.tab-content span#ends-at-select {
  margin-top: 6px;
}

div.tab-content a.button {
  line-height:20px;
  font-size:12px;
}

div.error_popupwindow {
    background-color: #ebebeb;
    border: 2px solid #FFC900;
    position: static;
    margin: 0 auto;
    margin-top: 20%;
    width: 530px;
    z-index: 1001;
    box-shadow: 8px 8px 8px #666;

}

div.error_popupwindow div.windowcaption {
    background-color: #666;
    color: #FFF;
    font-size: 9pt;
    font-weight: bold;
}

div.error_popupwindow div#buttons {
    text-align: center;
    margin-bottom: 10px;
}

div.error_popupwindow div.windowcaption h1 {
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-left: 5px;
    margin-top: 5px;

}

/* ------------------------ */
/* Tauschbörsen-Monats-Info-Popup & Tauschbörsen-Urlaubs-Info-Popup */

.account_popup {
    width: 600px !important;
}

#accounts_popup_tab_list ul.subsection_tabs_fake_new{
    margin: 0px;
}

#accounts_popup_pages {
    background-color: white;
    margin: 0px 10px 10px 10px;
    padding: 10px;
    border: 1px;
}

.accounts_popup_tab_page {
    border: 0 !important;
}


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

div.confirmation_popupwindow {
    background-color: #ebebeb;
    border: 2px solid white;
    position: static;
    margin: 0 auto;
    margin-top: 20%;
    width: 530px;
    z-index: 1001;
    box-shadow: 8px 8px 8px #666;

}

.confirm_image {
    margin-top: 5px;
    float: left;
}
ul.confirm_liste {
    list-style-type: none;
}


div.confirmation_popupwindow div.windowcaption {
    background-color: #a0a0a0;
    color: #FFF;
    font-size: 9pt;
    font-weight: bold;
}

div.confirmation_popupwindow div#buttons {
    text-align: center;
    margin-bottom: 10px;
}

div.confirmation_popupwindow div.windowcaption h1 {
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-left: 5px;
    margin-top: 5px;

}

div.errorExplanation h2 {
    font-size: 12pt;
    font-weight: 700;
}

label {
    color: #444;
    font-size: 10pt;
    font-weight: 700;
    padding-right: 4px;
}

.balkenBox {
    border: 1px solid #000;
    height: 20px;
    width: 100px;
}

.balkenBox .proceed {
    background-color: green;
    border: 1px solid #000;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    height: 20px;
}

td.scrollbutton {
    text-align: center;
    vertical-align: middle;
}

td.seg_dienst {
    background-color: #69f;
    width: 7px;
}

td.seg_freigabe {
    background-color: #fbffb9;
    width: 7px;
}

td.seg_angebote {
    background-color: #ff0;
    width: 7px;
}

td.Urlaub {
    background-color: #f99;
}

td.Schulferien {
    background-color: #ff95d5;
}

table.scroller {
    background-image: url(/images/scroll_middle.jpg);
    background-position: left center;
}

div#popupwindow {
    background-color: #ebebeb;
    border-bottom: 2px solid #003355;
    border-left: 2px solid #003355;
    border-right: 2px solid #003355;
    border-top: 2px solid #003355;
    left: 100px;
    margin: 0 auto;
    position: absolute;
    right: 100px;
    top: 200px;
    width: 530px;
    z-index: 100;
}

div#popupwindow_dienstplan_confirm {
    background-color: #ebebeb;
    border-bottom: 2px solid #003355;
    border-left: 2px solid #003355;
    border-right: 2px solid #003355;
    border-top: 2px solid #003355;
    left: 100px;
    margin: 0 auto;
    position: absolute;
    right: 100px;
    top: 200px;
    width: 430px;
    z-index: 100;
}

div.windowcaption {
    background-color: #a0a0a0;
    color: #FFF;
    font-size: 7pt;
}

div.windowcaption table {
    text-align: center;
    width: 100%;
}

div#popup_dienst {
    font-weight: 700;
}

table#funktionen {
    border-spacing: 1px;
    margin: 6px;
    padding: 6px;
    width: 100%;
}

table#funktionen tr {
    line-height: 1.5em;
}

table.statusbar {
    background-color: #a0a0a0;
    color: #FFF;
    font-size: 9pt;
    width: 100%;
}

table{
    width: 100%;
}

table.Legende td {
    font-size: 8pt;
}

table.logintable tr td {
    padding-bottom: 2px;
    padding-top: 2px;
}

table.holiwish {
    border-spacing: 3px;
}

table.holiwish tr td {
    margin: 4px;
    padding: 4px;
}

table.appframe, table.innercontents {
    border: 0;
    border-spacing: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

a.nodeco, td.seg_dienst a, td.seg_freigabe a, td.seg_angebote a {
    color: #000;
    text-decoration: none;
}

td.right, td.rightcell {
    text-align: right;
}

table.dataentry, table.logintable {
    border: 1px solid #707070;
    padding: 3px;
}

table.dataentry td, table#funktionen td {
    padding: 3px;
}

#dienstgeneratorentry select, #dienstgeneratorentry input {
    font-size: 7pt;
}

table.tauschangebot td, table.statusbar td {
    text-align: center;
}

table.tauschangebot td.left, table.calendarview td.left {
    text-align: left;
}

tr.datasubheader {
    background-color: #009999;
    color: #fff;
    padding: 0 0 0 0;
}

tr.datasubheader td,
tr.datasubheader th {
    font-weight: 400;
    padding: 0 0 0 0;
}

tr.dpkatline, tr.userkvregionline {
    padding: 0 0 0 0;
}

tr.dpkatline td, tr.userkvregionline td {
    padding: 0 0 0 0;
}

/* Kategorienansicht */
.katliste {
    float: left;
}

.dropliste {
    width: 200px;
}

.dropliste option.assigned {
    font-size: 8pt;
    color: black;
}

.dropliste option.unassigned {
    font-size: 9pt;
    color: black;
    background-color: #E0FFFF;
}

.listentitel {
    border: 1px solid gray;
    padding: 1px;
    background-color: #E0E0E0;
    text-align: center;
    line-height: 1.4em;
}

/* Allgemeine Hinweisbox */

table.allgemeinerhinweis {
    border: 1px solid rgb(170, 174, 222);
    padding: 2px;
    width: 670px;
}

.allgemeinerhinweis td {
    padding: 3px;
}

/**********************************************************************************************************************/
/* Farben und Gestaltung des Dienstkalenders 2*/
/**********************************************************************************************************************/

div#callegend {
    background-color: #ddd;
    bottom: 0 !important;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    height: 25px;
    left: 170px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    z-index: 80;
}

table#calmonth, table#caldatatab, table#callegtab {
    border: 0;
    table-layout: auto;
}

table#caldatatab td {
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: top;
}

table#callegtab td {
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: middle;
    font-size: 8.5pt;
}

table#calmonth td {
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

table#callegtab td img, table#caldatatab td img {
    border: 0;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
}

table td img.inholidays {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-left: 2px;
}

table#callegtab td img.inholidays, table#caldatatab td img.inholidays {
    width: 15px;
    height: 15px;
    margin-top: 0px;
}

table#calmonthnames tr {
    color: blue;
    font-weight: bold;
}

table#callegtab tr {
    line-height: 18px;
    vertical-align: middle;
}

table#calmonthnames tr td a, a.monthlink {
    text-decoration: none;
    font-weight: bold;
    color: #003355;
}

table#calmonthnames tr td.thismonth {
    background-color: yellow;
    color: black;
}

td.wt_6 {
    background-color: #f6f6c2;
}

td.wt_0 {
    background-color: #e6e682;
}

td.wt_feiertag {
    background-color: red;
}

td.cal_namecol {
    width: 160px !important;
    overflow-x: hidden;
}

td.cal_namecol a {
    font-weight: bold;
    text-decoration: none;
}

/**********************************************************************************************************************/
/*                  KALENDERZEILE                                                                                     */
/*                                                                                                                    */
/*    Die Zeile des angemeldeten Benutzers wird gesondert markiert!                                                   */
/**********************************************************************************************************************/
tr.dataline_eigen {
    background-color: #ffff99;
}

tr.dataline_eigen td.cal_namecol {
    color: #000;
    text-align: left;
}

tr.dataline_eigen td {
    text-align: center;
    width: 22px;
}

td.clickable, .clickable {
    cursor: pointer;
}

td.clickable:hover {
    background-color: #999999;
}

/*td.main_logo {*/
/*background: url("/images/logo.gif") no-repeat left center;*/
/*height: 91px;*/
/*padding-left: 5px;*/
/*text-align: right;*/
/*width: 350px;*/
/*}*/

td.mainmenu_td,
#div_mainmanue {
    width: 168px;
}

td.topmenu {
    height: 148px;
    color: red;
    vertical-align:top;
    padding: 0;
}

div.systemoption_head {
    background-color: #bbb;
    padding: 2px 5px 2px 5px;
    margin-top: 5px;
}

div.systemoption_head h1 {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

div.systemoption_subhead {
    margin-top: 5px;
    padding: 2px 5px 2px 5px;
    margin-top: 5px;
    background-color: #ddd;
}

div.systemoption_subhead h2 {
    font-size: 13px;
    margin: 0;
    padding: 3px 0px 5px 0px;
}

div.systemoption_subhead table.datatable {
}

div.systemoption_childs {

}

img.inactive {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -opera-opacity: 0.5;
}

/*Erzeugt das kleine Dreieck vor dem selektierten Menüpunkt*/
a.submenu_selected:before {
    content: "";
    float: left;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #990033;
    margin-top: 3px;
    margin-left: -7px;
    margin-right: 0px;
}


div.holiday {
    background: url("../images/cal_symbols/urlaub.png") no-repeat -2px -2px;
    height: 24px;
    width: 24px;
}

div.holiday_rahmen {
    background-color: white;
    border: white; /* 1px solid #9C9C9C; */
}

div.tooshort {
    background-image: url("../images/cal_symbols/tooshort.gif");
    width: 18px;
}

div.tooshort img {
    margin-top: 2px;
}

.systemoption_head {
    cursor: pointer;
}

.systemoption_subhead {
    cursor: pointer;
}

/* Formate für den Tabellenkalender */
#tablecalendar td {
    text-align: center;
    border: 1px solid black;
}

/**********************************************************************************************************************/
/*                                         Silver                                                                     */
/**********************************************************************************************************************/

.calendar_date_select {
    border: #777 1px solid;
    color: white;
    display: block;
    width: 195px;
    z-index: 1200;
}

/* this is a fun ie6 hack to get drop downs to stay behind the popup window.
This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
    position: absolute;
    z-index: 999;
}

.calendar_date_select thead th {
    background-color: #000;
    border-bottom: 2px solid #333;
    border-top: 1px solid #777;
    color: white !important;
    font-weight: bold;
}

.calendar_date_select .cds_buttons {
    background-color: #555;
    padding: 5px 0px;
    text-align: center;
}

.calendar_date_select .cds_footer {
    background-color: black;
    padding: 3px;
    font-size: 12px;
    text-align: center;
}

.calendar_date_select table {
    margin: 0px;
    padding: 0px;
}

.calendar_date_select .cds_header {
    background-color: #ccc;
    border-bottom: 2px solid #aaa;
    text-align: center;
}

.calendar_date_select .cds_header span {
    font-size: 15px;
    color: black;
    font-weight: bold;
}

.calendar_date_select select {
    font-size: 11px;
}

.calendar_date_select .cds_header a:hover {
    color: white;
}

.calendar_date_select .cds_header a {
    color: black !important;
    font-size: 14px;
    height: 20px;
    text-decoration: none;
    width: 22px;
}

.calendar_date_select .cds_header a.prev {
    float: left;
}

.calendar_date_select .cds_header a.next {
    float: right;
}

.calendar_date_select .cds_header a.close {
    float: right;
    display: none;
}

.calendar_date_select .cds_header select.month {
    width: 90px;
}

.calendar_date_select .cds_header select.year {
    width: 61px;
}

.calendar_date_select .cds_buttons a {
    color: white;
    font-size: 9px;
}

.calendar_date_select td {
    background-color: #666666;
    font-size: 12px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    width: 24px;
}

.calendar_date_select td.weekend {
    background-color: #606060;
}

.calendar_date_select td div {
    color: #fff;
}

.calendar_date_select td div.other {
    color: #888;
}

.calendar_date_select td.selected div {
    color: black;
}

.calendar_date_select tbody td {
    border-bottom: 1px solid #555;
}

.calendar_date_select td.selected {
    background-color: white;
}

.calendar_date_select td:hover {
    background-color: #ccc;
}

.calendar_date_select td.today {
    border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
    color: #454545;
}

.fieldWithErrors .calendar_date_select {
    border: 2px solid red;
}



/**********************************************************************************************************************/
/* Benutzerdaten */
/**********************************************************************************************************************/

/*Individuelle Tabeinstellungen*/

.tab_page.user_tab_page {
    border: none;
}

.tab_page.report_structure_multi_edit_tab_page {
    border: none;
}

.tab_page table {
    width:auto;
    margin:auto;
}

.user_tab_page table {
    width: 100%;
}

.contract_tab_page {
    height: 600px;
    overflow: auto;
    padding-top: 30px;
}

.contract_tab_page table {
    width: 100%;
}

.tab_page.fax_config_tab_page {
    border: none;
}
.tab_page.email_config_tab_page {
    border: none;
}
.tab_page.communication_configs_tab_page {
    border: none;
    min-height: 450px;
}
/**********************************************************************************************************************/
/* Report-Center */
/**********************************************************************************************************************/

/* Tabs und Seiten */
#report_center_pages, #report_generator_pages {
    height:500px;
}

.report_center_tab_page {
    overflow: auto;
    height: 530px;
}

.report_generator_tab_page {
    overflow: auto;
    height: 490px;
}


/* Report-Start-Seite*/
#report_input_content {
    height:520px;
}

#report_input {
    height:490px;
    overflow:auto;
}

#report_commit {
    height:30px;
}

table.report_input {
    width:90%;
}

div.report_dynamic_input {
    max-height: 170px;
    overflow: auto;
    width:445px;
}

select.report_dynamic_input  {
    width:447px;
}

input.report_dynamic_input {
    width:443px;
}

textarea.report_dynamic_input {
    height: 80px;
    width: 443px;
    overflow: auto;
}

td.report_input_label {
    width:280px;
}

#report_center, #report_generator {
    width: 1000px;
    margin: auto;
}

#report_center_content, #report_generator_content{

}

/* Report-Seite-Anzeige-Ergebnisse */
#report_center_page_report_center_tab_show_my_reports {
    border-color: red;
}

#my_reports_data_table {
    margin-top: 25px;
    width: 700px;
}


/* Report-Seite-Generator-Table */

#report_generator_table_header {
    margin-top:25px;
}

#report_generator_table_div {
    height:465px;
    overflow:auto;
}

#report_generator_template_div {
    height:50px;
}


/* Report-Generator */

/* Status-Anzeige */
#report_control {
    position: relative;
    margin-bottom: 0px;
    height: 120px;
    /*border: 1px solid black;*/
}

ul.report_control{
    padding-left:0;
    margin-left:1px;
}

li.report_control {
    float:left;
    list-style-type:none;
    height:20px;
    text-align:center;
    line-height: 20px;
    /*background-color: red;*/
    /*color:white*/
}

li.report_progress {
    width:90px;
    border: 1px solid black;
    margin-left:-1px; /* um überlagernde 'doppelte' borders zu verhindern */
}

li.report_progress_success {
    background-color: #228b22;
    color: white;
}

li.report_status {
    margin-left:10px;
    margin-right:10px;
}


/* Seite Stammdaten */
.report_generator {
    width:300px;
}

textarea.report_generator {
    height:180px;
}

/* Seite Zuordnungen */

/* ... Userrollen */
div#report_generator_userroles_multi_check_box {
    height: 155px;
    width: 99%;
    overflow: auto;
}

/* ... Kvregions */
div#report_generator_kvregions_multi_check_box {
    height: 300px;
    width: 350px;
    overflow: auto;
}

/* ... Input-Table */
div.report_generator_input {
    overflow: auto;
    /*width: 898px;*/
    height: 428px;
}

/* Seite Design */
select.report_generator_designs {
    width:250px;
}

.report_generator_designs_label {
    width:280px;
}

/* Seite Dateneingabe */
select.report_generator_sources {
    width:250px;
}

td.report_generator_sources_label  {
    width:250px;
}

/* Seite Datenregeln */
.report_generator_data_rules {
    width:230px;
}

.report_generator_data_rules_label {
    width:200px;
}

td.report_generator_constraint_multi_tab {
    width:600px;
    height:300px;
}

#report_generator_constraints_tab_list {
    width:21%;
    height:100%;
}

/* ...Tab-Liste */
#report_generator_constraints_tabs {
    /*width:100%;*/
    /*height:100%;*/
}

/* ...Tab-Li-Element */
li.report_generator_constraints_tab {
    width:80%;
}

li.report_generator_constraints_tab a {
    /*width:100%;*/
}

#report_generator_constraints_pages {
    width:79%;
    height:100%;
}

.report_generator_constraints_tab_page {
    overflow:auto;
    width:100%;
    height:100%;
}


/* Seite Gliederung */
/* ... Gliederungsanzeige */
td.report_generator_structure_sub_unit {
    width: 780px;
    height: 300px;
}

#report_structure_content {
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

#report_structure_current {
    float: left;
    width: 55%;
    height: 100%;
}

#report_structure_show_content {
    overflow: auto;
    height: 100%;
}

/* ... Eingabe */
#report_structure_input {
    float: left;
    width: 45%;
    height: 100%;
    border-left: 1px solid black;
    margin-left: -1px;
}


textarea.report_generator_structure_input_data {
    width:236px;
    height:75px;
}

select.report_generator_structure_input_data {
    width:240px;
}

ul.report_sub_structure {
    margin-left: -10px;
    margin-top:0;
    margin-bottom:0;
}

div.report_sub_structure_transformation {
    border: 1px dashed grey;
}

ul.report_sub_structure li.report_sub_structure_transformation {
    margin-left: -15px;
    list-style-type: none;
}

a.sub_structure_transformation {
    color: grey;
}

/* ... '+' sowie 'up'-/'down'-Pfeile */
.element_add {
    background: url("../images/plus_4.png") no-repeat scroll center transparent;
    border:none;
}
.element_add:hover {
    background: url("../images/plus_5.png") no-repeat scroll center transparent;
    border:none;
}
.element_position_up {
    background: url("../images/pfeil_ob_999_4.png") no-repeat scroll center transparent;
}
.element_position_up:hover {
    background: url("../images/pfeil_ob_999_5.png") no-repeat scroll center transparent;
}
.element_position_down {
    background: url("../images/pfeil_un_999_4.png") no-repeat scroll center transparent;
}
.element_position_down:hover {
    background: url("../images/pfeil_un_999_5.png") no-repeat scroll center transparent;
}


/* ... Commit-SubTable */
div.report_generator_commit {
    height: 60px;
    /*width: 898px;*/
}

table.report_generator_commit {
    width: 100%;
}

/* ... Formatierung */
#report_generator_structure_multi_edit_form {
    overflow: auto;
    height:100%;
    width:100%;
}

table.report_generator_structure_multi_edit_form {
    width: 100%;
}

#report_generator_structure_multi_edit_header_div {
    margin-top:12px;
    margin-left:250px;
    height:25px;
}

#report_generator_structure_multi_edit_tabs_div {
    margin-top:-35px;
    overflow: auto;
    height:265px;
}

#report_structure_multi_edit_page_structure_format_format,
#report_structure_multi_edit_page_structure_format_function,
#report_structure_multi_edit_page_structure_format_style,
#report_structure_multi_edit_page_structure_content {
    border:none;
}

#report_generator_structure_multi_edit_footer_div {
    height:30px;
}

.report_generator_format, .report_generator_content {
    width:160px;
    height:23px;
}

input.report_generator_content {
    width:130px;
    height:20px;
}

input.report_generator_format {
    width:156px;
    height:20px;
}

#structure_format_font_color,
#structure_format_table_color_1,
#structure_format_table_color_2,
#structure_format_background_color {
    width:130px;
    height:20px;
}

td.structure_content_label {
    padding-left:20px;
    width:170px;
}

textarea.report_generator_content {
    width:90%;
    height:110px;
}

select.report_generator_content {
    width:74%;
}

#structure_content_inline_format,
#structure_content_place_holder {
    margin-right: 5px;
}

/* ... Preview - Button */
.report_preview {
    margin-left:4px;
}

#report_preview_spinner {
    margin-top:4px;
}


/* Standorte */

div#plzsforstandort {
    height: 250px;
    overflow: auto;
    width: 100%
}

table.plz {
    margin-left: -2px
}

div#errorline_standorte {
    display: none;
    width: 374px;
    margin-left: 5px;
}

input#plz_bis, input#plz_von {
    width: 50px;
}

tr.plz {
    height: 30px;
}

input.standort {
    width: 100%;
}

select.standort {
    width: 102%;
}

/* Holidays */
select.holiday {
  width: 100%;
}

/* User-Holidays */
select.user_holiday {
}

tr.user_holidays {

}

td.user_holidays {
  text-align: center;
}

div#user_holidays {
    height: 220px;
    width: 100%;
    overflow: auto;
}

div#user_possible_holidays {
    height: 220px;
    width: 100%;
    overflow: auto;
}

/* Lohnarten */
#lohnarten {
    width: 1000px;
    margin: auto;
}

.lohnarts_and_tarif_groups_tab_page {
    overflow: auto;
    height: 530px;
}

#tarif_group_table_div {
    margin: 35px;
}

div.lohnarts_and_tarif_groups_tab_page {
    padding-top: 10px;
}

input[type~=checkbox].lohnart {
    margin-left: 0px;
    width: 8%;
    background-color: white;
    border: white;
}

textarea.lohnart {
    width: 99%;
    height: 120px;
}

div#lohnart_public_holidays_multi_check_box {
    height: 150px;
    overflow: auto;
}

/* Info-Lohnarten */
div.info_lohnart_edit {
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
}

div.info_lohnart_edit_submit {
    text-align: center;
    margin-top: 10px;
}

table.info_lohnart_edit tr td:first-child {
    width: 20%;
}

textarea.info_lohnart {
    width: 85%;
    height: 120px;
}

/* Tarifgruppen */
div#errorline_tarif_groups {
    display: none;
    width: 374px;
    margin-left: 5px;
}

table.tarif_group_edit {
    width: 510px;
}

table td.tarif_group_edit {
    width: 250px;
}

input.tarif_group {
    width: 99%;
}

select.tarif_group {
    width: 100%;
}

div#tarif_lohnarts {
    height: 250px;
    width: 99%;
    overflow: auto;
}

/* Absence_Reasons */
input.absence_reason {
    width: 99.3%;
}

input[type~=checkbox].absence_reason {
    margin-left: 0px;
    width: 8%;
    background-color: white;
    border: white;
}

select.absence_reason {
    width: 100.5%;
}

div#absence_lohnarts {
    height: 250px;
    width: 99%;
    overflow: auto;
}

/* Qualifikationen */

/* Qualifikationsgruppen */
table.qualification_group_edit {
    width: 510px;
}

table td.qualification_group_edit {
    width: 250px;
}

input.qualification_group {
    width: 99%;
}

select.qualification_group {
    width: 100%;
}

div#group_qualifications {
    height: 250px;
    width: 99%;
    overflow: auto;
}





/* Verträge (contracts) */
div#errorline_contract {
    display: none;
    width: 374px;
    margin-left: 5px;
}

table.contract_edit {
    width: 850px;
}

table td.contract_edit {
    width: 250px;
}

input.contract_split_edit {
    width:98%;
}

table td.contract_limits {
    width: 147px;
}

input.contract {
    width: 91%;
}

select.contract {
    width: 100%;
}

input[type~=checkbox].contract {
    width:auto;
}

div#contract_lohnarts {
    height: 220px;
    width: 99%;
    overflow: auto;
}

div#contract_info_lohnarts {
    height: 180px;
    width: 99%;
    overflow: auto;
}

div#contract_cost_centers {
    height: 410px;
    width: 99%;
    overflow: auto;
}



/* Zentrale Abrechnung */

.central_deduction_tab_page {
    height: 650px;

}

.central_deduction_tab_page > div {
    padding: 25px;
}


#central_deduction_div {
    height: 600px;
    margin:auto;
}


#central_deduction_table_div {
    height: 550px;
    margin: auto;
    overflow: auto;
}

#central_deduction-calendar_div, #calendar_holidays_deduction-calendar_div {
    width: 350px;
    height: 24px;
    margin: auto;
    margin-bottom: 26px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: center;
    font-weight: bold;
}

/* Kostenstellen */
input.cost_center {
    width: 99%;
}

select.cost_center {
    width: 100%;
}


div#cost_center_kvregions {
    height: 250px;
    width: 99%;
    overflow: auto;
}



/* Berechnungsparameter */
div#errorline_calc_params {
    display: none;
    width: 374px;
    margin-left: 5px;
}

input.calcparams {
    width: 98%;
}

select.calcparams {
    width: 100%;
}

div#errorline_module_params {
    display: none;
    width: 374px;
    margin-left: 5px;
}

input.modparams {
    width: 99%;
}

textarea.modparams {
    width: 235px;
    height: 80px;
}

select.modparams {
    width: 100%;
}

/* Aufbewahrungsfristen */
div#errorline_storage {
    display: none;
    width: 374px;
    margin-left: 5px;
}

input.storage {
    width: 98%;
}

select.storage {
    width: 100%;
}



/* Angestelltenverhältnisse */
div#errorline_employment {
    display: none;
    width: 374px;
    margin-left: 5px;
}

input.employment {
    width: 94%;
}

select.employment {
    width: 400px;
}

/* Dienstarten */

input.dienstart {
    width: 100%;
}

select.dienstart {
    width: 102%;
}

table.dienstart {
    margin-left: -4px;
}

table.inputform {
    cellspacing: 5;
    cellpadding: 0;
}

/* Screenticker */

select.screenticker {
    width: 99%;
}

textarea.screenticker {
    height: 70px;
    width: 98%;
}

/* Sonstiges */

div.innerdivmain {
    width: 700px;
    margin: auto;
}

/* Dokumentvorlagen */

input.documentvorlagen {
    width: 98%;
}

textarea.documentvorlagen {
    height: 150px;
    width: 98%;
}

select.documentvorlagen {
    width: 100%;
}

/* BDQMDocument */

div#documentgrouptokvregions {
    height: 250px;
    width: 95%;
    overflow: auto;

}

table#table_bdqm {
    margin-top: 5px;
}

div#bdqmdocumentlist {
    margin-top: 0px;
}

/* Tauschliste */

table#tauschliste {
    margin-top: 50px;
}

/* E-Mail-Groups */

div#emailgrouptotal {
    border: 1px solid black;
}

/* User */

#user_ort {
    margin-left: 0px;
}

#user_account, #user_password, #user_zusatzbezeichnung, #user_bdnr, #user_workforceid, #user_vorname, #user_telefon, #user_email {
    width: 202px;
}

#user_title, #user_notfallnummer, #user_strasse, #user_reservetelefon, #user_telefax {
    width: 202px;
}

select#user_userrole_id {
    width: 202px;
}

div.default_page_frame{
  width: 700px;
  margin: 0 auto;
}

/* Dienstplan */

select.dienstplan_select {
    /*width: 96%;*/
}


/* Screenticker */

#screenticker_content {
    border: 1px solid #9C9C9C;
}

/* Sonstiges */

td.mark_zero_weight {
}

#multiplan_table {
    width: 50%;
}

hr.hr_dienstplan {
    width: 90%;
}

.full_width_bdqm {
    width: 95%;
}

#documenttokvregions {
    height: 250px;
    width: 95%;
    overflow: auto;
}

.kvnregion_input {
    width: 95%;
}

/*Gesonderte Kennzeichnung von Ärzten mit 0-Stellen Kreiszuordnung in der Tauschbörsenansicht*/
table#caldatatab tr td.mark_zero_weight {
    background-color: #E1E1E1;
}

#dienstplan_title {
    width: 99.5%;
    /*max-width: 550px;*/
}

select.dienstplan_select {
    width: 100%;
    /*max-width: 550px;*/
    /*position: absolute*/
}

a.dienstplan_button {
    display:block;
    width: 160px;
}

.dienstgenerator_params {
    display:block;
    width:100%
}

#dienstgenerator_title {
    display:block;
    width:98.5%
}

/* Fadenkreuz der Tauschbörsenansicht */

table#caldatatab td.odd {
    background-color: #d8d8d8;
}

/* Vertikal */

table#caldatatab td.hovered {
    background-color: #f9f7ac;
}

/* Horizontal */
table#caldatatab tr:hover td {
    background-color: #f9f7ac;
}

tr.dataline1 td.nopadding, tr.dataline2 td.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

tr.dataline1 td.headfield, tr.dataline2 td.headfield {
    color: #FFFFFF;
    padding: 0 2px;
    vertical-align: middle;
    height: 15px;
}

/* Einstellungen --> Menü */

td.headfield_submenu {
    color: #FFF;
    padding: 0 0px;
    vertical-align: middle;
}

.sub_menu_row a {
    font-weight: normal !important;
}

#fa_all {
    padding-left: 4px;
}

#main_menu_pos {
    width: 40px;
}

#main_menu_desc {
    width: 300px;
}

#main_menu_page_title {
    width: 300px;
}

#main_menu_up {
    width: 30px;
}

#main_menu_down {
    width: 30px;
}

#main_menu_deactivate {
    width: 30px;
}

#menu_edit_div {
    margin-top: 25px;
}

.menu_edit input {
    width: 400px;
}

.menu_edit textarea {
    width: 400px;
    height: 80px;
}

#menu_save_buttons {
    text-align: center;
}





.width200 {
    width: 150px;
    background-color: #ff0000;
}


.selectbox.items li.selected > .item {
/* jQuery Selectbox-Styling!*/
    background-color: #3333ff;
    color: #ffffff;
}

#user_segment_status{
  color: red;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
/**********************************************************************************************************************/
/* Styling für den Tauschkalender für Dienste */
/**********************************************************************************************************************/

.modal .modal_warning_text {
    font-size: 10pt;
}

.closely-spaced-service {
  border-top: solid 2px red;
  border-bottom: solid 2px red;
  background-color: red;
}

.window-close {
  cursor:pointer;
}


select#new_user_id option {
  width: 200px;
}

#calendar-toolbar {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 3px 0px 3px 3px;
line-height:24px;
background: none repeat scroll 0% 0% #ededed;
}
table#shift-exchange-calendar td a,
div.legend a {
  color: #000;
  text-decoration: none;
}

#shift-exchange-calendar td span.grayed-out, td span.grayed-out {
  opacity:0.5;
  filter: alpha(opacity=50);
}

span.admin_info:before {
    content: "";
    float: left;
    width: 0;
    height: 0;
    margin-left: -4px;
    margin-right: -8px;
    margin-top: -2px;
    border-top: 6px solid var(--admin-info-color);
    border-right: 6px solid transparent;
    border-left: 6px solid var(--admin-info-color);
    border-bottom: 6px solid transparent;
    border-radius: 3px 0 0 0;
}

span.additional_info:after {
    content: "";
    float: right;
    width: 0;
    height: 0;
    margin-left: -8px;
    margin-right: -4px;
    margin-bottom: -2px;
    margin-top: 4px;
    border-top: 6px solid transparent;
    border-right: 6px solid var(--additional-info-color);
    border-left: 6px solid transparent;
    border-bottom: 6px solid var(--additional-info-color);
    border-radius: 0 0 3px 0;
}

.arrow-left, .arrow-left:hover, .arrow-right, .arrow-right:hover {
  background: url(/images/arrow_sprites.png) no-repeat;
}

.arrow-left a, .arrow-left:hover a, .arrow-right a, .arrow-right:hover a {
  width: 100%;
  height: 100%;
}

.arrow-left{
  background-position: -25px -25px ;
  width: 24px;
  height: 24px;
}

.arrow-left:hover{
  background-position: 0 -25px ;
  width: 24px;
  height: 24px;
}

.arrow-right{
  background-position: -24px 0;
  width: 24px;
  height: 24px;
}

.arrow-right:hover{
  background-position: 0 0;
  width: 24px;
  height: 24px;
}

.euro-green-year, .euro-yellow-year, .euro-red-year,
.euro-green-month, .euro-yellow-month, .euro-red-month,
.time-green, .time-yellow, .time-red,
.service-green, .service-yellow, .service-red {
  background: url(/images/signal_sprites.png) no-repeat;
  margin: auto;
  width: 36px;
  height: 36px;
}

.empty-signal {
  width: 36px;
  height: 36px;
}


.euro-green-year-c, .euro-green-month-c, .time-green-c, .service-green-c{
    color: black;
}

.euro-yellow-year-c, .euro-yellow-month-c, .time-yellow-c, .service-yellow-c {
    background-color: #F1F38F;
    color: black;

}

.euro-red-year-c, .euro-red-month-c, .time-red-c, .service-red-c{
    color: white;
    background-color: #ee6b6b;
}


.euro-yellow-year{
  background-position: -37px -36px ;
}

.euro-yellow-month{
  background-position: -37px 0;
}

.euro-green-year{
  background-position: -74px -36px ;
}

.euro-green-month{
  background-position: -74px 0;
}

.euro-red-year{
  background-position: 0 -36px ;
}

.euro-red-month{
  background-position: 0 0;
}

.time-yellow{
  background-position: -37px -71px ;
}

.time-red{
  background-position: 0 -71px ;
}

.time-green{
  background-position: -74px -71px ;
}

.service-yellow{
    background-position: -37px -106px ;
}

.service-red{
    background-position: 0 -106px ;
}

.service-green{
    background-position: -74px -106px ;
}

#info ul#info-list {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
}
#info ul#info-sublist{
  padding-left:0px;
  list-style:none;
}

.word-wrap-break {
  word-wrap:break-word;
}

/* Monthpicker */

.ui-widget-header {
  background-color: #ccc;
  border: 1px solid #aaa;
}
/* End Monthpicker */

.error-field {
  border: 2px solid red;
}

div.legend{
  border: 1px solid #ddd;
  padding: 2px;
  margin: 6px 0 6px 0;
}

div.legend div.label,
div.legend div.legend-items{
  float:left;
}
div.legend div.label{
  padding-top:6px;
  width:75px;
}

div.legend ul:before,
div.legend ul:after {
  content: "";
  display: table;
  line-height: 0;
}

div.legend ul:after{
  clear: both;
}

div.legend ul{
  margin:0;
  padding:0 10px 0 10px;
  list-style: none outside none;
}

div.legend ul li{
  border-left: 1px solid #ddd;
  padding-left: 10px;
  margin-left: 10px;
}

div.legend ul li span.label{
  border-left: none;
}

div.legend ul li.label + li span.label{
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

div.legend ul li.label{
  font-weight: bold;
  margin-right: 10px;
}

div.legend ul li{
  float:left;
  padding: 6px 0 6px 6px;
}

span.close_window, .close_window:hover{
  background: url(/images/close_button_sprites.png) no-repeat;
  cursor: pointer;
}

span.close_window:hover{
  background-position: -24px 0;
  width: 24px;
  height: 24px;
}

span.close_window{
  background-position: 0 0;
  width: 24px;
  height: 24px;
}

input[type~=checkbox] {
    background-color: transparent;
    border: 0px;
    margin:0px;
}

input[type~=radio] {
    background-color: transparent;
    border: 0px;
    margin:0px;
}

table.segmentsTable tbody {
    max-height: 262px;
}

table.scrollTable tbody tr {
  display:table;
}

table.segmentsTable th {
    width: 666px;
}

table.segmentsTable td.wday  {
    width: 30px;
}

table.segmentsTable td.userName,
table.segmentsTable td.userName div {
    word-wrap: break-word;
    width: 140px;
}

table.segmentsTable td.start  {
    width: 80px;
}

table.segmentsTable td.end  {
    width: 100px;
}

table.segmentsTable td.title,
table.segmentsTable td.title div {
    width: 205px;
    word-wrap: break-word;
}

table.segmentsTable td.icon  {
    width: 40px;
}

.dataTables_wrapper {
    clear: both;
    position: relative;
}
.dataTables_processing {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #999999;
    font-size: 14px;
    height: 30px;
    left: 50%;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 250px;
}
.dataTables_length {
    float: left;
    width: 40%;
}
.dataTables_filter {
    float: right;
    text-align: right;
    width: 50%;
}
.dataTables_info {
    float: left;
    width: 60%;
}
.dataTables_paginate {
    float: right;
    text-align: right;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    color: #111111 !important;
    cursor: pointer;
    float: left;
    height: 19px;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: medium none;
}
.paginate_disabled_previous, .paginate_disabled_next {
  display:none;
}
.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
    margin-left: 10px;
    padding-right: 23px;
}
.paginate_disabled_previous {
    background: url("../images/back_disabled.png") no-repeat scroll left top transparent;
}
.paginate_enabled_previous {
    background: url("../images/back_enabled.png") no-repeat scroll left top transparent;
}
.paginate_enabled_previous:hover {
    background: url("../images/back_enabled_hover.png") no-repeat scroll left top transparent;
}
.paginate_disabled_next {
    background: url("../images/forward_disabled.png") no-repeat scroll right top transparent;
}
.paginate_enabled_next {
    background: url("../images/forward_enabled.png") no-repeat scroll right top transparent;
}
.paginate_enabled_next:hover {
    background: url("../images/forward_enabled_hover.png") no-repeat scroll right top transparent;
}
table.display {
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table.display thead th {
    border-bottom: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
table.display tfoot th {
    border-top: 1px solid black;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
table.display tr.heading2 td {
    border-bottom: 1px solid #AAAAAA;
}
table.display td {
    padding: 3px 10px;
}
table.display td.center {
    text-align: center;
}
.sorting_asc {
    background: url("../images/sort_asc.png") no-repeat scroll right center transparent;
}
.sorting_desc {
    background: url("../images/sort_desc.png") no-repeat scroll right center transparent;
}
.sorting {
    background: url("../images/sort_both.png") no-repeat scroll right center transparent;
}
.sorting_asc_disabled {
    background: url("../images/sort_asc_disabled.png") no-repeat scroll right center transparent;
}
.sorting_desc_disabled {
    background: url("../images/sort_desc_disabled.png") no-repeat scroll right center transparent;
}
table.display thead th:active, table.display thead td:active {
    outline: medium none;
}
table.display tr.odd.gradeA {
    background-color: #DDFFDD;
}
table.display tr.even.gradeA {
    background-color: #EEFFEE;
}
table.display tr.odd.gradeC {
    background-color: #DDDDFF;
}
table.display tr.even.gradeC {
    background-color: #EEEEFF;
}
table.display tr.odd.gradeX {
    background-color: #FFDDDD;
}
table.display tr.even.gradeX {
    background-color: #FFEEEE;
}
table.display tr.odd.gradeU {
    background-color: #DDDDDD;
}
table.display tr.even.gradeU {
    background-color: #EEEEEE;
}
tr.odd {
    background-color: #E2E4FF;
}
tr.even {
    background-color: #FFFFFF;
}
.dataTables_scroll {
    clear: both;
}
.dataTables_scrollBody {
}
.top, .bottom {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    padding: 15px;
}
.top .dataTables_info {
    float: none;
}
.clear {
    clear: both;
}
.dataTables_empty {
    text-align: center;
}
tfoot input {
    color: #444444;
    /*margin: 0.5em 0;*/
}
tfoot input.search_init {
    color: #999999;
}
td.group {
    background-color: #D1CFD0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}
td.details {
    background-color: #D1CFD0;
    border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
    width: 40%;
}
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
    width: 400px;
}
.paging_full_numbers a:active {
    outline: medium none;
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #AAAAAA;
    color: #333333 !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
}
.paging_full_numbers a.paginate_button {
    background-color: #DDDDDD;
}
.paging_full_numbers a.paginate_button:hover {
    background-color: #CCCCCC;
    text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}
table.display tr.even.row_selected td {
    background-color: #B0BED9;
}
table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}
tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}
tr.odd td.sorting_2 {
    background-color: #DADCFF;
}
tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}
tr.even td.sorting_1 {
    background-color: #EAEBFF;
}
tr.even td.sorting_2 {
    background-color: #F2F3FF;
}
tr.even td.sorting_3 {
    background-color: #F9F9FF;
}
tr.odd.gradeA td.sorting_1 {
    background-color: #C4FFC4;
}
tr.odd.gradeA td.sorting_2 {
    background-color: #D1FFD1;
}
tr.odd.gradeA td.sorting_3 {
    background-color: #D1FFD1;
}
tr.even.gradeA td.sorting_1 {
    background-color: #D5FFD5;
}
tr.even.gradeA td.sorting_2 {
    background-color: #E2FFE2;
}
tr.even.gradeA td.sorting_3 {
    background-color: #E2FFE2;
}
tr.odd.gradeC td.sorting_1 {
    background-color: #C4C4FF;
}
tr.odd.gradeC td.sorting_2 {
    background-color: #D1D1FF;
}
tr.odd.gradeC td.sorting_3 {
    background-color: #D1D1FF;
}
tr.even.gradeC td.sorting_1 {
    background-color: #D5D5FF;
}
tr.even.gradeC td.sorting_2 {
    background-color: #E2E2FF;
}
tr.even.gradeC td.sorting_3 {
    background-color: #E2E2FF;
}
tr.odd.gradeX td.sorting_1 {
    background-color: #FFC4C4;
}
tr.odd.gradeX td.sorting_2 {
    background-color: #FFD1D1;
}
tr.odd.gradeX td.sorting_3 {
    background-color: #FFD1D1;
}
tr.even.gradeX td.sorting_1 {
    background-color: #FFD5D5;
}
tr.even.gradeX td.sorting_2 {
    background-color: #FFE2E2;
}
tr.even.gradeX td.sorting_3 {
    background-color: #FFE2E2;
}
tr.odd.gradeU td.sorting_1 {
    background-color: #C4C4C4;
}
tr.odd.gradeU td.sorting_2 {
    background-color: #D1D1D1;
}
tr.odd.gradeU td.sorting_3 {
    background-color: #D1D1D1;
}
tr.even.gradeU td.sorting_1 {
    background-color: #D5D5D5;
}
tr.even.gradeU td.sorting_2 {
    background-color: #E2E2E2;
}
tr.even.gradeU td.sorting_3 {
    background-color: #E2E2E2;
}
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}
.ex_highlight_row #example tr.even:hover {
    background-color: #ECFFB3;
}
.ex_highlight_row #example tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
}
.ex_highlight_row #example tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
}
.ex_highlight_row #example tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
}
.ex_highlight_row #example tr.odd:hover {
    background-color: #E6FF99;
}
.ex_highlight_row #example tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
}
.ex_highlight_row #example tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
}
.ex_highlight_row #example tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
}
table.KeyTable td {
    border: 3px solid transparent;
}
table.KeyTable td.focus {
    border: 3px solid #3366FF;
}
table.display tr.gradeA {
    background-color: #EEFFEE;
}
table.display tr.gradeC {
    background-color: #DDDDFF;
}
table.display tr.gradeX {
    background-color: #FFDDDD;
}
table.display tr.gradeU {
    background-color: #DDDDDD;
}
div.box {
    background-color: #E5E5FF;
    border: 1px solid #8080FF;
    height: 100px;
    overflow: auto;
    padding: 10px;
}

table.date-picker td img,
table.date-picker td input,
table.date-picker td label {
  vertical-align: middle;
}

table.bookingTable {
  width:830px;
}

table.bookingTable thead {
  background-color: #6f746f;
}

table.bookingTable thead,
table.bookingTable tfoot {
  width:804px;
}

.bookingTable tbody td,
.bookingTable tfoot td {
  padding:3px 0px 3px 0px;
}

.bookingTable thead tr.dataheader th div {
  width:103px;
}

.bookingTable thead tr.dataheader th.account_name div,
.bookingTable tfoot tr td.empty_space div {
  width: 158px;
}

.bookingTable .account-column {
  width:80px;
}

.booking_not_sv_revelevant {
    color:grey;
}


.bookingTable thead tr.dataheader th.table_functions div,
.bookingTable td.booking-information div,
.bookingTable th.booking-information div{
  width: 561px;
}

.bookingTable tbody {
  width:100%;
  height:auto;
}

#shift-exchange-calendar tbody {
  height:300px;
  overflow:auto;
}

#shift-exchange-calendar.compact tbody {
    height:400px;
}
#shift-exchange-calendar th.sortable {
    cursor: pointer;
}

#shift-exchange-calendar th.stelle,
#shift-exchange-calendar th.stelle div,
#shift-exchange-calendar td.stelle {
    width:55px;
}

#shift-exchange-calendar.compact th.stelle,
#shift-exchange-calendar.compact th.stelle div,
#shift-exchange-calendar.compact td.stelle div.wrapper,
#shift-exchange-calendar.compact td.stelle {
  width:48px;
}

table#shift-exchange-calendar.compact td.stelle div.wrapper {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: '';
}


#shift-exchange-calendar th.holidays,
#shift-exchange-calendar th.holidays div,
#shift-exchange-calendar td.holidays {
  width:40px;
}
#shift-exchange-calendar.compact th.holidays,
#shift-exchange-calendar.compact th.holidays div,
#shift-exchange-calendar.compact td.holidays div,
#shift-exchange-calendar.compact td.holidays {
    width:61px;
}

table#shift-exchange-calendar.compact td.holidays div{
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ' ';
}


#shift-exchange-calendar th.sickdays,
#shift-exchange-calendar th.sickdays div,
#shift-exchange-calendar td.sickdays {
  width:40px;
}

#shift-exchange-calendar th.calendar-day,
#shift-exchange-calendar td.calendar-day {
  width:18px;
}

#shift-exchange-calendar th.calendar-day div,
#shift-exchange-calendar td.calendar-day div {
  width:16px;
}

table#shift-exchange-calendar td.calendar,
table#shift-exchange-calendar th.calendar {
  padding: 1px;
}

table#shift-exchange-calendar td.today,
table#shift-exchange-calendar th.today { background-color: #ffcc99; }

table#shift-exchange-calendar td.weekend,
table#shift-exchange-calendar th.weekend { background-color: #ededed; }

table#shift-exchange-calendar td.holiday,
table#shift-exchange-calendar th.holiday { background-color: #c2ced9; }

table#shift-exchange-calendar td.first-day-of-week,
table#shift-exchange-calendar th.first-day-of-week {
  border-left: 2px solid #666
}
table#shift-exchange-calendar th.calendar-week {

}

table#shift-exchange-calendar th.user-name,
table#shift-exchange-calendar th.user-name div,
table#shift-exchange-calendar td.user-name,
table#shift-exchange-calendar td.user-name div {
  word-wrap: break-word;
  width: 70px;
}

table#shift-exchange-calendar{
  width:1050px;
}

#shift-exchange-calendar th {
  vertical-align: bottom;
}

table#shift-exchange-calendar.compact th.user-name,
table#shift-exchange-calendar.compact th.user-name div,
table#shift-exchange-calendar.compact td.user-name,
table#shift-exchange-calendar.compact td.user-name div {
    word-wrap: break-word;
    width: 116px;
}

table#shift-exchange-calendar.compact td.user-name div {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#shift-exchange-calendar.compact  th.signal-year,
#shift-exchange-calendar.compact  td.signal-year,
#shift-exchange-calendar.compact  th.signal-month,
#shift-exchange-calendar.compact  td.signal-month {
    width: 47px;
}

#shift-exchange-calendar.compact th.signal-time,
#shift-exchange-calendar.compact td.signal-time,
#shift-exchange-calendar.compact th.signal-time div{
    width: 30px;
}

#shift-exchange-calendar th.signal-time,
#shift-exchange-calendar th.signal-year,
#shift-exchange-calendar th.signal-month,
#shift-exchange-calendar th.signal-time div,
#shift-exchange-calendar th.signal-year div,
#shift-exchange-calendar th.signal-month div,
#shift-exchange-calendar td.signal-time,
#shift-exchange-calendar td.signal-year,
#shift-exchange-calendar td.signal-month {
  width: 44px;
}
#shift-exchange-calendar th.calendar-week,
#shift-exchange-calendar th div.day-name {
  border-top-width: 0px;
  font-weight: normal;
}
#shift-exchange-calendar tr th:nth-last-child(2),
#shift-exchange-calendar tr td:nth-last-child(2) {
  border-right: 1px solid #ddd;
}
#shift-exchange-calendar th#calendar-control {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  width:500px;
  text-align:center
}
#shift-exchange-calendar tr#cost-center-row {
  border-top: 1px solid #ddd;
  background: #ededed;
}
#shift-exchange-calendar tr#cost-center-row th {
  border-right: none;
}
#popupFlash {
  display:none;
  border:1px solid;
  margin:6px 6px 6px 9px;
  padding: 6px;
  font-size:14px;
}

#popupFlash.error {
  border-color: ff00;
  background:#fcc;
}

#popupFlash.success {
  border-color: green;
  background:#cfc;
}

#popupFlash li {
  list-style-type: none;
  padding-bottom: 6px;
}

div.deduction-button,
div.deduction-button div {
  height:24px;
  width:24px;
  padding: 0 6px;
  float:left;
}
div.deduction-button,
div.deduction-button div {
  cursor:pointer;
}

div.deduction-button div.noedit {
  background: url(/images/kosten_icons/bearbeitung_sperren_4.png) no-repeat;
}
div.deduction-button div.noedit:hover {
  background: url(/images/kosten_icons/bearbeitung_sperren_5.png) no-repeat;
}
div.deduction-button div.edit {
  background: url(/images/kosten_icons/bleistift_4.png) no-repeat;
}
div.deduction-button div.edit:hover {
  background: url(/images/kosten_icons/bleistift_5.png) no-repeat;
}
div.deduction-button div.deduct {
  background: url(/images/kosten_icons/kosten_4.png) no-repeat;
}
div.deduction-button div.deduct:hover {
  background: url(/images/kosten_icons/kosten_5.png) no-repeat;
}
div.deduction-button div.confirm {
  background: url(/images/kosten_icons/okay_4.png) no-repeat;
}
div.deduction-button div.confirm:hover {
  background: url(/images/kosten_icons/okay_5.png) no-repeat;
}
div.deduction-button div.nosync {
  background: url(/images/kosten_icons/kosten_stop_4.png) no-repeat;
}
div.deduction-button div.nosync:hover {
  background: url(/images/kosten_icons/kosten_stop_5.png) no-repeat;
}
div.deduction-button div.sync {
  background: url(/images/kosten_icons/kosten_okay_4.png) no-repeat;
}
div.deduction-button div.sync:hover {
  background: url(/images/kosten_icons/kosten_okay_5.png) no-repeat;
}
table.scrollTable tfoot,
table.scrollTable thead {
  display:table;
}

table.scrollTable thead tr,
table.scrollTable tfoot tr {
  display: table-row;
}

table.scrollTable tbody {
    display: block;
    overflow: auto;
    width: 100%;
}

table.scrollTable th.no-space,
table.scrollTable td.no-space {
  width:0px !important;
  border:0px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#doctransmissionsearch {
  width:700px;
}
div#timeline {
  width:960px;
  height:20px;
  margin-left:77px;
  background-image:url("/images/zeitleiste.png");
}

table#qualification-calendar{
    width:1067px;
}

#qualification-calendar th#calendar-control {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width:1067px;
    text-align:center
}

div.qualification_container {
  font-size: 11px;
  width:1066px;
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid;
  border-right:none;
}
div.qualification_container span.qualification {
  cursor: pointer;
  position:absolute;
  padding: 2px;
  background-color:white;
  height: 11px;
  overflow:hidden;
}

div.qualification_container div.day {
  border-bottom: 1px solid black;
}

div.qualification_container div.row {
  position: relative;
  height: 20px;
}
div.qualification_container div.day_information {
  padding:5px;
  width:78px;
  float:left;
}
div.qualification_container div#timeline {
  width:960px;
  height:12px;
}
div.qualification_container div.day_rows {
  background-image:url('/images/zeitleiste_pixel_2.png');
  background-repeat: repeat-y;
  border-left: 1px solid #515151;
  float:left;
  width:960px;
  padding: 4px 0px 0px 0px;
}
div.qualification_container span.critical {
  background-color:#f66;
  color:white;
}
div.qualification_container span.warning {
  background-color:#ff6;
}
div.qualification_container span.normal {
  background-color:#6c6;
}

div#qualification-modal div.segment-content div.fold-out-header {
  cursor:pointer;
  padding:2px 2px 2px 6px;
  background-color:#a0a0a0;
}
div#qualification-modal div.segment-content {
  border: 1px solid #111;
  margin: 6px;
}
div#qualification-modal div.segment-content ul {
  list-style: none;
  padding:6px;
  margin:0px;
}

.assignment_blockade, .weekday_blockade {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 14px,
        #999999 1px,
        #999999 15px
    );
}

.assignment_blockade_title_field {
    width: 450px;
}

.manual_holiday_deadline,
.manual_holiday_deadline a{
    color: red !important;
}

#taskplan_kvregion_ids_multi_check_box,
#taskplan_group_ids_multi_check_box {
    max-height: 160px;
    margin-top: 5px;
    margin-bottom: 2px;
}

/* <<<<  DATATABLE - START >>>>  */
table thead th{
    font-weight: normal;
    /*color: #fff;*/
}

table.datatable_new td, table.datatable_new th {
    text-align: left;
    vertical-align: middle;
}

table.datatable_new td, table.datatable_new thead tr.dataheader th {
    padding: 3px;
}


table.datatable_new.col_borders td,
table.datatable_new.col_borders th,
table.datatable_new.full_borders td,
table.datatable_new.full_borders th {
    border-left: 1px solid;
}
table.datatable_new.full_borders tr,
table.datatable_new.row_borders tr {
    border-top: 1px solid;
}

table.datatable_new.col_borders td:first-child,
table.datatable_new.col_borders th:first-child,
table.datatable_new.full_borders td:first-child,
table.datatable_new.full_borders th:first-child {
    border-left: none;
}

table.datatable_new.row_borders tr:first-child,
table.datatable_new.full_borders tr:first-child {
    border-top: none;
}



/* Alle-Knopf in den Userexternnumbers */
table.datatable_new th label:last-child {
    /*color: #fff;*/
    font-weight: normal;
}

table.datatable_new > thead > tr > th > a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

table.datatable_new > tbody > tr > td > a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

table.datatable_new > tbody > tr > td > a.button {
    color: #fff;
}


table.datatable_new > tbody > tr > td > a {
    font-weight: bold;
    text-decoration: none;
}


/* tabellierung */
table.datatable_new > tbody > tr:nth-child(odd) {
    background: #e0e0e0;
}

table.datatable_new > tbody > tr:nth-child(even) {
    background: #fff;
}

table.datatable_new > tbody > tr.subheading {
    color: #fff;
    background: #6f746f;
}


table.datatable_new > tbody > tr.inactive_red:nth-child(odd)  {
    background-color: #ff9999;
}

table.datatable_new > tbody > tr.inactive_red:nth-child(even) {
    background-color: #ffdddd;
}

table.datatable_new > tbody > tr.data_input_area {
    background: #f0f0f0;
}

table.datatable_new > tbody > tr.data_input_area_white {
    background: #f0f0f0;
}

/* <<<<  DATATABLE - ENDE >>>>  */


tr.cycle:nth-child(odd) {
    background-color: #E2E4FF;
}

tr.cycle:nth-child(even)  {
    background-color: #FFFFFF;
}

table.statistic_table{
    border: 1px solid black;
    background-color: white;
}

table.statistic_table {
    border: 1px solid black;
    background-color: white;
}

table.statistic_table tr.section_header{
    border-bottom: 1px solid black;
    font-weight: bold;
    border-top: 1px solid black;
    background-color: white;
    text-align: center;
}


table.statistic_table tr.summary{
    background-color: #ededed;
    font-style: italic; color:grey;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    text-align: center;
}

table.statistic_table thead{
    border-bottom: 1px solid black;
    font-weight: bold;
    background-color: white;
}

table.statistic_table thead tr td{
    text-align: right;
}


table.statistic_table tbody tr td{
    text-align: right;
}

table.statistic_table tr td.left{
    text-align: left;
}


table.statistic_table td {
    padding-left: 5px;
    padding-right: 20px;
}


table.statistic_table td.center {
    text-align: center;
}

table.statistic_table td.right {
    text-align: right;
}

table.statistic_table td.b-left {
    border-left: 1px solid black;
}



#global_waitspinner {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 40px;
    margin: -20px 0 0 -100px;
    padding-top: 18px;
    text-align: center;
    background-color: white;
}

#global_waitspinner_div {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    background-color: rgba(200, 200, 200, 0.5);
}

div.dienstplan_tab_page {
    border: none;
}

div.dienstplan_protokoll_tab_page {
    border: none;
}

#dienstgenerator_maske table {
    width: 100%;
}

#dienstplan_fairness_table {
    width: 100%;
}

.tab_page.kvregion_tab_page {
    border: none;
}

div.kvregion_tab_page table {
    width: 100%;
}

div.systemoption_tab_page {
    border: none;
}

div.systemoption_tab_page table {
    width: 100%;
}

div.bdqm_document_group_tab_page {
    border: none;
}

/* ================================================================================================================== */
/*Diverse Styles für <hr>*/
/*siehe https://css-tricks.com/examples/hrs/*/

/* Gradient color1 - color2 - color1 */
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/* Gradient transparent - color - transparent */
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Double-color dashed line */
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc; background: #999;
}

/* Single-direction drop shadow */
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/* Cloud */
hr.style-five {
    border: 0;
    height: 0;
    /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {
    /* Not really supposed to work, but does */
    content: "\00a0"; /* Prevent margin collapse */
}

/* Inset, by Dan Eden */
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Flaired edges, by Tomas Theunissen */
hr.style-seven {
    overflow: visible;
    /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before {
    /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/* Glyph, by Harry Roberts */
hr.style-eight {
    overflow: visible;
    /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333; color: #333; text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

/* ================================================================================================================== */

#dienstart_table tr td:first-child {
    width:300px;
}

div.float-left {
    float: left;
}

div.float-right {
    float: right;
}

.contract_eff_active{
    background-color: #ffffbb;
}

/* ================================================================================================================== */
/* ================================================================================================================== */
/* dp-snapshots */

.dienstplan_snapshots_table_buttons {
    margin-left: 10px;
}

#dienstplan_snapshot_legend {
    margin-top: 15px;
}

.dienstplan_snapshot_diff {
    background-color: #ffcc66;
    padding-left: 2px;
    padding-right: 2px;
}

/* ================================================================================================================== */
/* ================================================================================================================== */

/* Menüpunkt Anträge */
tr.outgoing_exchange_offer_counterpart_tr {
    border-top: 2px solid gold;
    border-right: 2px solid gold;
    border-left: 2px solid gold;
}

tr.incoming_exchange_offer_counterpart_tr {
    border-bottom: 2px solid gold;
    border-right: 2px solid gold;
    border-left: 2px solid gold;
}





div.sys_options_main_tab_page {
    border: 0;
}

#tarif_change_form div:first-child {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto;
}

#tarif_group_copy_form div:first-child {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto;
}

#tarif_group_copy_form input[type=text] {
    width: 300px;
}

#rights_roles_search_result,
.rights_roles_tab_page {
    height: 560px;
    overflow: auto;
}

.kvregion_rights_tab_page {
    height: 600px;
    overflow: auto;
}