/**
 * <p>Title: print.css</p>
 * <p>Description: css stylesheet for special print features.</p>
 * <p>Copyright: 2013</p>
 * <p>Company: Miditec Datensysteme GmbH</p>
 * <p>Author: Victor</p>
 * <p>First version: 2013-07-08</p>
 *
 *
*/

* {
    box-shadow: 0px 0px 0px 0px #FFF !important;
}

/* color printers */
/*@media print and (color) {
    * { -webkit-print-color-adjust: exact;
        print-color-adjust: exact; }
}*/

body {
    background-color: white;
}

.ui-dialog-overlay {
    background-image: none;
    background-color: white;
    width: 2000px !important;
    height: 2000px !important;
    max-height: 2000px;
    position:fixed;
    left: 0;
    top: 0;
    z-index: 1100;
}


.ui-page .ui-header {
    display: none;
}

.ui-secondary-content {
    display: none;
}

.ui-desktop.ui-page .ui-primary-content {
    padding: 0;
    margin: 0;
}

.no-printable,
#helpButton, .help-icon,
.ui-datefield span.datefield-button,
.ui-timefield span,
.ui-suggestion span,
.ui-combobox span,
.ui-fakefield span,
.ui-suggestion span.selection-button,
.ui-personalfield span,
.ui-small .ui-datefield span.datefield-button,
.ui-small .ui-timefield span,
.ui-small .ui-suggestion span,
.ui-small .ui-combobox span,
.ui-small .ui-fakefield span ,
.ui-small .ui-suggestion span.selection-button,
.ui-small .ui-personalfield span,

.suggestion-button,
.ui-small .suggestion-button,
.personal-button,
.ui-small .personal-button,

.datefield-button
.selection-button,
.timefield-button {
    display: none !important;
}

.inline-button, .button {
    background-image: none !important;
}

.printable.print {
    display: block;
}

.printable {
    border: solid 1px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.ui-group {
    display: block;
    white-space: normal;
    word-spacing: -5px;
}

.ui-group-horizontal {
    display: block;
    white-space: nowrap;
    word-spacing: -5px;
}

.ui-group-inline,
.ui-force-group-inline {
    display: block;
    vertical-align: top;
    word-spacing: normal;
}

.ui-group-block {
    display: block;
    vertical-align: top;
    word-spacing: normal;
}

.ui-messages {
    display: none;
}
/*.infoDetail {
    max-height: 1300px !important;
}*/

/* PRINTING INFO */

#printing-info {
    display: block;
    padding-bottom: 10px;
}

/* Tiles */

.printable-full-width {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* REMOVE LINEAR GRADIENT FROM PANELS */

.ui-fit-panel,
.ui-full-panel,
.ui-fixed-panel-1,
.ui-fixed-panel-2,
.ui-fixed-panel-3,
.ui-fixed-panel-4,
.ui-fixed-panel-5,
.ui-dailyLedger-panel,
.ui-monthlyLedger-panel,
.ui-dialog,
.ui-tile {
    background-color: white !important;
    background-image: none !important;
}

.ui-tile {
    height: auto !important;
}

/* Calendar */

/*.calendarTable tr td .overlay-wrapper .bgcolor {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -10;
}*/

/*.calendarTable tr td .overlay-wrapper .text {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 90;
    overflow: hidden;
}*/

#management-bookingLedger-bookingLedgerTable {
    max-height: initial;
    max-height: none;
}

#calendar-calendarPanel-wrapper.browser-msie,
#management-employeeInfoPanel-wrapper.browser-msie {
    transform-origin: top left;
}

#calendar-calendarPanel-wrapper.browser-msie.calendar-length-4 {
    transform: rotate(90deg) scale(1.2) translate(0%, -100%);
}

#calendar-calendarPanel-wrapper.browser-msie.calendar-length-5 {
    transform: rotate(90deg) scale(0.70) translate(0%, -100%);
}

#calendar-calendarPanel-wrapper.browser-msie.calendar-length-6 {
    transform: rotate(90deg) scale(0.26) translate(0%, -100%);
}

