/* module-key = 'is.origo.jira.tempo-plugin:tempo-global', location = 'css/tempo-global.css' */
/* **************************************************************** */
/* This is included on every JIRA page                              */
/* **************************************************************** */

.aui-dialog h2.dialog-title.tempo-plan-button,
#tempo-add-hours-issue-dialog .jira-dialog-heading.tempo-plan-button { color: #fff; background: #ec8e00; }
#tempo-add-hours-issue-dialog .jira-dialog-heading.tempo-plan-button h2 { color: #fff; }

/**** Log Work Windows ****/
.popup-width-medium form.tempo-form.aui { width: 100%; }

form.tempo-form.aui .field-group.tempo-show-period div.checkbox { margin-top: 4px; }
form.tempo-form.aui .field-group.tempo-show-period div.checkbox input { margin-left: -20px; }

form.tempo-form.aui .error-list { clear: left; color: #ff0000; }

#tempo-add-hours-issue-dialog form.tempo-form .buttons-container.form-footer input.tempo-add-another-input { position: relative; top: 2px; margin-right: 6px; }
#tempo-add-hours-issue-dialog form.tempo-form .buttons-container.form-footer label.tempo-add-another-label { margin: 0 10px 0 0; }

/**** Subtask Field Addon ****/
form.tempo-form.aui select.issue-select.trigger,
form.tempo-form.aui select.sub-issue-select.trigger { width: 250px; padding: 2px 1px; }
form.tempo-form.aui input.tempoIssueKey.trigger, form.tempo-form.aui input.tempo-userpicker { width: 244px; }
form.tempo-form.aui .field-group.hidden.subtask { position: absolute; top: 0; right: 65px; padding-left: 0; }
form.tempo-form.aui .field-group.hidden.subtask label { width: auto; left: 0; margin-right: 0; }
form.tempo-form.aui .field-group.hidden.subtask input { margin: 4px 0 0 8px; }
form.tempo-form.aui .text.aui-ss-field.ajs-dirty-warning-exempt { width: 350px; }

form.tempo-form.aui .field-group.tempo-issue-container,
form.tempo-form.aui .field-group.tempo-subtask-container { padding-top: 5px; }

/**** IE8/9 Fixes ****/
form.tempo-form.aui .text.aui-ss-field.ajs-dirty-warning-exempt { min-width: 210px\0/; }

/**** Planning Buttons in People View ****/
form.tempo-form.aui button.aui-button.open-dialog.tempo-plan-button {
  float: right;
  border-right: 1px solid transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

form.tempo-form.aui button.aui-button.open-dialog.tempo-plan-button[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; }
form.tempo-form.aui button.aui-button.open-dialog.tempo-plan-button[type="submit"]:focus, input[type="button"]:focus { outline : none; }

form.tempo-form.aui button.aui-button.open-dialog.tempo-plan-button:focus { border: 1px solid #ccc; border-right: 1px solid transparent; }
form.tempo-form.aui button.aui-button.open-dialog.tempo-plan-button:hover { border: 1px solid #999; }

/**** Cards ****/
.card {
  position: relative;
  margin: 20px 0 20px 0;
  border: 1px solid #ccc;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  border-radius: .4em;
}

.card .header { overflow: hidden; padding: 5px; border-bottom: 1px solid #ccc; background-color: #f7f7f7; }
.card .header img { float: left; padding: 0; margin: 0; }
.card .header .name { float: left; font-weight: bold; margin: 13px 0 0 10px; }

.card .planned { position: absolute; top: 29px; right: 10px; font-size: 12px; }

.card .edit { position: absolute; top: 5px; right: 10px; }
.card .edit .icon-tools { padding-left: 1.8em !important; background-position: 2px 0px !important; }
.card .edit span { background-position: 0 50% !important; }
.card .edit .aui-dd-parent .drop.lnk em { display: none; }

.card #issuetable { font-size: 12px; background: transparent; }

.card #issuetable caption { color: #333; font-weight: bold; text-align: left; padding: 3px 7px; border-bottom: 1px solid #ccc; background: #fbfbfb; }

.card #issuetable tfoot th {
  color: #999;
  font-weight: 400;
  padding: 3px 7px;
  white-space: nowrap;
  background-color: transparent;
}

.card #issuetable tfoot th.right,
.card #issuetable thead th.right { text-align: right; padding-right: 40px; }

.card #issuetable tfoot th.right { padding-right: 0; }

.card #issuetable tbody td.padding,
.card #issuetable tfoot th.padding { text-align: right; padding-right: 40px; }

.card #issuetable tbody tr:hover { background: #f2f2f2; }

/**** Grace Period Form ****/
#tempo-grace-form #user, #tempo-grace-form #openUntil { color: #000; border: none; background: none; }
#tempo-grace-form input#fromDate, #tempo-grace-form input#toDate { max-width: 90px !important; }

/**** Planning - Quick Links ****/
#tempo-quicklinks { float: right; width: 360px; margin-top: -27px; }
#tempo-quicklinks #tempo-planning-add-member { float: left; width: 270px; }
#tempo-quicklinks ul.operations li.aui-dd-parent {
  color: #333;
  border: 1px solid #ccc;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
}

#tempo-quicklinks ul.operations li.aui-dd-parent:hover {
  color: #000;
  border: 1px solid #999;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
  background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
}

/**** Issue view and inline editing ****/
.worklogs-module.clear td.nav.summary.col3 { width: 100%; }

.worklogs-module.clear td form.inplace_form { float: left; position: relative; min-width: 68px; min-height: 54px; }
.worklogs-module.clear td form.inplace_form input { border: 1px solid #abadb3; }
.worklogs-module.clear td.summary.col3 .edit-desc form.inplace_form  { width: 100%; min-height: 88px; }
.worklogs-module.clear .edit-desc textarea { width: 100% !important; height: 50px !important; }
.worklogs-module.clear .edit-hours input, .worklogs-module.clear .edit-date input, .worklogs-module.clear .edit-worklogtime input { width: 76px; }

.worklogs-module.clear .showStartTime .edit-desc textarea { width: 100% !important; height: 50px !important; }

.worklogs-module.clear span.tempo-inline-edit { float: left; padding-right: 15px; border: 1px solid transparent; }
.worklogs-module.clear span.tempo-inline-edit:hover { cursor: pointer; border: 1px solid #bbb !important; background: #fff url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/img/bg-edit-penni.png) no-repeat right top !important; }

.worklogs-module.clear td.nav.summary.col3 span.tempo-inline-edit {  min-height: 20px; min-width: 80%; }

/**** Common ****/
.min-width-990 {
    min-width: 990px;
}

.tt-vertical-spacing {
    margin: 10px 0;
}

.tt-text-muted {
    color: #999;
}

small .aui-icon {
    width: 12px;
    height: 12px;
}

small .aui-icon:before {
    font-size: 12px;
    margin-top: -7px;
}

form.aui .aui-ss.tt-single-select-medium-long-field {
    max-width: 350px;
}

form.aui .aui-ss.tt-single-select-medium-long-field .aui-ss-field {
    max-width: 350px;
}

/**** Edit Hours/Edit Date ****/
.worklogs-module.clear .edit-hours span.tempo-inline-edit, .worklogs-module.clear .edit-date span.tempo-inline-edit { float: left; width: 64px; padding: 0; }
.worklogs-module.clear .edit-hours span.tempo-inline-edit:hover { background-position: left top !important; }

.worklogs-module.clear span.tempo-calendar-inline.edit-date { float: left; width: 101px; }
.worklogs-module.clear span.tempo-calendar-inline.edit-date span.tempo-inline-edit { float: left; width: 83px; }

.worklogs-module.clear .showStartTime .edit-date input, .worklogs-module.clear .edit-date.showStartTime input { width: 116px; }
.worklogs-module.clear .showStartTime span.tempo-calendar-inline.edit-date, .worklogs-module.clear span.tempo-calendar-inline.edit-date.showStartTime { float: left; width: 136px; }
.worklogs-module.clear .showStartTime span.tempo-calendar-inline.edit-date span.tempo-inline-edit, .worklogs-module.clear span.tempo-calendar-inline.edit-date.showStartTime span.tempo-inline-edit { float: left; width: 118px; }

/**** Description ****/
.worklogs-module.clear span.edit-container { float: right; }
.worklogs-module.clear span.edit-container.edit-desc, .worklogs-module.clear span.edit-container.edit-worklogtime  { float: left; width: 100%; }
.worklogs-module.clear span.edit-container:hover { background: none !important; }

.worklogs-module.clear span.edit-container a.inplace_save,
.worklogs-module.clear span.edit-container a.inplace_cancel {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 34px;
  height: 32px;
  text-align: left;
  text-indent: -10000px;
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/img/bg-inline-edit-icon-new.png) no-repeat 0px 0px;
}

.worklogs-module.clear span.edit-container a.inplace_save { right: 34px; }
.worklogs-module.clear span.edit-container a.inplace_cancel { background-position: -34px 0px; }
.worklogs-module.clear span.edit-container a:hover.inplace_save { background-position: 0px -32px; }
.worklogs-module.clear span.edit-container a:hover.inplace_cancel { background-position: -34px -32px; }

.worklogs-module.clear tr th.Worked, .worklogs-module.clear tr th.Planned { text-align: right !important; padding-right: 45px !important; }
.worklogs-module.clear tr td.nav.col4 { text-align: right !important; padding-right: 46px !important; }
.worklogs-module.clear tr.issuerow:hover td { cursor: pointer; background-color: #f0f0f0; }

/**** Calendar Inline View ****/
.worklogs-module.clear #heading-avatar { float: left; width: 48px; height: 48px; margin: 7px 10px 0 7px !important; }
.worklogs-module.clear .heading-text { width: 88%; font-size: 15px; font-weight: bold; margin: 7px 0 0 0; }

/**** Members Table ****/
table.members thead th.right,
table.members tbody td.right,
table.members tfoot th.right { text-align: right !important; }
table.members tfoot th.right { color: #999 !important; font-weight: 400 !important; padding: 5px 7px !important; }

/**** Status Bar ****/
.tempo-progress-bar-new { float: left; width: 100%; margin-top: 7px; }
.tempo-progress-bar-new .progress-background-color { float: left; height: 5px; border: none !important; border-radius: 3px; background-color: #e9e9e9; }
.tempo-progress-bar-new .progress-fill-color { position: relative; z-index: 1; height: 5px !important; border-radius: 3px 0 0 3px; background-color: #3b73af; }

/**** Browse Accounts ****/
.p-list table.tempo-accounts th.account-name { width: 25%; }
.p-list table.tempo-accounts th.account-key { width: 10%; }
.p-list table.tempo-accounts th.account-lead { width: 25%; }
.p-list table.tempo-accounts th.account-contact { width: 25%; }
.p-list table.tempo-accounts th.account-views { width: 15%; }

/**** Tempo Update - About Part ****/
.tempo-update-about .about { font-size: 13px; color: #000 !important; padding: 0; }
/*.tempo-update-about .about-header { padding: 0; margin: 16px 0; background: transparent url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/../../../images/mod_header_bg.png) repeat-x left center; }*/
.tempo-update-about h2.aui-popup-heading {
  display: inline;
  font-size: 19px;
  font-weight: normal;
  padding: 0 8px 0 0;
  background-color: #fff;
}

/*** Jira 6 Addons ****/
.tempo form.tempo-form.aui .field-group.datepicker input.text.short-field,
#tempo-add-hours-issue-dialog .field-group.datepicker input.text.short-field { max-width: 85px !important; }
.tempo form.tempo-form.aui .field-group.datepicker input.showStartTime.text.short-field,
#tempo-add-hours-issue-dialog .field-group.datepicker input.showStartTime.text.short-field { min-width: 120px !important; }
.tempo #tempo-split-form-dialog form.aui select.select { max-width: 75px !important; }

form.tempo-form.aui .field-group input.error-field, form.tempo-form.aui .field-group select.error-field {
  clear: none;
  display: inline;
  margin: 0;
  border: 1px solid #ffd0c0;
  background: #fdf4f0;
}

form.tempo-form.aui .field-group.tempo-worked-hours,
form.tempo-form.aui .field-group.tempo-remaining-estimate { float: left; width: 50%; }

form.tempo-form.aui .field-group.tempo-logged-work,
form.tempo-form.aui .field-group.tempo-original-estimate { float: left; width: 50%; line-height: 25px; clear: none; }

form.tempo-form.aui .field-group.tempo-logged-work span,
form.tempo-form.aui .field-group.tempo-original-estimate span { float: left; margin-top: 5px; }

form.tempo-form.aui .field-group.enddate.datepicker label { width: 110px; margin-left: -125px; }

form.tempo-form.aui .field-group.readonly.tempo-plan-availability,
form.tempo-form.aui .field-group.readonly.tempo-plan-workingdays { float: left; width: 50%; }
form.tempo-form.aui .field-group.readonly.tempo-plan-workingdays { clear: none; }

form.tempo-form.aui .field-group.readonly input { color: #333; border: 1px solid transparent; background: none !important; }

form.tempo-form.aui .remaining-and-billed-hours-container span { float: left; margin: 5px 0 0 6px; }
form.tempo-form.aui .remaining-and-billed-hours-container span.remainingEstimate { float: left; }

form.aui.tempo-form .form-body .tempo-pickers .aui-ss,
form.aui.tempo-form .form-body .tempo-pickers .aui-ss input.aui-ss-field,
form#tempo-move-form .form-body .field-group .aui-ss,
form#tempo-move-form .form-body .field-group .aui-ss input.aui-ss-field,
form#tempo-split-form .form-body .field-group .aui-ss,
form#tempo-split-form .form-body .field-group .aui-ss input.aui-ss-field { max-width: 350px; }

/**** Worklogs Tab in GH Rapid View ****/
table.aui#gh-tempo-worklog-table { clear: left; font-size: 12px; }
table.aui#gh-tempo-worklog-table td, table.aui#gh-tempo-worklog-table th { max-width: 58px; overflow: hidden; text-overflow: ellipsis; }
table.aui#gh-tempo-worklog-table td.right, table.aui#gh-tempo-worklog-table th.right { text-align: right; padding-right: 7px; }
.gh-tempo-lnk-list { float: right; list-style: none; padding: 0; margin: 10px 6px 0px 0px; clear: right; }
.tempo.ghx-modes { float: right; margin-bottom: 10px; }
.tempo.ghx-modes .ghx-mode.my-worklogs a.aui-button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.tempo.ghx-modes .ghx-mode.all-worklogs a.aui-button { border-left-width: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.tempo.ghx-modes .ghx-mode.all-worklogs a.aui-button:hover { border-width: 1px; margin-left: -1px; position: relative; }
#gh-issue-details-panel-tempo .ghx-fa { float: left; clear: left; }
.tempo-multipicker-ellipsis { max-width: 217px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }

/**** Ops Menus ****/
.tempo.ops-menus.aui-toolbar { float: left; width: auto; clear: none; padding: 0; margin: -5px 0 10px 0; }
.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-group .toolbar-trigger,
.tempo.ops-menus.aui-toolbar.aui-toolbar .aui-dd-parent a.aui-dd-trigger {
  border-color: #ccc;
}

.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-item + .toolbar-item .toolbar-trigger,
.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-item + .toolbar-item a.aui-dd-trigger {
  border-left-width: 0;
}

.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-group .toolbar-trigger:hover {
  margin-left: 0;
  cursor: pointer;
}

.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-trigger .icon.icon-next,
.tempo.ops-menus.aui-toolbar.aui-toolbar .toolbar-trigger .icon.icon-previous {
  margin-top: 2px;
}

/*.tempo.ops-menus.aui-toolbar .toolbar-group { margin: 0 10px 0 0; }*/

/**** Version People ****/
#version-people { margin-top: 20px; }

/**** Google Chrome Fixes ****/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #version-people { margin-top: 30px; }
  #tempo-quicklinks label { top: 5px; }
  #tempo-quicklinks input.button { height: 27px; }
  .tempo.ops-menus { margin-bottom: 15px; }
}

.more-license-details { color: #003366; padding-left: 20px; background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/img/arrow_show.gif) no-repeat 0% 0%; }
.more-license-details:hover { color: #ffcc66; text-decoration: underline; cursor: pointer; }
.more-license-details.active { background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/img/arrow_hide.gif) no-repeat 0% 0%; }

/**** Project Sidebar in JIRA ****/
.tt-icon-sidebar-timesheets { background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-global/img/bg-clock-20x20-16x16-rgb-333.svg) no-repeat 0px 0px; }

.tempo-datepicker-trigger {
  cursor: pointer;
  outline: none;
}

#tempo-sidebar {
  z-index: 3;
}

/* module-key = 'is.origo.jira.tempo-plugin:tempo-global', location = 'less/spinner.less' */
.tempo-iframe-spinner-outer-ring{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.tempo-iframe-page-spinner-container{position:absolute;height:100%;width:100%;top:0;left:0;z-index:100;background:rgba(170,170,170,0.2)}.tempo-iframe-page-spinner{position:absolute;top:30%;left:40%;height:20%;max-height:60px;width:20%;margin:0 auto}.tempo-iframe-spinner-logo{-webkit-animation:heartbeat 1s linear infinite;animation:heartbeat 1s linear infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);-webkit-transform-origin:center}to{-webkit-transform:rotate(360deg);-webkit-transform-origin:center}}@keyframes spin{from{transform:rotate(0deg);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center}20%{transform:scale(1);transform-origin:center}35%{transform:scale(1.1);transform-origin:center}100%{transform:scale(1);transform-origin:center}}@-webkit-keyframes heartbeat{0%{-webit-transform:scale(1);-webkit-transform-origin:center}20%{-webkit-transform:scale(1);-webkit-transform-origin:center}35%{-webkit-transform:scale(1.1);-webkit-transform-origin:center}100%{-webkit-transform:scale(1);-webkit-transform-origin:center}}