/* Layout
------------------------------------------------------------------*/

.ui-desktop.ui-page .ui-content {
    min-width:600px;
}

.ui-desktop.ui-page .ui-secondary-content {
    position: absolute;
    left: 0;
    width: 240px;
}

.ui-desktop.ui-page .ui-primary-content {
    padding-left: 246px;
    min-height: 400px;
    min-width: 320px;

}

/* Top information bar
------------------------------------------------------------------*/

.ui-desktop #content-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 0 5px;
}

.ui-desktop #time-info {
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 5px 0 0;
}

/* Top menu bar
------------------------------------------------------------------*/

.ui-desktop #top-menu-bar {
    left: 242px;
}

/* Top information bar
------------------------------------------------------------------*/

.ui-desktop #top-information-bar {
    left:242px;
}

/* Panels
------------------------------------------------------------------*/

.ui-desktop .ui-full-panel,
.ui-desktop .ui-fixed-panel-1,
.ui-desktop .ui-fixed-panel-2,
.ui-desktop .ui-fixed-panel-3,
.ui-desktop .ui-fixed-panel-4,
.ui-desktop .ui-fixed-panel-5 {
    margin: 0 6px 6px 0;
}

/* Dialog
------------------------------------------------------------------*/

.ui-desktop.ui-wide-dialog .ui-header,
.ui-desktop.ui-wide-dialog .ui-content,
.ui-desktop.ui-wide-dialog .ui-footer {
    min-width: 720px;
    max-width: 900px;
}

.ui-inline-dialog.ui-wide-dialog .ui-dialog-header,
.ui-inline-dialog.ui-wide-dialog .ui-dialog-content,
.ui-inline-dialog.ui-wide-dialog .ui-dialog-footer {
    min-width: 720px;
    max-width: 900px;
}

/* Login Dialog
------------------------------------------------------------------*/

.ui-desktop #statusBar {
    text-align: right;
}

/*#login.ui-desktop #demoLicense,
#closeBrowser.ui-desktop #demoLicense,
#mustChangePassword.ui-desktop #demoLicense {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 0 0 5px;
}*/

#login.ui-desktop #serial,
#closeBrowser.ui-desktop #serial,
#mustChangePassword.ui-desktop #serial,
#login.ui-desktop #time-info,
#closeBrowser.ui-desktop #time-info,
#mustChangePassword.ui-desktop #time-info {
    font-family: 'Arial';
    font-size: 8pt;
    font-weight: normal;
    line-height: 20px;
    padding: 0 5px 0 0;
}

/* Info Panels
------------------------------------------------------------------*/

.ui-desktop .infoPanel {
    /* overflow: hidden; /*to float divs inside*/
    /* position: absolute; /* to expand child background to bottom*/

}

.ui-desktop .infoPanel {
    margin: 0 2px 6px;
}

.ui-desktop .infoOverview {
    /* float: left; */
    position: absolute;
}

.ui-desktop .infoDetail {
    box-sizing:border-box;
    -moz-box-sizing:border-box;   /*Firefox */
    -webkit-box-sizing:border-box; /*  Safari */
    /*min-width: 700px;*/
    /*margin-left: 300px;*/
    padding: 3px 15px 20px;

}

.ui-desktop .infoDetail {
    margin-left: 325px;
}

.ui-desktop #management-pdaInfoDetails .infoDetail,
.ui-desktop #management-timeInfoDetails .infoDetail {
    margin-left: 320px;
}

.ui-desktop .baseDataPanel, .ui-desktop .timeOverviewPanel, .ui-desktop .pdaOverviewPanel {
    margin-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;   /*Firefox */
    -webkit-box-sizing: border-box; /*  Safari */
}

.ui-desktop .overviewSelected {
    padding-right: 10px;
    width: 320px;
    box-shadow: none;
    /*border-radius: 10px 0 0 10px; added in javascript*/
}

.ui-desktop .overviewDesktopSelected {
    margin-right: -4px;
    border-width: 3px;
    border-style: solid;
}

/*.ui-desktop .detailDesktopSelected {
    border-width: 3px;
    border-style: solid;
}*/

/* Less than 800px of width
------------------------------------------------------------------*/

@media all and (max-width: 800px) {
    .ui-desktop.ui-page .ui-header h1 {
        display: none;
    }
    .ui-desktop #top-menu-bar {
        left: 0;
    }
    .ui-desktop #top-information-bar {
        left: 0;
    }
}

/* Table lists
------------------------------------------------------------------*/

/*.ui-desktop .table-body {
    table-layout: fixed;
}*/

/*  Reports
-----------------------------------------------------------------------*/

.ui-desktop .labelfield {
    display: block;
    height: 34px;
    width: 100%;
}

.ui-desktop .labelfield {
    font-weight: bold;
    line-height: 34px;
}

.ui-desktop #report-reportSettings-print {
    margin-left: 10px;
}

/* Ellipsis
------------------------------------------------------------------*/

.ui-desktop span.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.ui-desktop .ellipsis * {
    white-space: nowrap;
    display: inline;
}

.ui-desktop td.ellipsis {
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.ui-desktop ellipsisComponent {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

/* SORTING COMPONENT */

.ui-desktop .ui-sorting-cell-1 {
}

.ui-desktop .ui-sorting-cell-2 {
    width: 30px;
    text-align: center;
}

.ui-desktop .ui-sorting-cell-3 {
    width: 200px;
}

.ui-desktop .ui-sorting-cell-4 {
    padding-left: 12px;
    width: 150px;
}

.ui-desktop .ui-sorting-cell-5 {
    padding-left: 12px;
    width: 150px;
}

/* Supervisor PDA dialogs
------------------------------------------------------------------*/

.ui-desktop label[for=pdaInfoBookingsTile4Supervisor_employeeSelectionRadioButton],
.ui-desktop label[for=pdaInfoNetTimesTile4Supervisor_employeeSelectionRadioButton],
.ui-desktop label[for=pdaInfoDetailsTile4Supervisor_employeeSelectionRadioButton],
.ui-desktop label[for=pdaInfoBookingsTile4Supervisor_employeeListSelectionRadioButton],
.ui-desktop label[for=pdaInfoNetTimesTile4Supervisor_employeeListSelectionRadioButton],
.ui-desktop label[for=pdaInfoDetailsTile4Supervisor_employeeListSelectionRadioButton] {
    display: none;
}