@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into proposals-widgets.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require angular-datepicker/index
 */
@font-face {
  font-family: "GibsonLight";
  src: url("/fonts/gibsonlight-webfont.eot");
  src: url("/fonts/gibsonlight-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gibsonlight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GibsonLight";
  src: url("/fonts/gibsonregular-webfont.eot");
  src: url("/fonts/gibsonregular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gibsonregular-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GibsonRegular";
  src: url("/fonts/gibsonregular-webfont.eot");
  src: url("/fonts/gibsonregular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gibsonregular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GibsonRegular";
  src: url("/fonts/gibsonsemibold-webfont.eot");
  src: url("/fonts/gibsonsemibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gibsonsemibold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GibsonSemiBold";
  src: url("/fonts/gibsonsemibold-webfont.eot");
  src: url("/fonts/gibsonsemibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gibsonsemibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "10kft";
  src: url("/fonts/10kft.eot?-e2lfy4");
  src: url("/fonts/10kft.eot?#iefix-e2lfy4") format("embedded-opentype"), url("/fonts/10kft.woff?-e2lfy4") format("woff"), url("/fonts/10kft.ttf?-e2lfy4") format("truetype"), url("/fonts/10kft.svg?-e2lfy4#10kft") format("svg");
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes $animationName {
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes $animationName {
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes $animationName {
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes $animationName {
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.widget-wrapper {
  /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  /**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS text size adjust after orientation change, without disabling
   *    user zoom.
   */
  /**
   * Remove default margin.
   */
  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
  /* Links
     ========================================================================== */
  /**
   * Remove the gray background color from active links in IE 10.
   */
  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
  /* Text-level semantics
     ========================================================================== */
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address styling not present in Safari and Chrome.
   */
  /**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address styling not present in IE 8/9.
   */
  /**
   * Address inconsistent and variable font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  /* Embedded content
     ========================================================================== */
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  /* Grouping content
     ========================================================================== */
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  /**
   * Address differences between Firefox and other browsers.
   */
  /**
   * Contain overflow in all browsers.
   */
  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  /* Forms
     ========================================================================== */
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
  /**
   * Re-set default cursor for disabled elements.
   */
  /**
   * Remove inner padding and border in Firefox 4+.
   */
  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  /**
   * Define consistent border, margin, and padding.
   */
  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  /* Tables
     ========================================================================== */
  /**
   * Remove most spacing between table cells.
   */
  /* `Gradients
  --------------------------------------------------------------------------------*/
  /* `Square icon
  --------------------------------------------------------------------------------*/
  /*
   * Component specific styles and bootstrap overrides here
   */
  /*
  * Styles for the approvables tracker widget
  */
  /* `Approvables tracker
  --------------------------------------------------------------------------------*/
  /*
  Vertically centered client/project name or just project name
  Example:
  <div class="tk-row-title">
    <div class="tk-title-center-wrap">
      <div class="tk-project-client" ng-if="clientName">{{clientName}}</div>
      <div class="tk-project-name">{{projectName}}</div>
    </div>
  </div>
  */
  /* `TimeTracker
  --------------------------------------------------------------------------------*/
  /* `Project Picker popover
  --------------------------------------------------------------------------------*/
  /* `Multi-pane
   * Make sure to set width and height of .tk-multi-pane for your instance.
  --------------------------------------------------------------------------------*/
}
.widget-wrapper html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
.widget-wrapper body {
  margin: 0;
}
.widget-wrapper article,
.widget-wrapper aside,
.widget-wrapper details,
.widget-wrapper figcaption,
.widget-wrapper figure,
.widget-wrapper footer,
.widget-wrapper header,
.widget-wrapper hgroup,
.widget-wrapper main,
.widget-wrapper nav,
.widget-wrapper section,
.widget-wrapper summary {
  display: block;
}
.widget-wrapper audio,
.widget-wrapper canvas,
.widget-wrapper progress,
.widget-wrapper video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
.widget-wrapper audio:not([controls]) {
  display: none;
  height: 0;
}
.widget-wrapper [hidden],
.widget-wrapper template {
  display: none;
}
.widget-wrapper a {
  background: transparent;
}
.widget-wrapper a:active,
.widget-wrapper a:hover {
  outline: 0;
}
.widget-wrapper abbr[title] {
  border-bottom: 1px dotted;
}
.widget-wrapper b,
.widget-wrapper strong {
  font-weight: bold;
}
.widget-wrapper dfn {
  font-style: italic;
}
.widget-wrapper h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.widget-wrapper mark {
  background: #ff0;
  color: #000;
}
.widget-wrapper small {
  font-size: 80%;
}
.widget-wrapper sub,
.widget-wrapper sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.widget-wrapper sup {
  top: -0.5em;
}
.widget-wrapper sub {
  bottom: -0.25em;
}
.widget-wrapper img {
  border: 0;
}
.widget-wrapper svg:not(:root) {
  overflow: hidden;
}
.widget-wrapper figure {
  margin: 1em 40px;
}
.widget-wrapper hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.widget-wrapper pre {
  overflow: auto;
}
.widget-wrapper code,
.widget-wrapper kbd,
.widget-wrapper pre,
.widget-wrapper samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.widget-wrapper button,
.widget-wrapper input,
.widget-wrapper optgroup,
.widget-wrapper select,
.widget-wrapper textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
.widget-wrapper button {
  overflow: visible;
}
.widget-wrapper button,
.widget-wrapper select {
  text-transform: none;
}
.widget-wrapper button,
.widget-wrapper html input[type=button],
.widget-wrapper input[type=reset],
.widget-wrapper input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
.widget-wrapper button[disabled],
.widget-wrapper html input[disabled] {
  cursor: default;
}
.widget-wrapper button::-moz-focus-inner,
.widget-wrapper input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.widget-wrapper input {
  line-height: normal;
}
.widget-wrapper input[type=checkbox],
.widget-wrapper input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
.widget-wrapper input[type=number]::-webkit-inner-spin-button,
.widget-wrapper input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.widget-wrapper input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
.widget-wrapper input[type=search]::-webkit-search-cancel-button,
.widget-wrapper input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.widget-wrapper fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.widget-wrapper legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
.widget-wrapper textarea {
  overflow: auto;
}
.widget-wrapper optgroup {
  font-weight: bold;
}
.widget-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.widget-wrapper td,
.widget-wrapper th {
  padding: 0;
}
.widget-wrapper [class^=tk-sprite-],
.widget-wrapper [class*=" tk-sprite-"] {
  background-image: image-url("spritesheet.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.widget-wrapper [class^=tk-icon-],
.widget-wrapper [class*=" tk-icon-"] {
  display: inline-block;
  font-family: "10kft";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.widget-wrapper .tk-sprite-logo-small {
  background-position: -155px -56px;
  width: 40px;
  height: 40px;
}
.widget-wrapper .tk-icon-plus:before {
  content: "\e61b";
}
.widget-wrapper .tk-icon-x:before {
  content: "\e61a";
}
.widget-wrapper .tk-icon-share:before {
  content: "\e61c";
}
.widget-wrapper .tk-icon-edit:before {
  content: "\e618";
}
.widget-wrapper .tk-icon-person:before {
  content: "\e607";
}
.widget-wrapper .tk-icon-calendar:before {
  content: "\e616";
}
.widget-wrapper .tk-icon-tile-control-small:before {
  content: "\e611";
}
.widget-wrapper .tk-icon-tile-control-truncated:before {
  content: "\e610";
}
.widget-wrapper .tk-icon-tile-control-full:before {
  content: "\e60f";
}
.widget-wrapper .tk-icon-bold:before {
  content: "\e60e";
}
.widget-wrapper .tk-icon-italic:before {
  content: "\e60d";
}
.widget-wrapper .tk-icon-font-size:before {
  content: "\e60c";
}
.widget-wrapper .tk-icon-eye:before {
  content: "\e612";
}
.widget-wrapper .tk-icon-hide:before {
  content: "\e601";
}
.widget-wrapper .tk-icon-list:before {
  content: "\e614";
}
.widget-wrapper .tk-icon-grid:before {
  content: "\e615";
}
.widget-wrapper .tk-icon-column:before {
  content: "\e613";
}
.widget-wrapper .tk-icon-group {
  background-position: -105px -55px;
  width: 40px;
  height: 40px;
}
.widget-wrapper .tk-icon-check-rounded:before {
  content: "\e600";
}
.widget-wrapper .tk-icon-arrow-right:before {
  content: "\e602";
}
.widget-wrapper .tk-icon-arrow-left:before {
  content: "\e603";
}
.widget-wrapper .tk-icon-approve:before {
  content: "\e604";
}
.widget-wrapper .tk-icon-plus-square:before {
  content: "\e605";
}
.widget-wrapper .tk-icon-warning:before {
  content: "\e606";
}
.widget-wrapper .tk-icon-expand:before {
  content: "\e608";
}
.widget-wrapper .tk-icon-collapse:before {
  content: "\e609";
}
.widget-wrapper .tk-icon-list-numbers:before {
  content: "\e60a";
}
.widget-wrapper .tk-icon-list-bullets:before {
  content: "\e60b";
}
.widget-wrapper .tk-icon-edit-layout:before {
  content: "\e617";
}
.widget-wrapper .tk-icon-trash:before {
  content: "\e619";
}
.widget-wrapper .tk-icon-timer:before {
  content: "\e61f";
}
.widget-wrapper .tk-icon-lock:before {
  content: "\e61e";
}
.widget-wrapper .tk-icon-largeplus:before {
  content: "\e61d";
}
.widget-wrapper .tk-icon-restore:before {
  content: "\e620";
}
.widget-wrapper .tk-icon-clear:before {
  content: "\e621";
}
.widget-wrapper .tk-icon-arrowdown:before {
  content: "\e622";
}
.widget-wrapper .tk-icon-external-link:before {
  content: "\e623";
}
.widget-wrapper .tk-icon-arrow-box:before {
  content: "\e624";
}
.widget-wrapper .tk-icon-check-small:before {
  content: "\e625";
}
.widget-wrapper .tk-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.widget-wrapper .tk-progress-spinner {
  background-image: image-url("sprite-progress.png");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  animation: spinner 3s linear infinite;
  -moz-animation: spinner 3s linear infinite;
  -webkit-animation: spinner 3s linear infinite;
}
.widget-wrapper .grad-primary, .widget-wrapper .tk-timer-button__cancel, .widget-wrapper .tk-timer-button {
  background: -webkit-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -moz-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -o-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(53, 118, 186)", endColorstr="rgb(53, 118, 186)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-blue, .widget-wrapper button.tk-button-blue, .widget-wrapper .square-icon.type-confirmed {
  background: -webkit-linear-gradient(#75CDFE, #75CDFE);
  background: -moz-linear-gradient(#75CDFE, #75CDFE);
  background: -o-linear-gradient(#75CDFE, #75CDFE);
  background: linear-gradient(#75CDFE, #75CDFE);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#75CDFE", endColorstr="#75CDFE", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-blue-inverted {
  background: -webkit-linear-gradient(rgb(117, 205, 254), rgb(117, 205, 254));
  background: -moz-linear-gradient(rgb(117, 205, 254), rgb(117, 205, 254));
  background: -o-linear-gradient(rgb(117, 205, 254), rgb(117, 205, 254));
  background: linear-gradient(rgb(117, 205, 254), rgb(117, 205, 254));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(117, 205, 254)", endColorstr="rgb(117, 205, 254)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-orange, .widget-wrapper .square-icon.type-leave {
  background: -webkit-linear-gradient(rgb(255, 167, 59), rgb(255, 167, 59));
  background: -moz-linear-gradient(rgb(255, 167, 59), rgb(255, 167, 59));
  background: -o-linear-gradient(rgb(255, 167, 59), rgb(255, 167, 59));
  background: linear-gradient(rgb(255, 167, 59), rgb(255, 167, 59));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(255, 167, 59)", endColorstr="rgb(255, 167, 59)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-purple, .widget-wrapper .square-icon.type-internal {
  background: -webkit-linear-gradient(rgb(205, 137, 240), rgb(205, 137, 240));
  background: -moz-linear-gradient(rgb(205, 137, 240), rgb(205, 137, 240));
  background: -o-linear-gradient(rgb(205, 137, 240), rgb(205, 137, 240));
  background: linear-gradient(rgb(205, 137, 240), rgb(205, 137, 240));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(205, 137, 240)", endColorstr="rgb(205, 137, 240)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-gray, .widget-wrapper button.tk-button-gray, .widget-wrapper .square-icon.type-tentative {
  background: -webkit-linear-gradient(#C0C0C0, #C0C0C0);
  background: -moz-linear-gradient(#C0C0C0, #C0C0C0);
  background: -o-linear-gradient(#C0C0C0, #C0C0C0);
  background: linear-gradient(#C0C0C0, #C0C0C0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C0C0C0", endColorstr="#C0C0C0", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-dark-gray {
  background: -webkit-linear-gradient(#C0C0C0, #C0C0C0);
  background: -moz-linear-gradient(#C0C0C0, #C0C0C0);
  background: -o-linear-gradient(#C0C0C0, #C0C0C0);
  background: linear-gradient(#C0C0C0, #C0C0C0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C0C0C0", endColorstr="#C0C0C0", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-black {
  background: -webkit-linear-gradient(rgb(88, 88, 88), rgb(65, 65, 65));
  background: -moz-linear-gradient(rgb(88, 88, 88), rgb(65, 65, 65));
  background: -o-linear-gradient(rgb(88, 88, 88), rgb(65, 65, 65));
  background: linear-gradient(rgb(88, 88, 88), rgb(65, 65, 65));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(88, 88, 88)", endColorstr="rgb(65, 65, 65)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .grad-red {
  background: -webkit-linear-gradient(#ed004e, #c70033);
  background: -moz-linear-gradient(#ed004e, #c70033);
  background: -o-linear-gradient(#ed004e, #c70033);
  background: linear-gradient(#ed004e, #c70033);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ed004e", endColorstr="#c70033", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .square-icon {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: inline-block;
}
.widget-wrapper .square-icon.small {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.widget-wrapper * {
  box-sizing: border-box;
}
.widget-wrapper *:before, .widget-wrapper *:after {
  box-sizing: border-box;
}
.widget-wrapper body {
  background: #f2f2f2;
}
.widget-wrapper.widget-wrapper {
  font-family: "GibsonRegular", Verdana, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: black;
  margin: 0px;
}
.widget-wrapper input, .widget-wrapper button, .widget-wrapper select, .widget-wrapper textarea {
  font-family: inherit;
  font-size: inherit;
}
.widget-wrapper [ng-click] {
  cursor: pointer;
}
.widget-wrapper [ng-click].tk-not-clickable {
  cursor: default;
}
.widget-wrapper h1, .widget-wrapper h2, .widget-wrapper h3, .widget-wrapper h4, .widget-wrapper h5, .widget-wrapper p {
  font-family: inherit;
  font-weight: 500;
  margin: 0;
}
.widget-wrapper h1 {
  font-size: 36px;
}
.widget-wrapper .tk-text-h1 {
  font-size: 36pt;
  font-weight: bold;
  line-height: 1.1;
}
.widget-wrapper .tk-text-h2 {
  font-size: 24pt;
  font-weight: bold;
  line-height: 1.1;
}
.widget-wrapper .tk-text-h3 {
  font-size: 18pt;
  font-weight: bold;
  line-height: 1.1;
}
.widget-wrapper .tk-left {
  text-align: left;
}
.widget-wrapper .tk-debug {
  background-color: rgb(217, 249, 252);
  border: 1px dotted red;
}
.widget-wrapper .tk-label-medium {
  font-size: 12pt;
}
.widget-wrapper .tk-label-medium-strong {
  font-size: 12pt;
  font-weight: bold;
}
.widget-wrapper .tk-label-small {
  font-size: 12pt;
}
.widget-wrapper .tk-label-small-strong {
  font-size: 10pt;
  font-weight: bold;
}
.widget-wrapper .tk-menu-label {
  display: inline-block;
}
.widget-wrapper input[type=text], .widget-wrapper textarea {
  border: 1px solid rgb(229, 229, 229);
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  float: none;
}
.widget-wrapper textarea {
  padding-top: 5px;
  padding-bottom: 5px;
}
.widget-wrapper input[type=text]:focus, .widget-wrapper textarea:focus {
  box-shadow: 0 0 5px rgb(119, 214, 173);
  border: 1px solid rgb(255, 195, 115);
}
.widget-wrapper .tk-input-label {
  margin: 10px 0px 5px 0px;
  font-weight: normal;
  display: inline-block;
}
.widget-wrapper .tk-input {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #000000;
  background-color: #f5f5f5;
  height: 30px;
  width: 100%;
  text-align: left;
  border: 1px solid #e5e5e5;
  padding-left: 7px;
}
.widget-wrapper .tk-form-row {
  margin-bottom: 15px;
}
.widget-wrapper .tk-radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}
.widget-wrapper .tk-radio label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  box-shadow: inset 0px 0px 0px 1px rgb(0, 0, 0);
  border-radius: 8px;
}
.widget-wrapper .tk-radio input[type=radio] {
  display: none;
}
.widget-wrapper .tk-radio input[type=radio]:checked + label:before {
  content: "•";
  font-size: 30px;
  text-align: center;
  line-height: 18px;
}
.widget-wrapper button {
  color: #666;
  height: 30px;
  width: auto;
  border-radius: 2px;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 26px;
  font-size: 14px;
  background-color: #c1c1c1;
}
.widget-wrapper button.tk-button-left-most {
  margin-left: 0px;
}
.widget-wrapper button.tk-button-right-most {
  margin-right: 0px;
}
.widget-wrapper button:hover, .widget-wrapper button.tk-hover {
  background-color: #CCCCCC;
}
.widget-wrapper button:active, .widget-wrapper button.tk-active {
  background-color: #B2B2B2;
}
.widget-wrapper button:focus {
  outline: none;
}
.widget-wrapper button.tk-button-primary {
  color: #FFFFFF;
  background-color: #3576BA;
}
.widget-wrapper button.tk-button-primary:hover {
  background-color: #6097D2;
}
.widget-wrapper button.tk-button-primary:active {
  background-color: #4C649D;
}
.widget-wrapper button.tk-button-primary:focus {
  background-color: #3576BA;
}
.widget-wrapper button.tk-button-primary:disabled {
  background-color: #B3CCEA;
}
.widget-wrapper button.tk-button-gray {
  color: rgb(255, 255, 255);
}
.widget-wrapper button.tk-button-secondary {
  color: #444444;
  background-color: #EEEEEE;
}
.widget-wrapper button.tk-button-secondary:hover {
  background-color: #E0E0E0;
}
.widget-wrapper button.tk-button-secondary:active {
  background-color: #C0C0C0;
}
.widget-wrapper button.tk-button-secondary:focus {
  background-color: #C0C0C0;
}
.widget-wrapper button.tk-button-secondary:disabled {
  color: #979797;
  background-color: #F2F2F2;
}
.widget-wrapper button.tk-button-destructive {
  color: #FFFFFF;
  background-color: #CC2E3B;
}
.widget-wrapper button.tk-button-destructive:hover {
  background-color: #DB656F;
}
.widget-wrapper button.tk-button-destructive:active {
  background-color: #A62833;
}
.widget-wrapper button.tk-button-destructive:focus {
  background-color: #A62833;
}
.widget-wrapper button.tk-button-destructive:disabled {
  background-color: #EDBEC2;
}
.widget-wrapper button.tk-button-blue {
  color: rgb(255, 255, 255);
  border: 1px solid #75CDFE;
  border-color: #75CDFE;
}
.widget-wrapper button.tk-button-blue:hover {
  background: -webkit-linear-gradient(#1bcdfe, #0197d2);
  background: -moz-linear-gradient(#1bcdfe, #0197d2);
  background: -o-linear-gradient(#1bcdfe, #0197d2);
  background: linear-gradient(#1bcdfe, #0197d2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1bcdfe", endColorstr="#0197d2", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper button.tk-button-blue.active {
  background: -webkit-linear-gradient(#1bcdfe, #0197d2);
  background: -moz-linear-gradient(#1bcdfe, #0197d2);
  background: -o-linear-gradient(#1bcdfe, #0197d2);
  background: linear-gradient(#1bcdfe, #0197d2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1bcdfe", endColorstr="#0197d2", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper ul {
  padding: 0;
  list-style: none;
}
.widget-wrapper hr {
  margin: 2px 0;
  border: none;
  height: 1px;
  background-color: #e5e5e5;
}
.widget-wrapper .tk-root {
  height: 100vh;
}
.widget-wrapper .tk-header-container {
  position: absolute;
  top: 0px;
  width: 100%;
}
.widget-wrapper .tk-header {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 50px;
  background-color: rgb(0, 48, 89);
  font-size: 14px;
  font-family: "GibsonRegular", Verdana, sans-serif;
}
.widget-wrapper .tk-header .tk-header-left, .widget-wrapper .tk-header .tk-header-right {
  display: -webkit-flex;
  display: flex;
}
.widget-wrapper .tk-header .tk-logo {
  margin: 13px -3px 0 21px;
  width: 23px;
  height: 23px;
  background-image: url("/images/resource-management-icon-light.svg");
  background-size: 23px 23px;
  bottom: 6px;
}
.widget-wrapper .tk-header .tk-link {
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  color: #808080;
  text-shadow: 0px -1px 0px #000000;
  margin: 0px 10px;
  line-height: 50px;
}
.widget-wrapper .tk-header .tk-selected {
  color: #fff;
  font-family: "GibsonSemiBold", Verdana, sans-serif;
}
.widget-wrapper .tk-header .tk-link-right {
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  -webkit-align-self: -webkit-flex-end;
  align-self: flex-end;
  color: #808080;
}
.widget-wrapper .tk-header .tk-input {
  background: #5a5a5a;
  border: none;
}
.widget-wrapper .tk-header .tk-input:focus {
  background: #fff;
  border: none;
}
.widget-wrapper .tk-header .group-popover {
  color: #000;
  text-shadow: none;
}
.widget-wrapper .tk-header .group-popover ul {
  margin: 0px;
  padding: 10px;
}
.widget-wrapper .tk-header .group-popover li {
  line-height: normal;
  margin-bottom: 10px;
}
.widget-wrapper .tk-header .group-popover li:last-child {
  margin-bottom: 0px;
}
.widget-wrapper .tk-main-container {
  width: 100%;
  position: absolute;
  top: 50px;
  bottom: 0px;
}
.widget-wrapper .tk-main {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}
.widget-wrapper .tk-panel {
  position: absolute;
  top: 0px;
  bottom: 0px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.widget-wrapper .tk-panel-1 {
  width: 260px;
  left: 0px;
  border-right: 1px solid rgb(204, 204, 204);
}
.widget-wrapper .tk-panel-1 .tk-toolbar {
  border-bottom: 1px solid rgb(204, 204, 204);
}
.widget-wrapper .tk-panel-2 {
  width: calc(50% - 130px);
  left: 260px;
}
.widget-wrapper .tk-panel-2.tk-extend-right {
  width: calc(100% - 260px);
  display: block;
}
.widget-wrapper .tk-panel-3 {
  width: calc(50% - 130px);
  left: 100%;
}
.widget-wrapper .tk-panel-3.tk-extend-left {
  left: calc(50% + 130px);
}
@media (max-width: 1669px) {
  .widget-wrapper .tk-panel-2 {
    width: calc(100% - 260px);
    left: 260px;
  }
  .widget-wrapper .tk-panel-3.tk-extend-left {
    width: calc(100% - 260px);
    left: 260px;
    background-color: #f2f2f2;
  }
}
.widget-wrapper .tk-toolbar {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #f2f2f2;
  text-align: right;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.widget-wrapper .tk-toolbar > div {
  display: inline-block;
}
.widget-wrapper .tk-toolbar button[type=button] {
  border: none;
  border-radius: 2px;
  height: 40px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-right: 10px;
  background-color: #f2f2f2;
  background-image: none;
}
.widget-wrapper .tk-toolbar button[type=button].tk-button-icon-only {
  padding-right: 0px;
}
.widget-wrapper .tk-toolbar button[type=button].tk-button-no-icon {
  padding-left: 10px;
}
.widget-wrapper .tk-toolbar button:hover {
  background-color: #e1e1e1;
}
.widget-wrapper .tk-toolbar button:focus {
  outline: 0;
}
.widget-wrapper input.tk-toolbar-add-project {
  width: 180px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  background-color: #f2f2f2;
  border: none;
}
.widget-wrapper .tk-project-tile {
  float: none;
  padding: 16px;
  border-bottom: 1px solid rgb(204, 204, 204);
  width: 260px;
  overflow: hidden;
  background-size: cover;
  cursor: pointer;
  background-color: white;
}
.widget-wrapper .tk-project-tile:hover {
  background-color: #f9f9f9;
}
.widget-wrapper .tk-user-tile {
  float: left;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #f9f9f9;
  width: 240px;
  height: 100px;
  overflow: hidden;
  background-color: #f9f9f9;
  background-size: cover;
  cursor: pointer;
}
.widget-wrapper .tk-session-tile {
  float: left;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #f9f9f9;
  width: 240px;
  height: 100px;
  overflow: hidden;
  background-color: #f9f9f9;
  background-size: cover;
  cursor: pointer;
}
.widget-wrapper .tk-scrollable-panel-section {
  position: absolute;
  top: 50px;
  bottom: 0px;
  width: 100%;
  overflow-x: hidden;
}
.widget-wrapper .tk-search-box {
  width: 166px;
  display: inline-block;
}
.widget-wrapper .tk-arrow {
  width: 40px;
  height: 20px;
  position: absolute;
  overflow: hidden;
}
.widget-wrapper .tk-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: white;
  top: 10px;
  left: 10px;
  -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.widget-wrapper .tk-arrow.tk-arrow-grey:after {
  background-color: #f2f2f2;
}
.widget-wrapper .tk-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  background-color: white;
  max-width: none;
  -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 4px;
  display: inline-block;
}
.widget-wrapper .tk-popover-content {
  padding: 0;
  font-size: 14px;
}
.widget-wrapper .tk-popover.bottom > .tk-arrow, .widget-wrapper .tk-popover.top > .tk-arrow {
  left: 50%;
  margin-left: -20px;
}
.widget-wrapper .tk-popover.right > .tk-arrow, .widget-wrapper .tk-popover.left > .tk-arrow {
  width: 20px;
  height: 40px;
  margin-top: -20px;
  top: 50%;
}
.widget-wrapper .tk-popover.left > .tk-arrow, .widget-wrapper .tk-popover.top > .tk-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.widget-wrapper .tk-popover.right {
  margin-left: 14px;
}
.widget-wrapper .tk-popover.right > .tk-arrow {
  left: -20px;
}
.widget-wrapper .tk-popover.left {
  margin-right: 14px;
}
.widget-wrapper .tk-popover.left > .tk-arrow {
  left: 100%;
}
.widget-wrapper .tk-popover.bottom {
  margin-top: 14px;
}
.widget-wrapper .tk-popover.bottom > .tk-arrow {
  top: -20px;
}
.widget-wrapper .tk-popover.top {
  margin-bottom: 14px;
}
.widget-wrapper .tk-popover.top > .tk-arrow {
  top: 100%;
}
.widget-wrapper .tk-scrollable {
  overflow-x: hidden;
  overflow-y: scroll;
}
.widget-wrapper .tk-img {
  background-image: url("http://placehold.it/350x150");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 100vw;
}
.widget-wrapper .tk-drag-over {
  opacity: 0.5;
}
.widget-wrapper div .tk-comments {
  text-align: left;
  font-size: 18px;
  padding: 40px;
  margin-bottom: 60px;
}
.widget-wrapper div .tk-comments [class^=tk-icon-], .widget-wrapper div .tk-comments [class*=" tk-icon-"] {
  margin-right: 3px;
}
.widget-wrapper .tk-comments-controls {
  height: 45px;
  border-bottom: 1px solid rgb(204, 204, 204);
  font-size: 14px;
}
.widget-wrapper .tk-comments-controls div {
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}
.widget-wrapper .tk-comment {
  padding: 15px 0;
}
.widget-wrapper .tk-comment .tk-comment-side-panel {
  display: inline-block;
  float: left;
  height: 100%;
  width: 60px;
}
.widget-wrapper .tk-comment .tk-user-profile-pic {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #eee;
  background-size: contain;
}
.widget-wrapper .tk-comment .tk-comment-main-panel {
  display: inline-block;
  width: calc(100% - 60px);
  border-bottom: 1px solid rgb(204, 204, 204);
}
.widget-wrapper .tk-comment .tk-comment-date {
  font-size: 14px;
  color: rgb(85, 85, 85);
  margin: 5px 0 7px 0;
}
.widget-wrapper .tk-comment .tk-comment-value, .widget-wrapper .tk-comment textarea {
  font-family: "GibsonLight", Verdana, sans-serif;
  margin: 0 0 15px 0;
}
.widget-wrapper .tk-comment .tk-popover-content {
  font-family: "GibsonRegular", Verdana, sans-serif;
  padding: 5px;
}
.widget-wrapper .tk-comment .tk-popover-content button {
  margin: 5px 0 0 0;
}
.widget-wrapper .tk-comment .tk-option {
  cursor: pointer;
  margin: 2px 0 0 0;
}
.widget-wrapper .tk-comment .tk-delete-confirmation {
  min-width: 235px;
}
.widget-wrapper .tk-comment textarea {
  width: 100%;
  min-height: 100px;
  margin: 0;
}
.widget-wrapper .tk-comment button {
  margin: 5px 0 10px 0;
  font-size: 14px;
}
.widget-wrapper .tk-dotted-line {
  height: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px dotted rgb(204, 204, 204);
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-empty {
  text-align: center;
  border: solid 1px #e0e0e0;
  padding: 15px;
  border-radius: 3px;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control {
  padding: 10px 0px;
  float: right;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date {
  float: right;
  margin: 0px 0px;
  width: 180px;
  min-height: 28px;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-popover.bottom > .tk-arrow, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-popover.top > .tk-arrow {
  box-shadow: 0px 1px #f2f2f2;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-popover.right > .tk-arrow, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-popover.left > .tk-arrow {
  box-shadow: 1px 0px #f2f2f2;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-arrow::after {
  background: #f2f2f2;
  border: 1px solid rgb(255, 255, 255);
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-icon-arrow-left, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-icon-arrow-right {
  cursor: pointer;
  margin: 0px 0px 0px 8px;
  font-size: 16px;
  float: left;
  padding: 0px;
  color: inherit;
  background: none;
  line-height: initial;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-current-date .tk-current-date-label {
  font-size: 12px;
  float: left;
  width: 132px;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container {
  font-size: 12px;
  float: left;
  margin-right: 30px;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container button {
  background: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  color: inherit;
  font-size: 12px;
  line-height: initial;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-custom, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-week, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-day {
  display: inline-block;
  cursor: pointer;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-custom.active, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-week.active, .widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-day.active {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  cursor: default;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-custom {
  padding: 0 5px 0 0;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-week {
  padding: 0px 5px;
  text-align: right;
}
.widget-wrapper .tk-approvables-tracker .tk-approvables-date-control .tk-week-day-view-container .tk-opt-day {
  padding: 0px 0px 0px 5px;
  text-align: left;
  width: 28px;
}
.widget-wrapper .tk-approvables-tracker .loading {
  height: 50px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
.widget-wrapper .tk-approvables-tracker .loading h3 {
  padding-top: 15px;
}
.widget-wrapper .tk-approvables-tracker .tk-special-top-item .tk-icon-plus {
  color: #b2b2b2;
}
.widget-wrapper .tk-row-title {
  position: relative;
  height: 50px;
}
.widget-wrapper .tk-expense-row-title {
  width: 82%;
  float: left;
}
.widget-wrapper .tk-title-center-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  font-size: 14px;
}
.widget-wrapper .tk-project-client, .widget-wrapper .tk-project-name {
  font-size: 14px;
  line-height: 14px;
}
.widget-wrapper .tk-project-client {
  font-family: "GibsonRegular", Verdana, sans-serif;
  margin-bottom: 2px;
}
.widget-wrapper .tk-project-name {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
}
.widget-wrapper .tk-time-tracker-controls button {
  background: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  font-size: 12px;
  line-height: initial;
  height: 16px;
}
.widget-wrapper .tk-time-tracker-controls, .widget-wrapper .tk-expense-tracker-controls {
  padding: 10px 0px;
  font-size: 12px;
  float: left;
}
.widget-wrapper .tk-time-tracker-controls .control, .widget-wrapper .tk-expense-tracker-controls .control {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.widget-wrapper .tk-time-tracker-controls .control.processing, .widget-wrapper .tk-expense-tracker-controls .control.processing {
  opacity: 0.5;
  cursor: default;
}
.widget-wrapper .tk-time-tracker-controls .tk-icon-expand, .widget-wrapper .tk-time-tracker-controls .tk-icon-collapse, .widget-wrapper .tk-time-tracker-controls .tk-icon-clear, .widget-wrapper .tk-time-tracker-controls .tk-icon-restore, .widget-wrapper .tk-time-tracker-controls .tk-icon-trash, .widget-wrapper .tk-time-tracker-controls .tk-icon-largeplus, .widget-wrapper .tk-expense-tracker-controls .tk-icon-expand, .widget-wrapper .tk-expense-tracker-controls .tk-icon-collapse, .widget-wrapper .tk-expense-tracker-controls .tk-icon-clear, .widget-wrapper .tk-expense-tracker-controls .tk-icon-restore, .widget-wrapper .tk-expense-tracker-controls .tk-icon-trash, .widget-wrapper .tk-expense-tracker-controls .tk-icon-largeplus {
  color: #666;
  float: left;
  padding-right: 8px;
  font-size: 16px;
}
.widget-wrapper .tk-time-tracker-controls .tk-icon-expand, .widget-wrapper .tk-time-tracker-controls .tk-icon-collapse, .widget-wrapper .tk-time-tracker-controls .tk-icon-largeplus, .widget-wrapper .tk-expense-tracker-controls .tk-icon-expand, .widget-wrapper .tk-expense-tracker-controls .tk-icon-collapse, .widget-wrapper .tk-expense-tracker-controls .tk-icon-largeplus {
  margin-top: -1px;
}
.widget-wrapper .tk-time-tracker-controls .tk-icon-clear, .widget-wrapper .tk-time-tracker-controls .tk-icon-restore, .widget-wrapper .tk-expense-tracker-controls .tk-icon-clear, .widget-wrapper .tk-expense-tracker-controls .tk-icon-restore {
  margin-top: -2px;
  padding-right: 7px;
}
.widget-wrapper .tk-time-tracker-controls .tk-icon-largeplus, .widget-wrapper .tk-expense-tracker-controls .tk-icon-largeplus {
  padding-right: 5px;
}
.widget-wrapper .tk-time-tracker-col-right-button {
  min-height: 30px;
  width: 180px;
  float: right;
  font-size: 12px;
}
.widget-wrapper .tk-time-tracker-col-right-button button {
  margin: 0px;
  width: 100%;
}
.widget-wrapper .tk-time-tracker-col-right-button .tk-status-white {
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #666;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
}
.widget-wrapper .tk-time-tracker-col-right-button .tk-status-white div {
  float: left;
}
.widget-wrapper .tk-time-tracker-col-right-button .tk-status-white img {
  margin-top: 1px;
}
.widget-wrapper .tk-time-tracker-col-right-button .tk-status-white .tk-icon-check-small {
  font-size: 16px;
  padding: 6px 0px 6px 26px;
}
.widget-wrapper .tk-time-tracker {
  position: relative;
  /* `Unorganized
  --------------------------------------------------------------------------------*/
}
.widget-wrapper .tk-time-tracker .focus-el {
  width: 0px;
  height: 0px;
  display: inline;
}
.widget-wrapper .tk-time-tracker .focus-el:focus {
  outline: none;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel {
  font-size: 12px;
}
.widget-wrapper .tk-time-tracker .tk-no-category {
  color: #999;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row {
  background: #fff;
  min-height: 50px;
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 0px 10px;
  /* `Unorganized
  ----------------------------------------*/
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header:after,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer:after,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel {
  min-height: 30px;
  margin-right: 14px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right {
  min-height: 30px;
  width: 268px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-row-summary + .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-row-summary + .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-row-summary + .tk-time-tracker-col-right {
  padding-top: 10px;
  width: 180px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .push-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .push-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .push-right {
  padding-left: 25px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-approval-detail-col,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-approval-detail-col,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-approval-detail-col {
  display: table-cell;
  min-height: 50px;
  border-right: 1px dotted #E5E5E5;
  padding: 18px 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-approval-detail-col.col-1,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-approval-detail-col.col-1,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-approval-detail-col.col-1 {
  width: 167px;
  padding-left: 0px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-approval-detail-col.col-2,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-approval-detail-col.col-2,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-approval-detail-col.col-2 {
  width: 160px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-approval-detail-col.col-3,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-approval-detail-col.col-3,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-approval-detail-col.col-3 {
  width: 281px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-approval-detail-col.col-4,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-approval-detail-col.col-4,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-approval-detail-col.col-4 {
  width: 90px;
  padding: 0px;
  border-right: none;
  text-align: right;
  font-family: "GibsonSemiBold", Verdana, sans-serif;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right {
  float: right;
  position: relative;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend {
  position: absolute;
  z-index: 98;
  top: 25px;
  left: 0px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  padding: 10px;
  width: 250px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-row,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-row,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-row {
  height: 18px;
  line-height: 18px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  background: #333;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon.scheduled,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon.scheduled,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon.scheduled {
  background: #EAEAEA;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon.entered,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon.entered,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon.entered {
  background: #24A2EB;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.more,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.more,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.more {
  background: #005B82;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.less,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.less,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon.confirmed.less {
  background: #ffffff;
  border: 1px solid #24A2EB;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-col-right .tk-time-tracker-legend-icon.remaining,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-col-right .tk-time-tracker-legend-icon.remaining,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-col-right .tk-time-tracker-legend-icon.remaining {
  background: #84D5F7;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel-container,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel-container,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel-container {
  float: left;
  width: 50px;
  margin-right: 14px;
  height: 100%;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel-container.last-approval-column,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel-container.last-approval-column,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel-container.last-approval-column {
  margin: 0px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel {
  float: left;
  width: 50px;
  text-align: center;
  border-radius: 3px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel .tk-icon-lock, .widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel .tk-icon-check-small {
  float: right;
  position: relative;
  width: 0px;
  font-size: 16px;
  opacity: 0.45;
  color: #fff;
  right: 14px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel .tk-icon-lock {
  top: 0px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel .tk-icon-check-small {
  top: -3px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel.empty,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel.empty,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel.empty {
  border: 1px solid #e0e0e0;
  color: #474747;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel.empty .tk-icon-lock, .widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel.empty .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel.empty .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel.empty .tk-icon-check-small,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel.empty .tk-icon-lock,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel.empty .tk-icon-check-small {
  opacity: 0.25;
  color: #000;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-cel.read-only.interactive,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-cel.read-only.interactive,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-cel.read-only.interactive {
  cursor: pointer;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-row-title,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-row-title,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-row-title {
  display: table;
  height: 30px;
  width: 180px;
  word-break: break-word;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-time-tracker-row-title-wrap,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-time-tracker-row-title-wrap,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-time-tracker-row-title-wrap {
  display: table-cell;
  vertical-align: middle;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header .tk-hours,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer .tk-hours,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .tk-hours {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header input.tk-hours,
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer input.tk-hours,
.widget-wrapper .tk-time-tracker .tk-time-tracker-row input.tk-hours {
  line-height: initial;
  text-align: center;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-footer {
  border-bottom: none;
  padding: 10px 0px 0px 0px;
}
.widget-wrapper .tk-time-tracker .tk-approval-detail-row {
  min-height: 50px;
  border-bottom: 1px solid #E5E5E5;
  padding: 0px;
  margin-left: 20px;
}
.widget-wrapper .tk-time-tracker .tk-approval-detail-row:last-child {
  margin-left: 0px;
  padding-left: 20px;
}
.widget-wrapper .tk-time-tracker .tk-approval-detail-row .tk-toggle-approve {
  padding-top: 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row.timing {
  background: #bae5f4;
  box-shadow: inset 0px 1px #fff, inset 0px -1px #fff;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--placeholder .tk-timer-button {
  display: none;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--placeholder:hover .tk-time-tracker-row__notes::-webkit-input-placeholder {
  opacity: 1;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--present-time:hover .tk-time-tracker-row__notes {
  width: calc(100% - 86px);
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--present-time:hover .tk-timer-button {
  display: inherit;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-header--day-mode {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  font-size: 20px;
  height: 51px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row .empty.read-only {
  border-color: #f5f5f5;
  background: #f5f5f5;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--expanded {
  background: #f5f5f5;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--expanded .empty.read-only {
  border-color: #ececec;
  background: #ececec;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--expanded-approval .tk-time-tracker-row-title {
  width: 150px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--empty-itemized {
  color: #666;
  line-height: 30px;
  padding-left: 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-left {
  float: left;
  width: 180px;
  min-height: 30px;
  line-height: 30px;
  margin: 0px 20px 0px 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-left--day-mode {
  width: 563px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-left--hoursminutes-day-mode {
  width: 389px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-center {
  min-height: 30px;
  float: left;
  margin-right: 14px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-center--hoursminutes-day-mode {
  width: 160px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__col-center--itemized-day-mode {
  display: flex;
  width: 370px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__notes {
  float: left;
  background: #fff;
  height: 30px;
  width: 100%;
  padding: 5px;
  border: solid 1px rgb(224, 224, 224);
  border-radius: 3px;
  margin-right: 14px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__notes::-webkit-input-placeholder {
  opacity: 0;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__notes:focus {
  cursor: text;
  background: #fff;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__notes:focus::-webkit-input-placeholder {
  opacity: 1;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--timing .tk-time-tracker-row__notes {
  width: calc(100% - 156px);
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--hovering .tk-time-tracker-row__notes {
  width: calc(100% - 115px);
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row--hovering .tk-time-tracker-row__notes::-webkit-input-placeholder {
  opacity: 1;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__control {
  color: #666;
  width: 30px;
  height: 30px;
  float: left;
  padding: 7px;
  font-size: 16px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__control .tk-icon-plus {
  margin: -10px;
  padding: 10px;
  opacity: 1;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__control .tk-icon-plus:hover {
  opacity: 0.75;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__delete-popover {
  color: #000;
  padding: 15px;
  width: 215px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__delete-popover button {
  margin-left: 0px;
  margin-right: 0px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__delete-popover button:last-child {
  margin-left: 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__link {
  color: #666;
  float: left;
  font-size: 16px;
  line-height: 30px;
  opacity: 0;
  cursor: pointer;
  margin-left: -46px;
  padding: 0px 10px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row__link--hover {
  opacity: 1;
}
.widget-wrapper .tk-time-tracker .tk-icon-check-rounded, .widget-wrapper .tk-time-tracker .tk-icon-warning {
  font-size: 14px;
  padding-top: 4px;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary {
  color: #666666;
  margin-top: 7px;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmed {
  color: #000;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmable {
  cursor: pointer;
  margin-top: 2px;
  padding: 5px 0px 5px 0px;
  border: 1px solid transparent;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmable .confirm-text {
  padding-top: 4px;
  font-size: 12px;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmable:hover {
  color: #FFFFFF;
  background-color: #3576BA;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmable:active {
  background-color: #4C649D;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-confirmable:focus {
  background-color: #3576BA;
  outline: #6097D2;
}
.widget-wrapper .tk-time-tracker .tk-hours-summary.tk-insufficient-hours, .widget-wrapper .tk-time-tracker .tk-hours-summary .tk-icon-warning, .widget-wrapper .tk-time-tracker .tk-hours-summary .tk-past-confirmable {
  color: #ee263D;
}
.widget-wrapper .tk-time-tracker .tk-cell-popup-container {
  width: 50px;
  height: 30px;
}
.widget-wrapper .tk-time-tracker .tk-cell-popup-container.half-day-mode .tk-menu-header {
  width: 165px;
}
.widget-wrapper .tk-time-tracker .tk-cell-popup-container.half-day-mode .tk-menu {
  width: 160px;
}
.widget-wrapper .tk-time-tracker .tk-cell-popup-container button {
  width: 135px;
  float: right;
}
.widget-wrapper .tk-time-tracker .tk-cell-popup-container .tk-popover {
  padding: 10px;
}
.widget-wrapper .tk-time-tracker .tk-exceedsMaximum-popup-container {
  width: 260px;
}
.widget-wrapper .tk-time-tracker .tk-exceedsMaximum-popup-container button {
  color: #fff;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row-summary {
  display: inline-block;
  width: 83px;
  text-align: right;
  font-family: "GibsonRegular", Verdana, sans-serif;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
}
.widget-wrapper .tk-time-tracker .tk-time-tracker-row-summary .tk-confirmed {
  color: #666666;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-header {
  padding: 0px 0px 10px 0px;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-header .tk-time-tracker-row__col-left {
  width: 210px;
  margin-right: 0px;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-header > .tk-time-tracker-cel {
  margin-top: 10px;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-row__link {
  margin-left: -37px;
  padding: 0px 5px 0px 15px;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-row__col-left {
  margin-left: 0px;
  margin-right: 30px;
}
.widget-wrapper .tk-time-tracker.approval-timesheet .tk-time-tracker-row-summary {
  margin-left: -2px;
}
.widget-wrapper .tk-toggle-approve {
  float: left;
  min-height: 30px;
  line-height: 30px;
  padding-right: 10px;
}
.widget-wrapper .has-gradient {
  opacity: 0.5;
  text-shadow: none;
  color: #111111;
}
.widget-wrapper .has-gradient.confirmed {
  opacity: 1;
}
.widget-wrapper tk-time-tracker-project-picker {
  outline: none;
}
.widget-wrapper .tk-project-picker {
  height: 100%;
  display: inline-block;
  margin: 0;
}
.widget-wrapper .tk-project-picker .tk-multi-pane, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane {
  color: #000;
  border-radius: 3px;
  overflow: hidden;
  width: 218px;
  height: 400px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .panes, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .panes {
  width: 218px;
  height: 350px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .section-title, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .section-title {
  background-color: #E5E5E5;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .section-title h4, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .section-title h4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 45px;
  width: 100%;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .section-title + .pane-link, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .section-title + .pane-link {
  border-top: 0;
}
.widget-wrapper .tk-project-picker .tk-multi-pane ul, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane ul {
  margin: 0;
  padding: 0;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .panes, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .panes {
  overflow: hidden;
  overflow-y: auto;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 350px;
  border-right: 1px solid #e5e5e5;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane .search-container, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane .search-container {
  padding: 7px 9px 7px 9px;
  background-color: #fff;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane .search-container .search, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane .search-container .search {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  border-radius: 3px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 45px;
  padding: 4px 10px 4px 10px;
  border-top: 1px solid #e5e5e5;
  position: relative;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link:last-child, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.highlighted, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.highlighted {
  background-color: #EFEFEF;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.project-has-phases .details .client, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.project-has-phases .details .client {
  max-width: 140px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.project-has-phases .details .project, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.project-has-phases .details .project {
  max-width: 140px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.combined-recent .details, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.combined-recent .details {
  padding-left: 0;
  width: 100%;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.combined-recent .details .project, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.combined-recent .details .project {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link.combined-recent .details .project::before, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link.combined-recent .details .project::before {
  content: "+ ";
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link .icon, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link .icon {
  vertical-align: middle;
  height: 37px;
  display: table-cell;
  padding-left: 4px;
  padding-top: 6px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link .details, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link .details {
  padding-top: 4px;
  padding-left: 9px;
  height: 37px;
  max-width: 198px;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link .details .client, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link .details .client {
  font-size: 12px;
  width: 160px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link .details .project, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link .details .project {
  font-size: 14px;
  width: 160px;
}
.widget-wrapper .tk-project-picker .tk-multi-pane .pane-link .tk-icon-arrow-right, .widget-wrapper .tk-time-tracker-row__control .tk-multi-pane .pane-link .tk-icon-arrow-right {
  padding: 14px 5px 5px 5px;
  display: table-cell;
}
.widget-wrapper .tk-timesheet-section-heading {
  padding: 0px 0px 20px;
  color: #666;
}
.widget-wrapper .tk-show-more {
  display: inline-block;
  margin: -20px 0 50px -20px;
  padding: 20px;
}
.widget-wrapper .tk-timer-button {
  float: right;
  display: table;
  cursor: pointer;
  height: 30px;
  width: 240px;
  min-width: 71px;
  line-height: 30px;
  border-radius: 3px;
}
.widget-wrapper .tk-timer-button__add {
  display: table-cell;
  color: #FFFFFF;
  padding: 0px 10px;
  border-radius: 3px;
}
.widget-wrapper .tk-timer-button__add:hover {
  background: -webkit-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -moz-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -o-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(53, 118, 186)", endColorstr="rgb(53, 118, 186)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .tk-timer-button__indicator {
  float: left;
  padding: 0px 6px 0px 0px;
  color: #FFFFFF;
}
.widget-wrapper .tk-timer-button__indicator .tk-icon-timer {
  position: relative;
  top: 1px;
  height: 13px;
  width: 13px;
}
.widget-wrapper .tk-timer-button__text {
  float: left;
  color: #FFFFFF;
}
.widget-wrapper .tk-timer-button__cancel {
  display: none;
  border-radius: 0px 3px 3px 0px;
}
.widget-wrapper .tk-timer-button__cancel:hover {
  background: -webkit-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -moz-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: -o-linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  background: linear-gradient(rgb(53, 118, 186), rgb(53, 118, 186));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(53, 118, 186)", endColorstr="rgb(53, 118, 186)", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .tk-timer-button--locked {
  cursor: default;
}
.widget-wrapper .tk-timer-button--timing .tk-icon-timer {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 3000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 3000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 3000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(359deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.widget-wrapper .tk-timer-button--timing .tk-timer-button__add {
  border-radius: 3px 0px 0px 3px;
  border-right: 1px solid #177aae;
}
.widget-wrapper .tk-timer-button--timing .tk-timer-button__cancel {
  display: table-cell;
  border-left: 1px solid #88d1ed;
  padding-left: 6px;
  padding-right: 6px;
  color: #fff;
  vertical-align: middle;
}
.widget-wrapper .tk-timer-button__locked-popover {
  margin: 0px;
  padding: 10px;
  width: 250px;
}
.widget-wrapper ul.tk-menu li {
  padding: 0px 10px;
  height: 24px;
  line-height: 24px;
  text-align: left;
}
.widget-wrapper ul.tk-menu li.tk-menu-header {
  color: #666666;
  font-size: 12px;
}
.widget-wrapper ul.tk-menu li.tk-menu-item {
  cursor: pointer;
}
.widget-wrapper ul.tk-menu li.tk-menu-item:hover {
  background-color: #f0f0f0;
}
.widget-wrapper .tk-weekview-notes-container {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  overflow: hidden;
  width: 100%;
}
.widget-wrapper .tk-weekview-notes {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  float: left;
  width: 436px;
  height: 30px;
  background-color: #F2F2F2;
  margin: 16px 0 0 210px;
  padding: 5px;
  border-radius: 3px;
}
.widget-wrapper .tk-weekview-notes input, .widget-wrapper .tk-weekview-notes span {
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  padding: 0 0 0 7px;
  cursor: pointer;
}
.widget-wrapper .tk-weekview-notes input:focus, .widget-wrapper .tk-weekview-notes span:focus {
  cursor: text;
}
.widget-wrapper .tk-weekview-notes span {
  cursor: text;
  display: inline-block;
  margin-top: 2px;
}
.widget-wrapper .tk-weekview-notes .tk-arrow.tk-weekview-arrow {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  margin: -24px 0 0 0;
}
.widget-wrapper .tk-weekview-notes .tk-arrow.tk-weekview-arrow:after {
  background-color: #ececec;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.widget-wrapper .tk-filter-sidebar {
  float: left;
  width: 220px;
  left: 0px;
  top: 0px;
  height: 100%;
}
.widget-wrapper .tk-filter-sidebar h3 {
  color: #8C8C8C;
  font-size: 14px;
}
.widget-wrapper ul.filter-list {
  margin-top: 5px;
  margin-bottom: 30px;
}
.widget-wrapper ul.filter-list > li {
  color: #000000;
  line-height: 30px;
  border-radius: 2px;
  padding: 0px 5px 0px 5px;
  margin-left: -5px;
  margin-right: 20px;
}
.widget-wrapper ul.filter-list > li:hover, .widget-wrapper ul.filter-list > li.selected {
  background-color: #bfbfbf;
}
.widget-wrapper ul.filter-list > li .tk-full-width {
  width: 100%;
}
.widget-wrapper ul.filter-list > li .tk-filter-content {
  cursor: pointer;
}
.widget-wrapper ul.filter-list .tk-filter-selection {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
}
.widget-wrapper .tk-filter-content .tk-popover-content {
  width: auto;
  min-width: 200px;
}
.widget-wrapper .tk-filter-content .tk-popover-content li.search {
  border-bottom: 1px solid #efefef;
  padding: 0px 10px 5px;
  margin: 0px;
}
.widget-wrapper .tk-filter-content .tk-popover-content li.search input {
  width: 100%;
  height: 30px;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-filter-popup-container {
  min-height: 64px;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-filter-popup-container.fixed-height {
  max-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-date-range-picker-container [ng-transclude] {
  border-bottom: 1px solid #ccc;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-date-range-picker-container .tk-date-picker-header {
  margin: 0 0 -14px 0;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-date-range-picker-container ul {
  padding-left: 4px;
  max-width: 100%;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-date-range-picker-container ul li {
  margin: 0;
  display: inline-block;
}
.widget-wrapper .tk-filter-content .tk-popover-content .tk-date-range-picker-container ul li.interactive:hover {
  background-color: #bfbfbf;
}
.widget-wrapper .tk-filter-content .tk-popover-content ul {
  padding: 3px 0px;
  margin: 0px;
  cursor: default;
  max-width: 300px;
}
.widget-wrapper .tk-filter-content .tk-popover-content ul li {
  margin: 0px 5px;
  line-height: 30px;
  padding: 0px 10px;
  font-size: 14px;
  clear: both;
}
.widget-wrapper .tk-filter-content .tk-popover-content ul li.interactive:hover {
  cursor: pointer;
  background-color: #efefef;
  border-radius: 2px;
}
.widget-wrapper .tk-menu-checkbox-left {
  float: left;
  width: 30px;
  height: 30px;
  padding-left: 8px;
  margin-right: 2px;
}
.widget-wrapper .tk-menu-checkbox-left.interactive {
  cursor: pointer;
}
.widget-wrapper .tk-menu-checkbox-left.interactive:hover {
  background-color: #eeeeee;
}
.widget-wrapper .tk-menu-buttons {
  margin-left: 35px;
  height: 30px;
}
.widget-wrapper .tk-menu-button {
  display: inline-block;
  color: #bfbfbf;
}
.widget-wrapper .tk-menu-button.interactive {
  color: #000;
  padding: 0px 8px;
  margin: 4px 0px;
  cursor: pointer;
  border-radius: 2px;
}
.widget-wrapper .tk-menu-button.interactive:hover {
  background-color: #eeeeee;
}
.widget-wrapper .tk-menu-checkbox-divider {
  float: left;
  width: 1px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 32px;
  border-right: 1px solid #efefef;
}
.widget-wrapper .tk-menu-checkbox-right {
  cursor: pointer;
  margin-left: 35px;
  padding: 0px 10px;
}
.widget-wrapper .tk-menu-checkbox-right:hover {
  background-color: #eeeeee;
}
.widget-wrapper ul li.tk-menu-checkbox {
  position: relative;
  padding: 0px !important;
}
.widget-wrapper .tk-date-picker-container {
  border-radius: 3px;
  border: 1px solid #fff;
  background: #f2f2f2;
}
.widget-wrapper .tk-date-picker-container:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-date-picker-container button {
  margin: 0px 10px 10px 0;
  float: right;
}
.widget-wrapper .tk-date-picker-container.tk-date-range-picker-container {
  width: 466px;
}
.widget-wrapper .tk-date-picker-range-block {
  display: inline-block;
}
.widget-wrapper .tk-date-picker-header {
  margin-top: 10px;
  color: #999;
  text-align: center;
}
.widget-wrapper .tk-date-picker {
  display: inline-block;
  float: left;
  padding: 7px 10px 10px 10px;
  background: #FFFFFF;
}
.widget-wrapper .tk-date-picker .tk-date-picker-label {
  font-size: 14px;
  color: #666666;
  margin: 5px 0px;
}
.widget-wrapper .tk-date-picker [date-picker] {
  padding: 0px;
}
.widget-wrapper .tk-date-picker [date-picker] table {
  border: none;
  font-family: GibsonRegular, Verdana, sans-serif;
  font-size: 14px;
  background-color: #f2f2f2;
  border-collapse: collapse;
}
.widget-wrapper .tk-date-picker [date-picker] span {
  background-color: #FFFFFF;
  margin: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=year] span,
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=month] span,
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=minutes] span {
  width: 25%;
  background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  background-image: -o-linear-gradient(top, #fafafa, #ededed);
  background-image: linear-gradient(to bottom, #fafafa, #ededed);
}
.widget-wrapper .tk-date-picker [date-picker] th {
  background-color: #FFFFFF;
  font-weight: normal;
  width: 30px;
  min-width: 30px;
  height: 27px;
  padding: 0px 0px;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.widget-wrapper .tk-date-picker [date-picker] td {
  width: 30px;
  min-width: 30px;
  height: 27px;
  padding: 0px 0px;
  background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  background-image: -o-linear-gradient(top, #fafafa, #ededed);
  background-image: linear-gradient(to bottom, #fafafa, #ededed);
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.widget-wrapper .tk-date-picker [date-picker] .now {
  background-color: #FFFFFF;
  background-image: none;
  text-shadow: none;
  color: #1A1A1A;
}
.widget-wrapper .tk-date-picker [date-picker] .active.now {
  font-family: GibsonSemiBold;
}
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=year] span.active,
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=month] span.active,
.widget-wrapper .tk-date-picker [date-picker] [ng-switch-when=minutes] span.active,
.widget-wrapper .tk-date-picker [date-picker] .active {
  color: #1A1A1A;
  background-color: #B3CCEA;
  *background-color: #B3CCEA;
  background-image: -moz-linear-gradient(top, #B3CCEA, #B3CCEA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B3CCEA), to(#B3CCEA));
  background-image: -webkit-linear-gradient(top, #B3CCEA, #B3CCEA);
  background-image: -o-linear-gradient(top, #B3CCEA, #B3CCEA);
  background-image: linear-gradient(to bottom, #B3CCEA, #B3CCEA);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B3CCEA", endColorstr="#B3CCEA", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.widget-wrapper .tk-date-picker [date-picker] .active:hover,
.widget-wrapper .tk-date-picker [date-picker] .now:hover {
  color: #000;
  text-shadow: none;
}
.widget-wrapper .tk-date-picker [date-picker] thead tr:last-child {
  font-size: 12px;
}
.widget-wrapper .tk-date-picker [date-picker] thead tr:first-child {
  font-family: GibsonSemiBold;
  font-size: 14px;
}
.widget-wrapper button:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.widget-wrapper [date-picker] th:hover,
.widget-wrapper [date-picker] [ng-switch-when=date] td span:hover {
  cursor: pointer;
  background: #EEEEEE;
}
.widget-wrapper [date-picker] th:active,
.widget-wrapper [date-picker] [ng-switch-when=date] td span:active {
  cursor: pointer;
  background: #E0E0E0;
}
.widget-wrapper #setToToday {
  color: #0970BE;
}
.widget-wrapper [date-picker] span.disabled {
  background-color: #FFFFFF;
  color: #979797;
}
.widget-wrapper .tk-expense-container {
  height: 100%;
}
.widget-wrapper .tk-expense-container:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-expense-tracker-label {
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  padding-bottom: 5px;
  font-size: 14px;
}
.widget-wrapper .tk-expense {
  padding: 0px 10px;
  float: left;
  border-right: 1px dotted #E5E5E5;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget-wrapper .tk-expense .tk-icon-lock, .widget-wrapper .tk-expense .tk-icon-check-small {
  float: left;
  margin: 18px 2px 0px -4px;
}
.widget-wrapper .tk-expense.col1 {
  width: 200px;
  padding: 0px 10px 0px 0px;
}
.widget-wrapper .tk-expense.col2 {
  width: 295px;
}
.widget-wrapper .tk-expense.col3 {
  width: 295px;
}
.widget-wrapper .tk-expense.col4 {
  float: right;
  border-right: none;
  font-family: "GibsonSemiBold", Verdana, sans-serif;
}
.widget-wrapper .tk-expense-container.narrow .col1 {
  width: 120px;
}
.widget-wrapper .tk-expense-container.narrow .col2 {
  width: 250px;
}
.widget-wrapper .tk-expense-container.narrow .col3 {
  width: 274px;
}
.widget-wrapper .tk-expense-container.narrow.detail .col1 {
  width: 115px;
}
.widget-wrapper .tk-expense-container.narrow.detail .col2 {
  width: 241px;
}
.widget-wrapper .tk-expense-tracker .tk-icon-plus-square {
  font-size: 16px;
  color: #aaa;
  float: left;
  line-height: 50px;
}
.widget-wrapper .tk-expense-tracker .tk-toggle-approve {
  padding-top: 10px;
}
.widget-wrapper .tk-expense-tracker__header {
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #E5E5E5;
}
.widget-wrapper .tk-expense-tracker__footer {
  padding: 10px 0px 10px 0px;
}
.widget-wrapper .tk-expense-tracker__footer:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-expense-add {
  width: 100%;
  line-height: normal;
}
.widget-wrapper .tk-expense-add .tk-expense-add-control {
  float: right;
}
.widget-wrapper .tk-expense-add .header {
  border-radius: 3px 3px 0px 0px;
  overflow: hidden;
  background-color: #000;
  color: #ffffff;
  padding: 18px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.widget-wrapper .tk-expense-add .picker {
  border-top: 1px solid #ededed;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #dadada;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  width: 100%;
  padding: 7px 0px 0px 15px;
  background: -webkit-linear-gradient(#f9f9f9, #e7e7e7);
  background: -moz-linear-gradient(#f9f9f9, #e7e7e7);
  background: -o-linear-gradient(#f9f9f9, #e7e7e7);
  background: linear-gradient(#f9f9f9, #e7e7e7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='ie_hex_str($colorStart)', endColorstr='ie_hex_str($colorStop)')";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9f9f9", endColorstr="#e7e7e7", GradientType=0 ); /* IE6-9 */
}
.widget-wrapper .tk-expense-add .picker-container {
  margin: 6px 0px 10px;
}
.widget-wrapper .tk-expense-add .picker-container.calendar .tk-popover.bottom > .tk-arrow, .widget-wrapper .tk-expense-add .picker-container.calendar .tk-popover.top > .tk-arrow {
  box-shadow: 0px 1px #f2f2f2;
}
.widget-wrapper .tk-expense-add .picker-container.calendar .tk-popover.right > .tk-arrow, .widget-wrapper .tk-expense-add .picker-container.calendar .tk-popover.left > .tk-arrow {
  box-shadow: 1px 0px #f2f2f2;
}
.widget-wrapper .tk-expense-add .picker-container.calendar .tk-arrow::after {
  background: #f2f2f2;
  border: 1px solid rgb(255, 255, 255);
}
.widget-wrapper .tk-expense-add .tk-icon-arrowdown {
  font-size: 16px;
  float: right;
  padding: 0px 5px;
}
.widget-wrapper .tk-expense-add .content {
  border-radius: 0px 0px 3px 3px;
  height: 195px;
  background-color: #ffffff;
  padding: 18px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.widget-wrapper .tk-expense-add .content .tk-button-primary {
  margin-right: 0px;
}
.widget-wrapper .tk-expense-add .content.existing {
  border-radius: 3px;
}
.widget-wrapper .tk-expense-add .content .label {
  color: #666666;
  font-size: 12px;
}
.widget-wrapper .tk-expense-add .content input {
  width: 100%;
  height: 30px;
  margin-top: 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.widget-wrapper .tk-expense-add .content .column-1 {
  width: 50%;
  float: left;
  padding-right: 15px;
}
.widget-wrapper .tk-expense-add .content .column-1 .column-1-1 {
  width: 40%;
  float: left;
  padding-right: 15px;
}
.widget-wrapper .tk-expense-add .content .column-1 .column-1-2 {
  width: 60%;
  float: right;
}
.widget-wrapper .tk-expense-add .content .column-2 {
  width: 50%;
  float: right;
}
.widget-wrapper .tk-expense-add .content .column-2 .spacer {
  width: 100%;
  height: 60px;
}
.widget-wrapper .tk-expense-add .content .column-2 .column-2-1 {
  width: 65%;
  padding-right: 15px;
  float: left;
}
.widget-wrapper .tk-expense-add .content .column-2 .column-2-2 {
  width: 35%;
  float: right;
}
.widget-wrapper .tk-close-x {
  float: right;
  height: 100%;
  margin: -10px;
  padding: 10px;
  color: #fff;
}
.widget-wrapper .tk-expenses-group-header {
  color: #aaa;
  padding: 20px 0px 0px;
}
.widget-wrapper .tk-row {
  min-height: 50px;
  line-height: 50px;
  margin: 0px;
  padding: 0px;
}
.widget-wrapper .tk-row.divider {
  border-bottom: 1px solid #E5E5E5;
}
.widget-wrapper .tk-row.indented {
  margin-left: 10px;
}
.widget-wrapper .tk-interactive {
  cursor: pointer;
}
.widget-wrapper .tk-expense-item.tk-interactive:hover {
  background-color: rgb(239, 239, 239);
}
.widget-wrapper .tk-expense-item.editing {
  margin-left: 0px;
}
.widget-wrapper .bar-ratios {
  height: 10px;
}
.widget-wrapper .bar-ratios div, .widget-wrapper .bar-ratios div div {
  transition: left 1s linear, width 1s linear;
}
.widget-wrapper .tk-filter-list {
  border-top: 1px solid #E5E5E5;
}
.widget-wrapper .tk-filter-list-item {
  padding: 15px 0px;
  border-bottom: 1px solid #E5E5E5;
  font-size: 13px;
}
.widget-wrapper .tk-filter-list-item:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-filter-list-item:hover {
  background-color: rgb(239, 239, 239);
}
.widget-wrapper .tk-filter-list-item__icon {
  float: left;
  padding: 5px 10px 5px 5px;
  font-size: 16px;
  color: #d8d8d8;
}
.widget-wrapper .tk-filter-list-item__title {
  float: left;
  padding: 5px 0px;
  width: 916px;
}
.widget-wrapper .tk-filter-list-item__button {
  float: left;
  color: #666;
  padding: 5px 5px 5px 10px;
  font-size: 16px;
}
.widget-wrapper .tk-filter-list-item__button:hover {
  opacity: 0.75;
}
.widget-wrapper .tk-filter-list-item__delete-popover {
  padding: 15px;
  width: 215px;
}
.widget-wrapper .tk-filter-list-item__delete-popover button {
  margin-left: 0px;
  margin-right: 0px;
}
.widget-wrapper .tk-filter-list-item__delete-popover button:last-child {
  margin-left: 10px;
}
.widget-wrapper .tk-approvablesheet {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  margin: 0px 0px 20px 0px;
  padding: 28px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.widget-wrapper .tk-approvablesheet--submitted {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-box-shadow: inset 0px 0px 0px 1px #d1d1d1;
  -moz-box-shadow: inset 0px 0px 0px 1px #d1d1d1;
  box-shadow: inset 0px 0px 0px 1px #d1d1d1;
  background-color: #f2f2f2;
  border-radius: 4px;
}
.widget-wrapper .tk-approvablesheet__message {
  text-align: center;
}
.widget-wrapper .tk-approvablesheet__message--two-lines {
  margin-top: -7px;
}
.widget-wrapper .tk-approvablesheet__controls {
  margin-top: 10px;
}
.widget-wrapper .tk-approvablesheet__controls:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-approvablesheet__controls button {
  float: left;
  margin: 0px;
}
.widget-wrapper .tk-approvablesheet__controls button:last-child {
  float: right;
}
.widget-wrapper .tk-approvablesheet__controls--expense {
  margin-top: 30px;
}
.widget-wrapper .tk-user-badge:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-user-badge__avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
.widget-wrapper .tk-user-badge__avatar img {
  width: 100%;
  max-width: 100%;
}
.widget-wrapper .tk-user-badge__info {
  line-height: normal;
  float: left;
  height: 40px;
}
.widget-wrapper .tk-user-badge__info-wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.widget-wrapper .tk-user-badge__name {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.widget-wrapper .tk-user-badge__discipline {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-wrapper .tk-multi-pane .panes {
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.widget-wrapper .tk-multi-pane .pane {
  position: absolute;
  top: 0;
  left: 0;
}
.widget-wrapper .tk-multi-pane .pane.hidden {
  display: none;
}
.widget-wrapper .tk-multi-pane .pane-link {
  cursor: pointer;
  padding: 5px;
}
.widget-wrapper .tk-multi-pane .title-bar {
  height: 50px;
  background-color: #333333;
  color: #fff;
  padding: 15px 18px 18px 18px;
  position: relative;
  /*h3*/
}
.widget-wrapper .tk-multi-pane .title-bar .pane-title {
  font-family: "GibsonSemiBold", sans-serif;
  font-size: 15px;
  text-align: center;
  font-weight: normal;
}
.widget-wrapper .tk-multi-pane .title-bar .back-button {
  position: absolute;
  font-size: 15px;
  cursor: pointer;
}
.widget-wrapper div {
  margin: 0;
}
.widget-wrapper .tk-approval-page-wrapper {
  background-color: #f2f2f2;
  width: 1020px;
  margin: 0px auto;
}
.widget-wrapper .tk-approval-page__header:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-approval-page__title {
  float: left;
  font-family: "GibsonSemiBold", Verdana, sans-serif;
  font-size: 32px;
  margin-top: 23px;
}
.widget-wrapper .tk-approval-page__save-filter {
  float: right;
}
.widget-wrapper .tk-approval-page__save-filter button {
  margin: 25px 0px 0px 0px;
}
.widget-wrapper .tk-approval-page-popover {
  width: 210px;
  padding: 15px;
}
.widget-wrapper .tk-approval-page-popover:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-approval-page-popover input {
  width: 100%;
  height: 30px;
  border-radius: 2px;
}
.widget-wrapper .tk-approval-page-popover button {
  float: left;
  margin-top: 15px;
}
.widget-wrapper .tk-approval-page-popover button:last-child {
  margin-left: 10px;
}
.widget-wrapper .tk-approval-page__content {
  margin-top: 35px;
}
.widget-wrapper .tk-approval-page__content:after {
  content: "";
  display: table;
  clear: both;
}
.widget-wrapper .tk-approval-page__approvalsheets {
  width: 800px;
  float: right;
}
/*# sourceMappingURL=approvals-bridge.css.map */
