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

.ui-mobile.ui-page {
    display: table;
    width: 100%;
}

.ui-mobile.ui-page .ui-header {
    position: relative;
}

.ui-mobile #top-information-bar {
    position: relative;
}

.ui-mobile.ui-page .ui-messages {
    padding-top: 0;
}

.ui-mobile .message-floating table {
    width: 100%;
}

.ui-mobile.ui-page .ui-content {
    width:100%;
}

.ui-mobile .ui-menu {
    width: 100%;
}

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

.ui-mobile #top-menu-bar {
    left: 0;
}

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

.ui-mobile #top-information-bar {
    left: 0;
}

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

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

.ui-mobile #content-title {
    background: url("../images/icons/smallLogo.png") no-repeat scroll 10px 10px transparent;
}

.ui-mobile #user-notifications {
    padding: 0px 1px 0px 5px;
}

/* Header
------------------------------------------------------------------*/

.ui-mobile.ui-page > .ui-header > h1 {
    display: none;
}

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

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

.ui-mobile .ui-fixed-panel-1,
.ui-mobile .ui-fixed-panel-2,
.ui-mobile .ui-fixed-panel-3,
.ui-mobile .ui-fixed-panel-4,
.ui-mobile .ui-fixed-panel-5 {
    width: 100%;
}

.ui-mobile .ui-flow-panel {
    float: none;
}

.ui-mobile .ui-fixed-column-1,
.ui-mobile .ui-fixed-column-2 {
    width: 100%;
    padding-right: 0;
}

.ui-mobile .ui-group,
.ui-mobile .ui-group-horizontal,
.ui-mobile .ui-group-inline,
.ui-mobile .ui-group-block {
    display: block;
    white-space: normal;
    word-spacing: normal;
}

/* Datatables
------------------------------------------------------------------*/

.ui-mobile #employeeInfoTable {
    width: 100%;
}

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


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

.ui-mobile #serial,
.ui-mobile #demoLicense {
    float: left;
    font-family: 'Arial';
    font-size: 8pt;
    font-weight: bold;
    padding: 11px 0 0 5px;
}

/* Messages
------------------------------------------------------------------*/

.ui-mobile.ui-page .message-floating {
    top: 10px;
}

.ui-mobile.ui-dialog .message-floating {
    top: 20px;
}

/* Matrix Tableau
------------------------------------------------------------------*/

.ui-mobile .matrix-tableau {
    table-layout: auto;
}

/* List elements
------------------------------------------------------------------*/

.ui-mobile .list-item {
    /*    overflow: hidden;
        text-overflow: ellipsis;*/
    white-space: normal;
}

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

.ui-mobile .infoDetail table {
    width: 100%;
}

.ui-mobile .detailSelected {
    border: none;
}

.ui-mobile .infoDetail table td,
.ui-mobile .infoOverview table td,
.ui-mobile .infoDetail table th,
.ui-mobile .infoOverview table th {
    /*    overflow: hidden;
        text-overflow: ellipsis; */
    white-space: normal;
}

.ui-mobile .infoDetail {
    min-width: 320px;
}

.ui-mobile .infoOverview {
    width: 100%;
}

.ui-mobile .baseDataPanel,
.ui-mobile .timeOverviewPanel,
.ui-mobile .pdaInfoOverviewTable,
.ui-mobile .pdaOverviewPanel {
    box-sizing: border-box;
}

/* Time News List
------------------------------------------------------------------*/

.ui-mobile .time-news-list .time-news-label {
    padding-left: 25px;
}

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

.ui-mobile .ellipsis {
    white-space: normal;
}

/*.ui-mobile a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -user-select: none;
    -webkit-touch-callout: none !important;
}*/


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

.ui-mobile .labelfield {
    display: inline-block;
    height: 25px;
    width: 100%;
}

.ui-mobile .labelfield {
    font-weight: bold;
    line-height: 25px;
}

.ui-mobile .reportTypeRadio {
    float: left;
}


/* SORTING COMPONENT */

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

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

.ui-mobile .ui-sorting-cell-3 {
    width: 200px;
    display: block;
}

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

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

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

/*div.ui-mobile.ui-dialog a.button.hideMessage,
div.ui-mobile a.button.hideMessage {
    margin-left: 86%;
}*/


div.ui-mobile#helpButton a .help-icon {
    background-size: 24px !important;
}

div.ui-mobile#helpButton,
div.ui-mobile.help-icon {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
    z-index: 201;
}

div.ui-mobile#helpDialog {
    border-top-left-radius: 0.6em;
    border-top-right-radius: 0.6em;
    border-bottom-left-radius: 0.6em;
    border-bottom-right-radius: 0.6em;
    position: fixed;
    z-index: 1100;
    border:1px solid #808080;
    padding:6px;
    width: 100%;
    height: 100%;
    min-width: 350px;
    min-height: 200px;
}

div.ui-mobile#helpDialog div.title {
    cursor: move;
    position: absolute;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1100;
    background-color: transparent;
}

div.ui-mobile#helpDialog div.resizeArea{
    display: none;
}

div.ui-mobile#helpDialog div.close-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

/*  Wrapping Tabs
-----------------------------------------------------------------------*/

.ui-mobile .ui-wrapping-tab-primary {
    border-radius: 0;
    min-width: 320px;
    text-align: left;
}

.ui-mobile .ui-wrapping-tab,
.ui-mobile .ui-wrapping-tab-secondary-open {
    border-radius: 0;
    min-width: 280px;
    text-align: left;
}

.ui-mobile .ui-wrapping-tab-open,
.ui-mobile .ui-wrapping-tab-close {
    border-radius: 0;
}

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

.ui-mobile.ui-dialog .ui-dialog-wrapper-outer,
.ui-mobile.ui-wide-dialog .ui-dialog-wrapper-outer,
.ui-mobile .ui-inline-dialog .ui-dialog-wrapper-outer {
    position: absolute;
}

.ui-mobile.dialog .ui-header {
    cursor: default;
}

/* MESSAGE DIALOG
------------------------------------------------------------------*/

.ui-mobile .user-message-dalog .ui-dialog-wrapper-inner {
    width:100%;
}

/* Info cells
------------------------------------------------------------------*/

.ui-mobile .info-cells-container {
    float: none;
    padding: 0;
}

.ui-mobile .info-cells {
    width: 100%;
}

.ui-mobile .info-cells .label-cell {
    width: 30%;
    min-width: auto;
}

.ui-mobile .info-cells .value-cell {
    width: 70%;
    min-width: auto;
}

.ui-mobile .info-cells .label-cell span,
.ui-mobile .info-cells .value-cell span {
    height: auto;
    min-height: 27px;
    white-space: normal;
}