/**
 * EGroupware: CSS with less preprocessor
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * TIMESHEET
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
 * @package timesheet
 * @version $Id$
 */
/**
 * Styles for etemplate2 widgets
 *
 * @version: $Id$
 */
/* Header classes*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td,
.dialogFooterToolbar {
  padding: 5px 0 5px 0;
  vertical-align: middle;
}
.timesheet_titleSum,
.timesheet_titleDetails {
  font-weight: bold;
}
/* add # sign behind the ts_id */
#timesheet-edit_ts_id:before {
  content: "#";
}
/* make the modifier inline*/
.timesheet_modifier label {
  display: inline-block;
  float: right;
}
.timesheet_modifier ul {
  display: inline-block;
  float: left;
}
/*###########################################
#                                           #
#       dialogHeader                       #
#############################################
#                                           #
#                                           #
#                                           #
#                                           #
#                                           #
#                   dialog                  #
#                                           #
#                                           #
#############################################
#                                           #
#    buttons                                #
#                                           #
#                                           #
##############################################*/
#timesheet-edit #timesheet-edit_tabs {
  padding: 0 3px;
}
#timesheet-edit #timesheet-edit_tabs .et2_tabheader {
  background: none;
}
#timesheet-edit #timesheet-edit_ts_id:before {
  content: "#";
}
#timesheet-edit_pm_id input {
  width: 99% !important;
}
/* tablets and smartphones  */
@media only screen and (max-device-width: 1024px) {
  #timesheet-edit_button\[save_new\] {
    vertical-align: bottom;
  }
  #timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_start]'] > time {
    font-weight: bold;
    float: left;
  }
  #timesheet-index table.egwGridView_outer tbody ul[id^='timesheet-index'][id$='ts_owner]'] > li {
    overflow: hidden;
    width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 9pt;
  }
  #timesheet-index table.egwGridView_outer tbody tr.timesheetRow td {
    position: relative;
  }
  #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='cat_id]'] {
    position: absolute;
    bottom: 5px;
    font-size: 9pt;
  }
  #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_description]'] {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #timesheet-index table.egwGridView_outer tbody div.timesheet3Col {
    font-size: 9pt;
  }
  #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_duration]'] {
    font-weight: bold;
  }
  #timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
    font-weight: normal;
  }
}