#calendar-calendarPanel-wrapper.browser-msie.calendar-length-7 {
    transform: rotate(90deg) scale(0.13) translate(0%, -100%);
}


#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-1 {
    transform: rotate(90deg) scale(0.95) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-2 {
    transform: rotate(90deg) scale(0.90) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-3 {
    transform: rotate(90deg) scale(0.80) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-4 {
    transform: rotate(90deg) scale(0.70) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-5 {
    transform: rotate(90deg) scale(0.50) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-6 {
    transform: rotate(90deg) scale(0.10) translate(0%, -100%);
}

#management-employeeInfoPanel-wrapper.browser-msie.calendar-length-7 {
    transform: rotate(90deg) scale(0.05) translate(0%, -100%);
}

/* tablelist */

.table-header-wrapper,
.table-footer-wrapper {
    display: none !important;
}

.table-header-wrapper th,
.table-footer-wrapper td {
    width: auto !important;
}

.table-body-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: initial !important;
    max-height: none !important;
    overflow: hidden;
}

.table-scroll-header th,
.table-scroll-footer td {
    visibility: visible !important;
    border: 1px solid #aaa;
}

/* Bookings Ledger */

#management-bookingLedger {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#management-bookingLedger .ui-fieldcontainer {
    font-size: 12px !important;
}

#management-bookingLedger label.fieldlabel,
#management-bookingLedger label.radiobutton-label,
#management-bookingLedger label.checkfield-label {
    font-size: 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#management-bookingLedger .formfield,
#management-bookingLedger .textfield,
#management-bookingLedger .datefield,
#management-bookingLedger .timefield,
#management-bookingLedger .integerfield,
#management-bookingLedger .floatfield,
#management-bookingLedger .dataTables_filter input,
#management-bookingLedger .table-filter {
    font-size: 12px !important;
}

#management-bookingLedger .button,
#management-bookingLedger .inline-button {
    font-size: 12px !important;
}

/* Calendar Legend
------------------------------------------------------------------*/

.calendar-legend {
    white-space: normal;
    min-width: 0;
}

.legend-element {
    float: none;
    width: auto;
    min-width: 200px;
    max-width: none;
    margin-right: 10px;
}

.legend-name-td {
    width: auto;
}

/* Calendar
------------------------------------------------------------------*/

.calendarTable.group div.firstSelectedEmployee,
.calendarTable.group div.midSelectedEmployee,
.calendarTable.group div.lastSelectedEmployee {
    background: none;
}

/* Tableau legend
--------------------------------------------------------------------*/

.matrix-tableau-legend {
    white-space: normal;
}

/* Employee information & Group Calendar
--------------------------------------------------------------------*/

#management-employeeInfoPanel > div {
    height: auto !important;
}

#management-employeeInfoPanel > div > div {
    position: inherit !important;
}

#management-employeeInformation .divCalendarTable {
    height: auto !important;
    overflow-y: auto !important;
}

#management-employeeInfoPanel div {
    width: auto !important;
    height: auto !important;
}

.calendarTable tr td.employee-cell,
.calendarTable tr td.empInfo-cell {
    position: relative;
}

/*.calendarTable tr td.empInfo-cell span {
    position: absolute;
    z-index: 90;
    top: 3px;
    right: 3px;
}*/

.calendarTable tr td.empInfo-cell img.bgCellInfo {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#employeeInformation-legend div.legend-abbrev-td,
#calendar-calendar-legend div.legend-abbrev-td {
    position: relative;
}

#employeeInformation-legend div.legend-abbrev-td div.header span,
#calendar-calendar-legend div.legend-abbrev-td div.header span {
    position: absolute;
}

#employeeInformation-legend img.legendValueBackground,
#calendar-calendar-legend img.legendValueBackground {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position:absolute;
}

/*.calendarTable tr td.empInfo-cell div {
    position: relative;
    height: 100%;

}*/

.calendarTable tr td.empInfo-cell span.spanColor {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 90;
}

/* Table list
--------------------------------------------------------------------*/

.tableList th {
    width: auto !important;
    min-width: 0 !important;
}


/* PDA Order overview
--------------------------------------------------------------------*/

#management-calculationCorrectionList-calculationCorrectionListTable .tableList th:first-child,
#management-calculationCorrectionList-calculationCorrectionListTable .tableList td:first-child,
#management-calculationCorrectionList-calculationCorrectionListTable .tableList th:last-child,
#management-calculationCorrectionList-calculationCorrectionListTable .tableList td:last-child,
#pdaInfoBookingsTile4Supervisor_pdaInfoBookingsTable .tableList th:last-child,
#pdaInfoBookingsTile4Supervisor_pdaInfoBookingsTable .tableList td:last-child,
#orderOverviewTile_orderOverviewTable .tableList th:last-child,
#orderOverviewTile_orderOverviewTable .tableList td:last-child,
#pdaInfoOrderOverviewBookingsTile_pdaInfoBookings4OrderTable .tableList th:last-child,
#pdaInfoOrderOverviewBookingsTile_pdaInfoBookings4OrderTable .tableList td:last-child {
    display: none !important;
}

#pdaInfoBookingsTile4Supervisor_pdaInfoBookingsTable_table td:not(.dateAndOrTime) button,
#pdaInfoNetTimesTile4Supervisor_pdaInfoNetTimesTable_table td:not(.dateAndOrTime) button,
#pdaInfoDetailsTile4Supervisor_pdaInfoDetailsTable_table td:not(.dateAndOrTime) button,
#pdaInfoOrderOverviewBookingsTile_pdaInfoBookings4OrderTable_table td:not(.dateAndOrTime) button,
#orderOverviewTile_orderOverviewTable_table td:not(.dateAndOrTime) button {
    white-space: normal !important;
}


/* Application list
--------------------------------------------------------------------*/

#calendar-applicationList-applicationListTable .tableList th:first-child,
#calendar-applicationList-applicationListTable .tableList td:first-child,
#calendar-applicationList-applicationListTable .tableList th:last-child,
#calendar-applicationList-applicationListTable .tableList td:last-child,
#time-substitutionRequestList-substitutionRequestListTable .tableList th:first-child,
#time-substitutionRequestList-substitutionRequestListTable .tableList td:first-child,
#time-substitutionRequestList-substitutionRequestListTable .tableList th:last-child,
#time-substitutionRequestList-substitutionRequestListTable .tableList td:last-child,
#pda-pdaCorrection-table .tableList th:last-child,
#pda-pdaCorrection-table .tableList td:last-child,
#management-approvalList-approvalListTable .tableList th:first-child,
#management-approvalList-approvalListTable .tableList td:first-child,
#management-approvalList-approvalListTable .tableList th:last-child,
#management-approvalList-approvalListTable .tableList td:last-child {
    display: none !important;
}


/* ZOOM on printing
--------------------------------------------------------------------*/

#pdaInfoBookingsTile_pdaInfoBookingsTable th,
#pdaInfoBookingsTile_pdaInfoBookingsTable td button,
#pdaInfoBookingsTile_pdaInfoNetTimesTable th,
#pdaInfoBookingsTile_pdaInfoNetTimesTable td button,
#pda-pdaCorrection-table th,
#pda-pdaCorrection-table td button,
#pdaInfoBookingsTile4Supervisor_pdaInfoBookingsTable th,
#pdaInfoBookingsTile4Supervisor_pdaInfoBookingsTable td button,
#pdaInfoOrderOverviewBookingsTile_pdaInfoBookings4OrderTable th,
#pdaInfoOrderOverviewBookingsTile_pdaInfoBookings4OrderTable td button {
    font-size: 9px;
}

#pdaInfoNetTimesTile4Supervisor_pdaInfoNetTimesTable th,
#pdaInfoNetTimesTile4Supervisor_pdaInfoNetTimesTable td button,
#orderOverviewTile_orderOverviewTable_table th,
#orderOverviewTile_orderOverviewTable_table td button {
    font-size: 8.5px;
}