/* v1.0 | 20080212 */
/* For bars */
/* For buttons */
/*------------------------------------*\
    !MIXINS
\*------------------------------------*/
/*------------------------------------*\
    !ELEMENTS
\*------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*vertical-align: baseline;*/
  font-size: 100%;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  /* remember to define focus styles! */ }

:focus {
  outline: 1px dotted;
  /* remember to highlight inserts somehow! */ }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through;
  /* tables still need 'cellspacing="0"' in the markup */ }

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* !Debug */ }

#debug-menu {
  position: fixed;
  z-index: 1001;
  top: 4px;
  background-color: #fff;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px;
  padding-right: 10px; }

.debug-item {
  border: 1px solid #666;
  margin: 10px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px;
  background-color: #fff;
  color: #666;
  padding: 5px; }

.debug-info {
  border-top: 1px solid black;
  background-color: #666;
  color: #fff; }

.debug-line {
  float: right; }

#debug-menu > li > span {
  background-color: #888;
  color: #fff;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px;
  display: block;
  font-size: 10px;
  height: 10px;
  text-align: center;
  padding: 1px 3px;
  margin-left: -8px;
  margin-top: -6px;
  position: absolute; }

#debug-menu > li > span.red {
  background-color: #c00; }

#debug-menu > li > span.blue {
  background-color: #00c; }

#debug-menu > li > span.green {
  background-color: #080; }

#debug-menu > .icon {
  height: 19px;
  border: 5px solid #aaa;
  background-position: 2px 1px;
  width: 19px;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1001;
  margin: 2px;
  padding: 0px;
  display: block;
  float: left;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px; }

.icon.debug-icon {
  background-image: url("/static/img/eggshell/bug.png"); }

.icon.style-icon {
  background-image: url("/static/img/eggshell/style.png"); }

.icon.eggshell-icon {
  background-image: url("/static/img/eggshell/eggshell-icon.png"); }

.icon.test-icon {
  background-image: url("/static/img/eggshell/clipboard-task.png"); }

.icon.succes-icon {
  background-image: url("/static/img/eggshell/tick.png"); }

.icon.error-icon {
  background-image: url("/static/img/eggshell/exclamation-diamond-frame.png"); }

.icon.querysSelect-icon {
  background-image: url("/static/img/eggshell/database--arrow.png"); }

.icon.querysDelete-icon {
  background-image: url("/static/img/eggshell/database--minus.png"); }

.icon.querysUpdate-icon {
  background-image: url("/static/img/eggshell/database--plus.png"); }

.icon.querysRun-icon {
  background-image: url("/static/img/eggshell/database.png"); }

.icon.queryErrors-icon {
  background-image: url("/static/img/eggshell/database--exclamation.png"); }

.icon.notices-icon {
  background-image: url("/static/img/eggshell/bell.png"); }

.icon.remarkNames-icon {
  background-image: url("/static/img/eggshell/balloon-ellipsis.png"); }

.icon.remarks-icon {
  background-image: url("/static/img/eggshell/balloon.png"); }

.icon.fails-icon {
  background-image: url("/static/img/eggshell/cross.png"); }

.icon.files-icon {
  background-image: url("/static/img/eggshell/notebooks.png"); }

.icon.gets-icon {
  background-image: url("/static/img/eggshell/chain--arrow.png"); }

.icon.posts-icon {
  background-image: url("/static/img/eggshell/application-form.png"); }

.icon.classes-icon {
  background-image: url("/static/img/eggshell/puzzle.png"); }

.icon.log-icon {
  background-image: url("/static/img/eggshell/edit-code.png"); }

.medium-debug-popup h1, .full-debug-popup h1 {
  height: 20px;
  padding: 8px 0px;
  background-color: #fff;
  color: #666;
  font-size: 20px;
  width: 100%; }

.medium-debug-popup, .full-debug-popup {
  border: 5px solid #fff;
  display: none;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 1000;
  color: #fff;
  font-size: 12px;
  top: 0px;
  right: 0px;
  overflow: auto; }

.medium-debug-popup {
  width: 700px;
  height: 400px; }

.full-debug-popup {
  bottom: 0px;
  left: 0px; }

.full-debug-popup pre, .medium-debug-popup pre {
  padding: 15px;
  overflow: auto; }

#style-info {
  display: none;
  background: #fff;
  border: 10px solid rgba(100, 100, 100, 0.5);
  overflow: hidden;
  position: fixed;
  z-index: 1000;
  color: #fff;
  font-size: 12px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -283px;
  width: 750px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px; }

#select-element-start {
  position: absolute;
  right: 0px;
  color: #030;
  background-color: #fff;
  top: 0px;
  padding: 12px 5px 13px 5px;
  border-left: 1px solid #ccc; }

#select-element-start:hover {
  background-color: #ccc; }

#select-element-pointer {
  width: 750px;
  margin: 0px;
  padding: 10px;
  padding-right: 70px;
  border: none;
  border-bottom: 1px solid #ccc; }

#select-element-css-left, #select-element-css-right {
  width: 280px;
  margin: 0px;
  padding: 10px;
  float: left;
  border: none; }

#select-element-css-right {
  padding: 11px 10px; }

#save-style {
  width: 163px;
  display: block;
  float: left;
  text-align: center;
  height: 13px;
  border: 3px solid rgba(100, 100, 100, 0.5);
  margin: 0px;
  padding: 12px;
  background-color: #e5fdda;
  color: #030;
  text-decoration: none;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  border-width: 3px 0 0 3px; }

#select-element-info {
  padding: 5px;
  width: 190px;
  overflow: hidden; }

input.highlight {
  background-color: #fc9 !important;
  /*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
  /* Layout helpers
----------------------------------*/ }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  /* support: IE7 */
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-disabled {
  cursor: default !important;
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  /* Misc visuals
----------------------------------*/
  /* Overlays */ }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  /* support: IE7 */
  min-height: 0;
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  /* removes extra width in IE */
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
  /* to make room for the icon, a width needs to be set here */ }

.ui-button-icon-only {
  width: 2.2em;
  /* button elements seem to need a little more width */ }

button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em;
  /* button text element */ }

.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
  /* no icon support for input elements, provide padding by default */ }

input.ui-button {
  padding: 0.4em 1em;
  /* button icon element(s) */ }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
  /* button sets */ }

.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
  /* workarounds */
  /* reset extra padding in Firefox, see h5bp.com/l */ }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  /* with multiple calendars */ }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
  /* RTL support */ }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
  /* icon support */ }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
  /* left-aligned */ }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
  /* right-aligned */ }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  /* support: IE8 */
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  /* Support: IE7 */
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  /* support: IE8 - See #6727 */ }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: 0.8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: 0.8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
  /* more specificity required here to override default borders */ }

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
  /* vertically center icon */ }

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0;
  /* TR overrides */ }

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-tabs {
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  position: relative;
  padding: 0.2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px;
  /* Component containers
----------------------------------*/ }

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url("/static/img/jquery/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  color: #222; }

.ui-widget-content a {
  color: #222; }

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url("/static/img/jquery/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222;
  /* Interaction states
----------------------------------*/ }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("/static/img/jquery/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #dadada url("/static/img/jquery/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff url("/static/img/jquery/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("/static/img/jquery/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/static/img/jquery/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: alpha(Opacity=35);
  /* support: IE8 - See #6059 */
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_222222_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_888888_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_454545_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/static/img/jquery/ui-icons_cd0a0a_256x240.png");
  /* positioning */ }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px;
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
  /* Misc visuals
----------------------------------*/
  /* Corner radius */ }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
  /* Overlays */ }

.ui-widget-overlay {
  background: #aaa url("/static/img/jquery/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  /* support: IE8 */
  filter: alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("/static/img/jquery/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  /* support: IE8 */
  filter: alpha(Opacity=30);
  border-radius: 8px; }

.upload-wrap {
  width: auto;
  overflow: hidden;
  position: relative;
  float: left; }

.upload-wrap > span {
  width: 85px;
  margin: 5px 0px 5px 5px;
  padding-left: 5px;
  display: block;
  float: left;
  border: 1px solid #ddd;
  white-space: nowrap;
  color: #888;
  display: none; }

.upload-wrapee > a {
  display: block;
  float: left;
  text-align: center; }

.upload-wrap .upload-file-input {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  float: right;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%; }

#file-frame {
  display: none;
  /*
#popupOuter{
  -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}*/
  /* !Debug */ }

#debug-info {
  border: 5px solid #fff;
  margin: 1% 0.3%;
  display: none;
  background: rgba(0, 0, 0, 0.75);
  overflow-y: auto;
  overflow-x: auto;
  position: fixed;
  z-index: 1000;
  color: #fff;
  font-size: 12px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

#debug-icon {
  height: 19px;
  background: rgba(180, 180, 180, 0.75);
  position: fixed;
  z-index: 1000;
  background-image: url("/static/img/eggshell/bug.png");
  border: 5px solid rgba(255, 255, 255, 0.7);
  background-position: 2px 1px;
  right: 0.3%;
  top: 1%;
  width: 19px;
  background-repeat: no-repeat;
  cursor: pointer; }

#debug-info pre {
  padding: 15px;
  box-shadow: 0 1px 0 #042042, 0 1px 0 rgba(299, 299, 299, 0.2) inset;
  /*------------------------------------*\
    !TEXT
\*------------------------------------*/ }

.grid-overlay {
  background-image: url('/static/img/grid.png');
  background-repeat: repeat;
  background-position: top right;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

#grid-container {
  height: 100%;
  margin: 0 auto;
  position: relative;
  min-width: 1000px;
  width: 90%;
  /*------------------------------------*\
    !GRID BLOCKS
\*------------------------------------*/ }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  float: left;
  margin-right: 5px;
  margin-left: 5px; }

.grid-25 {
  float: left;
  display: inline-block; }

.grid-1 {
  width: 4%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-2 {
  width: 8%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-3 {
  width: 12%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-4 {
  width: 16%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-5 {
  width: 20%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-6 {
  width: 24%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-7 {
  width: 28%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-8 {
  width: 32%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-9 {
  width: 36%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-10 {
  width: 40%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-11 {
  width: 44%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-12 {
  width: 48%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-13 {
  width: 52%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-14 {
  width: 56%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-15 {
  width: 60%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-16 {
  width: 64%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-17 {
  width: 68%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-18 {
  width: 72%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-19 {
  width: 76%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-20 {
  width: 80%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-21 {
  width: 84%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-22 {
  width: 88%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-23 {
  width: 92%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-24 {
  width: 96%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.grid-25 {
  width: 100%;
  /*------------------------------------*\
    !GRID SETUP
\*------------------------------------*/ }

.first {
  margin-left: 0; }

.last {
  margin-right: 0; }

.clear:after, .main-menu:after, .grid-container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clear, .main-menu, .container {
  display: block;
  /*------------------------------------*\
    !BLOCK-ALIGNMENT
\*------------------------------------*/ }

.vertical-center {
  position: absolute;
  top: 25%;
  left: 30%;
}

.flexbox-center {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-dialog {
  width:90%;
  max-width:500px;
  margin-top: -10%;
}
  /*------------------------------------*\
    !WTSIWYG STYLING
\*------------------------------------*/

textarea#editable {
  border: none;
  padding: 0px;
  overflow-x: hidden;
  line-height: 1.5;
  color: #333; }

.wysihtml5-sandbox {
  border: none; }

.editable-toolbar {
  height: 30px; }

.editable-toolbar > span {
  border-right: 1px dotted #fff;
  padding: 0px 0px 0px 5px;
  margin: 0px 7px 0px 0px; }

.link-tool {
  padding: 0px 2px;
  background-color: #fff;
  position: absolute;
  margin-left: -414px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #e4e4e4;
  background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
  background-image: -o-linear-gradient(top, #fff, #e4e4e4);
  background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
  background-image: linear-gradient(top, #fff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
  font-size: 0.9em; }

.link-tool input {
  margin-left: 5px;
  padding-left: 5px; }

.link-tool a {
  padding: 3px; }

.editable-toolbar > a {
  min-width: 25px;
  float: left;
  display: block;
  text-align: center;
  border-bottom-color: #979797;
  color: #333;
  font-weight: bold;
  padding: 0px 3px;
  margin-right: 2px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #e4e4e4;
  background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
  background-image: -o-linear-gradient(top, #fff, #e4e4e4);
  background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
  background-image: linear-gradient(top, #fff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4'); }

.editable-toolbar > a.wysihtml5-command-active {
  background-image: -webkit-linear-gradient(top, #e4e4e4, #fff);
  background-image: -o-linear-gradient(top, #e4e4e4, #fff);
  background-image: -ms-linear-gradient(top, #e4e4e4, #fff);
  background-image: linear-gradient(top, #e4e4e4, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#e4e4e4',endColorstr='#ffffff'); }

.editable-toolbar > a > span {
  font-size: 0.8em; }

#cke_editor1 {
  display: none;
  clear: left;
  float: left;
  width: 99%; }

#saveCK.hidden, #undoCK.hidden {
  display: none; }

#saveCK, #undoCK, #editCK {
  background-color: #333;
  float: right;
  margin: 5px;
  display: block;
  padding: 0.5em 0.8em;
  border: 1px solid #000;
  color: #fff;
  font-weight: bold;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px; }

#test {
  /*}*/
  /*------------------------------------*\
    !THEME COLORS
\*------------------------------------*/ }

body, html {
  background-attachment: fixed;
  background-color: #fff;
  background-image: url('/static/img/slingers.png');
  background-position: center center;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  /*Magic number: 18*/
  height: 100%;
  line-height: 1.5;
  overflow: hidden; }

body:before {
  content: "";
  height: 10px;
  left: 0;
  position: fixed;
  top: -10px;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }

*:focus {
  outline: none; }

.menu-and-page {
  background-color: #fff;
  border-left: 1px solid #555;
  border-right: 1px solid #555; }

.scroll-vertical {
  overflow-y: auto;
  overflow-x: hidden; }

input, select, option, textarea {
  font-family: inherit;
  font-size: inherit;}



/*------------------------------------*\
    !TOOLTIPSTER TYLE
\*------------------------------------*/ 

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px; 
  border: 2px solid #085694;
  background: #C4DEF2;
  color: #085694;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0; 
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-right: 9px solid;
  margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
  
  /*------------------------------------*\
    !REUSABLE
\*------------------------------------*/ 

.margin-bottom {
  margin-bottom: 1.5em;
  /*18px*/ }

.margin-bottom--small, .start-screen .type-text, .start-screen .type-pass, .start-screen .button--large, .instruction {
  margin-bottom: 0.5em;
  /*6px*/ }

.margin-bottom--large {
  margin-bottom: 8.5em;
  /*100px*/ }

.block, .menu-and-page, .start-screen, .start-screen .type-text, .start-screen .type-pass, .start-screen .button--large, .large-textarea, .small-textarea, .medium-textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.hidden {
  display: none; }

.unvisible {
  visibility: hidden; }

.padding {
  padding: 1.5em;
  /*18px*/ }

.float-container, .menu-and-page, .popup-form li, .overview-container, .codetype-row, .activity, .project-bar, .button-container, .consultant-data-list > li {
  overflow: hidden; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.rounded-corners-standard, .button--medium, .button--small, .upload-wrapee > a, .data-table .table-button--yes, .header-button, .search-menu .button--small--add, .filter-menu .button--small--neutral, .save-invoice-button, .button--add-group, .button--square, .icon-button--submit, #popupInner, .popup-form .type-text, .popup-form select .popup-form input[list], .popup-form textarea, .button-cancel, .button-save, .button-neutral, .drop-down-menu, .activity-date, .project-bar, .button-group {
  border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px; }

.rounded-corners-medium, .button--large, .type-text.large, .type-pass.large, .start-screen, .overview {
  border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px; }

.no-border {
  border: 0; }

.logo {
  margin: 0.5em 0 0;
  display: block; }

.icon-image {
  vertical-align: text-bottom; }

.strong {
  font-weight: bold; }

.center-text {
  text-align: center; }

.text-align-right {
  text-align: right; }

.extra-info, .extra-info-vertical {
  color: #999;
  margin-left: 0.25em;
  font-weight: normal; }

.extra-info-vertical {
  display: block;
  margin-left: 0; }

.horizontal-list > li, .admin-menu > li, .filter-menu > li, .search-menu > li, .search-menu-left > li {
  float: left; }

.standard-padding-xy, .menu-list h3, .menu-list a, .menu-list .empty-notice, .project-id, .project-name, .project-codes, .option-icons, .project-bar .option-icons {
  padding: 0.5em;
  /*6px*/ }

.standard-margin-xy, .menu-list label, .menu-list select, .menu-list .type-text, .menu-list button {
  margin: 0.5em;
  /*6px*/ }

.standard-padding-y, .codetype-row .float-left, .codetype-row .float-right, .codetype-color, .activity-client, .project-color, .consultant-data-list > li {
  padding-bottom: 0.5em;
  /*6px*/
  padding-top: 0.5em;
  /*6px*/ }

.standard-padding-x {
  padding-left: 0.5em;
  /*6px*/
  padding-right: 0.5em; }

.large-padding-x, .consultant-data-list > li {
  padding-left: 0.75em;
  /*6px*/
  padding-right: 0.75em;
  /*6px*/ }

.standard-padding-left, .search-menu-left {
  padding-left: 0.75em;
  /*9px*/ }

.large-padding-left {
  padding-left: 1em;
  /*12px*/ }

a {
  text-decoration: none;
  color: #004379;
  /*------------------------------------*\
    !BAR COLORS
\*------------------------------------*/ }

.bar-color-1, .bar-title-color-1, .popup-form h1, .popup-form-h1, .popup-form h2, .bar-title, .th-skin, .th-left-corner, .th-center, .th-right-corner, .main-menu {
  border: 1px solid #012440;
  /* Old browsers */
  background: #01589b;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01589b), color-stop(100%, #013a68));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* W3C */
  background: linear-gradient(to bottom, #01589b 0%, #013a68 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }

.bar-color-2, .action-menu {
  border: 1px solid #1f1f1f;
  /* Old browsers */
  background: #333;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #333 0%, #222 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #333 0%, #222 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #333 0%, #222 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #333 0%, #222 100%);
  /* W3C */
  background: linear-gradient(to bottom, #333 0%, #222 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }

.bar-color-3, .bar-title-color-3, .title-bar, .data-table th, .button-group {
  border: 1px solid #b8b8b8;
  /* Old browsers */
  background: #fff;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #fff 0%, #d1d1d1 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d1d1d1));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d1d1d1 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff 0%, #d1d1d1 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d1d1d1 100%);
  /* W3C */
  background: linear-gradient(to bottom, #fff 0%, #d1d1d1 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }

.bar-title-color-1, .popup-form h1, .popup-form-h1, .popup-form h2, .bar-title, .th-skin, .th-left-corner, .th-center, .th-right-corner {
  border-width: 1px 0 1px 0;
  color: #fff;
  padding: 0.5em 0 0.5em 0.75em;
  /*9px*/
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.6) -1px -1px 0px; }

.bar-title-color-3, .title-bar, .data-table th {
  border-width: 1px 0 1px 0;
  color: #49525c;
  padding: 0.5em 0 0.5em 0.75em;
  /*9px*/
  text-decoration: none;
  text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0px; }

.title-bar {
  /*------------------------------------*\
    !BUTTON SIZES
\*------------------------------------*/ }

.button, .button--large, .button--medium, .button--small, .upload-wrapee > a, .data-table .table-button--yes, .header-button, .search-menu .button--small--add, .filter-menu .button--small--neutral, .save-invoice-button, .button--add-group, .button--square, .icon-button--submit, .button-cancel, .button-save, .button-neutral, .button-group a {
  cursor: pointer;
  font-family: inherit; }

.button--large {
  font-size: 1.333rem;
  /*15px*/
  padding: 0.5em;
  /*6px*/ }

.button--medium {
  font-size: 1.167rem;
  /*14px*/
  padding: 0.5em;
  /*6px*/ }

.button--small, .upload-wrapee > a, .data-table .table-button--yes, .header-button, .search-menu .button--small--add, .filter-menu .button--small--neutral, .save-invoice-button, .button--add-group {
  font-size: 11px;
  font-size: 0.917rem;
  /*11px*/
  padding: 0.5em;
  /*6em*/ }

.button--square, .icon-button--submit {
  height: 2em;
  /*------------------------------------*\
    !BUTTON SKINS
\*------------------------------------*/ }

.button-skin--yes, .data-table .table-button--yes, .button-save, .icon-button--submit, .save-invoice-button {
  border: 1px solid #23681f;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /* color top half */
  /* color bottom half */
  /* Old browsers */
  background: #41c23b;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #41c23b 0%, #41c23b 1%, #2b8027 2%, #2b8027 49%, #277423 50%, #277423 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41c23b), color-stop(1%, #41c23b), color-stop(2%, #2b8027)), color-stop(49%, #2b8027), color-stop(50%, #2b8027), color-stop(100%, #277423);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #41c23b 0%, #41c23b 1%, #2b8027 2%, #2b8027 49%, #277423 50%, #277423 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #41c23b 0%, #41c23b 1%, #2b8027 2%, #2b8027 49%, #277423 50%, #277423 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #41c23b 0%, #41c23b 1%, #2b8027 2%, #2b8027 49%, #277423 50%, #277423 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color2', endColorstr='$color3',GradientType=0 );*/
  /* IE6-9 */
  background: linear-gradient(to bottom, #41c23b 0%, #41c23b 1%, #2b8027 2%, #2b8027 49%, #277423 50%, #277423 100%); }

.button-skin--cancel, .button-cancel {
  border: 1px solid #bbb;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /* Old browsers */
  background: #eee;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #eee 0%, #ccc 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #eee 0%, #ccc 100%);
  /* W3C */
  background: linear-gradient(to bottom, #eee 0%, #ccc 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0); }

.button-skin--neutral, .upload-wrapee > a, .button-skin--neutral--glossy, .main-menu .button--small, .main-menu .upload-wrapee > a, .upload-wrapee > .main-menu a, .main-menu .data-table .table-button--yes, .data-table .main-menu .table-button--yes, .main-menu .header-button, .main-menu .search-menu .button--small--add, .search-menu .main-menu .button--small--add, .main-menu .filter-menu .button--small--neutral, .filter-menu .main-menu .button--small--neutral, .main-menu .save-invoice-button, .main-menu .button--add-group, .button-neutral, .header-button, .start-screen .button--large {
  border: 1px solid #012440;
  color: #fff;
  font-weight: bold;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /* Old browsers */
  background: #01589b;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01589b), color-stop(100%, #013a68));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #01589b 0%, #013a68 100%);
  /* W3C */
  background: linear-gradient(to bottom, #01589b 0%, #013a68 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.6) -1px -1px 0px; }

.button-skin--neutral:active, .upload-wrapee > a:active, .button-skin--neutral--glossy:active, .main-menu .button--small:active, .main-menu .upload-wrapee > a:active, .upload-wrapee > .main-menu a:active, .main-menu .data-table .table-button--yes:active, .data-table .main-menu .table-button--yes:active, .main-menu .header-button:active, .main-menu .search-menu .button--small--add:active, .search-menu .main-menu .button--small--add:active, .main-menu .filter-menu .button--small--neutral:active, .filter-menu .main-menu .button--small--neutral:active, .main-menu .save-invoice-button:active, .main-menu .button--add-group:active, .button-neutral:active, .header-button:active, .start-screen .button--large:active, .button-skin--neutral--active, .main-menu .button--small.active, .main-menu .upload-wrapee > a.active, .upload-wrapee > .main-menu a.active, .main-menu .data-table .table-button--yes.active, .data-table .main-menu .table-button--yes.active, .main-menu .header-button.active, .main-menu .search-menu .button--small--add.active, .search-menu .main-menu .button--small--add.active, .main-menu .filter-menu .button--small--neutral.active, .filter-menu .main-menu .button--small--neutral.active, .main-menu .save-invoice-button.active, .main-menu .button--add-group.active {
  /* Old browsers */
  background: #01365e;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #01365e 0%, #01365e 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01365e), color-stop(100%, #01365e));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #01365e 0%, #01365e 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #01365e 0%, #01365e 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #01365e 0%, #01365e 100%);
  /* W3C */
  background: linear-gradient(to bottom, #01365e 0%, #01365e 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.button-skin--neutral--glossy, .main-menu .button--small, .main-menu .upload-wrapee > a, .upload-wrapee > .main-menu a, .main-menu .data-table .table-button--yes, .data-table .main-menu .table-button--yes, .main-menu .header-button, .main-menu .search-menu .button--small--add, .search-menu .main-menu .button--small--add, .main-menu .filter-menu .button--small--neutral, .filter-menu .main-menu .button--small--neutral, .main-menu .save-invoice-button, .main-menu .button--add-group {
  /* Old browsers */
  background: rgba(255, 255, 255, 0.05);
  /* FF3.6+ */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
  /* W3C */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=0);
  /*------------------------------------*\
    !VARIABLES (set per project)
\*------------------------------------*/ }

.button-skin--dark, .search-menu .button--small, .search-menu .upload-wrapee > a, .upload-wrapee > .search-menu a, .search-menu .data-table .table-button--yes, .data-table .search-menu .table-button--yes, .search-menu .header-button, .search-menu .search-menu .button--small--add, .search-menu .search-menu .button--small--add, .search-menu .filter-menu .button--small--neutral, .filter-menu .search-menu .button--small--neutral, .search-menu .save-invoice-button, .search-menu .button--add-group {
  border: 1px solid #000;
  color: #fff;
  font-weight: bold;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  /* Old browsers */
  background: rgba(255, 255, 255, 0.05);
  /* FF3.6+ */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=0);
  /*------------------------------------*\
    !VARIABLES (set per project)
\*------------------------------------*/ }

.button-skin--dark:active, .search-menu .button--small:active, .search-menu .upload-wrapee > a:active, .upload-wrapee > .search-menu a:active, .search-menu .data-table .table-button--yes:active, .data-table .search-menu .table-button--yes:active, .search-menu .header-button:active, .search-menu .search-menu .button--small--add:active, .search-menu .search-menu .button--small--add:active, .search-menu .filter-menu .button--small--neutral:active, .filter-menu .search-menu .button--small--neutral:active, .search-menu .save-invoice-button:active, .search-menu .button--add-group:active {
  /* Old browsers */
  background: #262626;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #262626 0%, #262626 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #262626));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #262626 0%, #262626 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #262626 0%, #262626 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #262626 0%, #262626 100%);
  /* W3C */
  background: linear-gradient(to bottom, #262626 0%, #262626 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.button-skin--light, .button--add-group {
  border: 1px solid #b8b8b8;
  color: #49525c;
  font-weight: bold;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.15);
  text-decoration: none;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px;
  /* Old browsers */
  background: rgba(255, 255, 255, 0.2);
  /* FF3.6+ */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=0);
  /*------------------------------------*\
    !VARIABLES (set per project)
\*------------------------------------*/ }

.button-skin--light:active, .button--add-group:active {
  /* Old browsers */
  background: #d0d0d0;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #d0d0d0));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
  /* W3C */
  background: linear-gradient(to bottom, #d0d0d0 0%, #d0d0d0 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.deleteButton, .plus-button, .min-button {
  background: url("/static/img/button-cross.png");
  display: block;
  float: right;
  height: 16px;
  width: 16px; }

.plus-button {
  background: url("/static/img/plus-button.png"); }

.plus-button.disabled {
  background: url("/static/img/plus-button-disabled.png"); }

.min-button {
  background: url("/static/img/minus-button.png"); }

.min-button.disabled {
  background: url("/static/img/minus-button-disabled.png");
  /*.upload-button {
  @extend .button--small;
  @extend .button-skin--neutral;
  display:block;
  margin:0.5em;
  text-align:center;
}*/
  /*------------------------------------*\
    !INPUTS
\*------------------------------------*/ }

.input--inset, .type-text.large, .type-pass.large {
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.type-text.large, .type-pass.large {
  border: 1px solid #bbb;
  color: #333;
  font-size: 1em;
  padding: 0.833em;
  /*10px*/
  /*------------------------------------*\
    !LISTS
\*------------------------------------*/ }

.menu-list li {
  /*lighten(#9AB9CE, 15%)*/
  border-bottom: 1px dotted #ccc;
  position: relative; }

.menu-list h3 {
  background-color: #f6f6f6; }

.menu-list a {
  display: block;
  color: #004379; }

.menu-list a.head {
  background-color: #eee;
  font-weight: bold; }

.menu-list a.sub {
  padding: 2px 30px; }

.menu-list a.active {
  background-color: #cce0f2; }

.menu-list .delete-button {
  position: absolute;
  top: 0;
  right: 0;
  display: none; }

.menu-list li:hover .delete-button {
  display: inline; }

.menu-list .empty-notice {
  color: #666; }

.menu-list a:active {
  color: #CCE0F2;
}

.menu-list select {
  border: 1px dotted #abc5d6;
  padding: 0.25em;
  /*------------------------------------*\
    !TEXT CONTENT
\*------------------------------------*/ }

.text-content {
  color: #333;
  margin: 0 0.75em; }

.text-content h1, .text-content h2, .text-content h3 {
  margin: 0.5em 0; }

.text-content h1 {
  border-bottom: 1px solid #808080;
  color: #000;
  font-size: 2em;
  margin-bottom: 0px; }

.text-content h2, .text-content-h2, .settings-list h2 {
  font-size: 1.5em; }

.text-content h3 {
  font-size: 1em; }

.text-content p {
  margin: 1em 0; }

.text-content a {
  color: #003475; }

.text-content ul {
  list-style-type: disc;
  margin: 1em 0; }

.text-content ol {
  list-style-type: lower-alpha;
  margin: 1em 0; }

.text-content li {
  margin-left: 2.75em;
  margin-right: 2.75em;
  padding-left: 0.5em; }

.text-content hr {
  border-color: #ccc;
  border-style: dashed none none;
  border-width: 1px 0 0;
  height: 1px;
  margin: -0.5em 0 1em;
  padding: 0;
  /*------------------------------------*\
    !DOWNLOAD LIST
\*------------------------------------*/ }

.download-container {
  background-color: #e7e7e7;
  color: #000;
  padding: 1em;
  margin: 1em 0;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px; }

.download-container h3 {
  font-size: 1.4em;
  margin: 0; }

.download-container ul {
  list-style-type: none;
  margin: 0; }

.download-container li {
  margin: 0.25em 0;
  padding: 0; }

.download-container p {
  margin: 0; }

.download-container img {
  vertical-align: middle; }

.download-container select {
  vertical-align: middle;
  margin-left: 0.75em;
  border: 1px solid #ccc;
  padding: 0.25em;
  /*------------------------------------*\
    !DATA TABLE
\*------------------------------------*/ }

.data-table {
  width: 100%; }

.data-table th {
  border-width: 1px 0 1px 0;
  text-align: left; }

.data-table td {
  border-bottom: 1px solid #ccc;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  padding: 0.5em 0.75em; }

.data-table .type-text {
  border: 1px solid #737373; }

.data-table textarea {
  border: 1px solid #737373; }

.data-table a {
  color: #003475; }

.data-table .select-input {
  border: 1px dotted #abc5d6;
}
.data-table .table-button--yes {
  color: #fff;
  /*------------------------------------*\
    !POPUP
\*------------------------------------*/ }

#popup {
  position: fixed;
  background-image: url('/static/img/alphaDark.png');
  height: 100%;
  width: 100%;
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  background-repeat: repeat; }

#popup #container {
  position: relative;
  top: auto; }

#popup .submitButton {
  height: 30px;
  margin-top: 10px;
  width: 165px;
  cursor: pointer; }

#popup .remove-button {
  display: block;
  border: 1px solid #ccc;
  color: #c00;
  margin-top: 5px; }

#popup #popupOuter {
  margin-top: -10px;
  margin-left: -10px;
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 1;
  background-color: #fff;
  border: 5px solid #eee;
  background-image: url('/static/img/eggshell/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 25px #000;
  -moz-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px #000;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px; }

#popup .close {
  display: none;
  position: absolute;
  right: -2px;
  top: -2px;
  display: block;
  height: 16px;
  width: 16px;
  background-image: url('/static/img/popupClose.png');
  cursor: pointer;
  z-index: 100; }

#popup .close:hover {
  background-image: url('/static/img/popupCloseHover.png'); }

#popupInner {
  background-color: #fff; }

#popup #popupInner form {
  overflow: hidden;
  /*------------------------------------*\
    !POPUP FORM
\*------------------------------------*/ }

.popup-form h1, .popup-form-h1, .popup-form h2 {
  font-size: 1.167em;
  padding: 0.75em;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.popup-form h2 {
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.popup-description {
  display: block;
  font-size: 0.917em;
  font-weight: normal; }

.popup-form li {
  border-bottom: 1px solid #ddd;
  display: block;
  vertical-align: middle; }

.popup-form label, .popup-form .type-text, .popup-form select, .popup-form input[list], .popup-form textarea {
  padding: 0.75em;
  margin: 0.75em; }

.popup-form h3 {
  color: #333;
  font-size: 1em; }

.popup-form label {
  float: left;
  color: #333;
  font-weight: bold; }

.popup-form .type-text {
  float: right;
  border: 1px solid #abc5d6;
  width: 20em; }

.popup-form .tiny-field {
  width: 1.125em; }

.popup-form select {
  float: right;
  border: 1px solid #abc5d6;
  width: 21.667em;
  height: 3em; }

.popup-form textarea {
  float: right;
  border: 1px solid #abc5d6;
  width: 20em; }

.popup-form .type-check {
  float: right;
  margin: 1.8em 4em 1.8em 0;
  text-align: left; }

.item-list, .cloaking-list a {
  max-height: 20.833em;
  overflow-y: auto; }

.item-list li, .cloaking-list a li {
  padding: 0.75em;
  padding-left: 1.5em; }

.item-list a, .cloaking-list a a {
  color: #004379; }

.item-list .popup-button-container, .cloaking-list a .popup-button-container {
  padding: 0; }

.popup-form .popup-button-container {
  border-bottom: 0;
  text-align: center; }

.popup-button-container button {
  margin: 0.75em 0.25em; }

.button-cancel, .button-save, .button-neutral {
  font-size: 1.167rem;
  /*14px*/
  padding: 0.5em 1em; }

.button-save {
  min-width: 100px; }

.link-button.link-button {
  color:#fff; }

.popup-empty-notice {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 1.5em; }

.empty-popup-notice {
  padding:1em 1.5em;
  text-align:center; }

.header-button {
  border: 1px solid #051721;
  color: #fff;
  float: right;
  font-weight: bold;
  margin-left: 0.5em;
  /*6px*/
  margin-top: -4px;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  /*@include highlight-effect(0.10, 0.14);
  @include glossy-gradient(#23590A, 20%, 4%);*/
  /*------------------------------------*\
    !NOTIFICATION (some classes still used by js)
\*------------------------------------*/ }

.notification {
  display: none; }

.icon {
  background-image: url('/static/img/icon-sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px; }

.user-disabled-icon {
  background-image: url('/static/img/users-disabled.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.cross-disabled-icon {
  background-image: url('/static/img/cross-disabled.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.text-disabled-icon {
  background-image: url('/static/img/ui-text-field-disabled.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }
  
.mailArrow-icon {
  background-image: url('/static/img/icons/mail--arrow.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bookArrow-icon {
  background-image: url('/static/img/icons/book--arrow.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bell-icon {
  background-image: url('/static/img/icons/bell.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.present-icon {
  background-image: url('/static/img/icons/present.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bookOpen-icon {
  background-image: url('/static/img/icons/book-open.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.balloon-icon {
  background-image: url('/static/img/icons/balloon-ellipsis.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left; }

.script-icon {
  background-image: url('/static/img/icons/script-attribute-c.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.tableExport-icon {
  background-image: url('/static/img/icons/table-export.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.tableJoin-icon {
  background-image: url('/static/img/icons/table-join.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.chart-icon {
  background-image: url('/static/img/icons/chart.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.printer-icon {
  background-image: url('/static/img/icons/printer.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.documentArrow-icon {
  background-image: url('/static/img/icons/document--arrow.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.documentCopy-icon {
  background-image: url('/static/img/icons/document-copy.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.block-icon {
  background-image: url('/static/img/icons/block.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bookMark-icon {
  background-image: url('/static/img/book-bookmark-false.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bookMarkTrue-icon {
  background-image: url('/static/img/book-bookmark-true.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.bookMin-icon {
  background-image: url('/static/img/icons/book--minus.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.cross-icon {
  background-image: url('/static/img/icons/cross.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.text-icon {
  background-image: url('/static/img/icons/ui-text-field.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.block-icon {
  background-image: url('/static/img/icons/block.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.user-icon {
  background-image: url('/static/img/icons/users.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.folder-icon {
  background-image: url('/static/img/icons/folder-horizontal.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.folder-icon-open {
  background-image: url('/static/img/icons/folder-horizontal-open.png') !important;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.icon.failure {
  width: 17px; }

.success {
  background-position: -80px 0px; }

.notice {
  background-position: -96px 0px; }

.failure {
  background-position: -80px -16px;
  /* This icon is a little wider than 16px. Mind this with the icon, on the right, next to it. */ }

.notification-template {
  display: none; }

.notification-container {
  position: fixed;
  z-index: 500;
  top: 1em;
  right: 0.5em;
  width: 350px; }

.notification {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
  color: #fff;
  margin-top: 0.5em;
  overflow: hidden;
  padding: 1em 0;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.45) -1px -1px 0px; }

.notification > .icon {
  float: left;
  margin: 0 1em; }

.notification.success {
  /* Old browsers */
  background: #8caf2d;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #8caf2d 0%, #678715 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8caf2d), color-stop(100%, #678715));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #8caf2d 0%, #678715 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #8caf2d 0%, #678715 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #8caf2d 0%, #678715 100%);
  /* W3C */
  background: linear-gradient(to bottom, #8caf2d 0%, #678715 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  border: 1px solid #587709; }

.notification.failure {
  /* Old browsers */
  background: #d0443a;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #d0443a 0%, #a32f25 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0443a), color-stop(100%, #a32f25));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #d0443a 0%, #a32f25 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #d0443a 0%, #a32f25 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #d0443a 0%, #a32f25 100%);
  /* W3C */
  background: linear-gradient(to bottom, #d0443a 0%, #a32f25 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  border: 1px solid #811b10; }

.notification.notice {
  /* Old browsers */
  background: #3983b6;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #3983b6 0%, #256695 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3983b6), color-stop(100%, #256695));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #3983b6 0%, #256695 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #3983b6 0%, #256695 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #3983b6 0%, #256695 100%);
  /* W3C */
  background: linear-gradient(to bottom, #3983b6 0%, #256695 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  border: 1px solid #1e537a; }

.notification > .message {
  float: left;
  display: block;
  width: 290px;
  /*------------------------------------*\
    !START SCREEN SKIN
\*------------------------------------*/ }

.start-screen {
  background-image: url("/static/img/alpha-90.png");
  border: 1px solid #888; }

.start-screen .type-check {
  float: right;
  margin: 0.167em 0 0 0.333em; }

.forgot-password-link {
  float: left;
  color: #333;
  cursor: pointer;
  font-size: 0.917em;
  /*11px*/ }

.remember-me-label {
  color: #333;
  cursor: pointer;
  float: right;
  font-size: 0.917em;
  /*11px*/
  overflow: hidden; }

.instruction {
  color: #333;
  /*------------------------------------*\
    !HEADER
\*------------------------------------*/ }

.admin-menu {
  float: right;
  margin-top: 1.5em;
  margin-right: 0.25em; }

.admin-menu a {
  color: #666;
  margin-right: 0.5em; }

.admin-menu a:active {
  /* Old browsers */
  background: #e6e6e6;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #e6e6e6));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* W3C */
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.invoice-bar, .notification-bar, .cookie-bar {
  background-color: #ffc338;
  border: 1px solid #e0872f;
  cursor: pointer;
  float: left;
  font-weight: bold;
  margin-left: 33%;
  margin-top: 0.75em;
  padding: 0.5em 1em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/
  position: absolute; }

.invoice-bar a, .cookie-bar a {
  color: #000; }

.invoice-bar img, .cookie-bar img {
  margin-right: 0.5em; }

.bar-close-button {
  background-color:#555;
  border-radius:14px;
  border:1px solid #333;
  color:#fff;
  display:block;
  font-size:14px;
  height:15px;
  line-height:15px;
  position:absolute;
  right:-8px;
  text-align:center;
  top:-5px;
  width:15px;
}
a.bar-close-button {
  color:#fff;
}
a.bar-close-button:hover {
  background-color:#777;
  border:1px solid #444;
}
a.bar-close-button:active {
  top:-4px;
}

.notification-bar {
  background-color:#cce0f2;
  border: 1px solid #829AC7;
}

.cookie-bar {
  padding: 80px 0;
  text-align: center;
  top: 40%;
  margin-top: -100px;
  left: 50%;
  margin-left: -430px;
  width: 860px;
  z-index: 1000; }

.cookie-bar img {
  vertical-align: text-bottom;
  margin-right: 0.5em; }

.direct-payment-warning {
  background-color: #ffc338;
  border: 1px solid #e0872f;
  color: #000;
  font-size: 0.917em;
  font-weight: bold;
  margin-left: 0.5em;
  padding: 0 0.25em;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/
  /*------------------------------------*\
    !CLOAKING LIST
\*------------------------------------*/ }

.cloaking-list {
  height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }

.cloaking-list h3, .list-with-subs h3 {
  background-color: #f6f6f6;
  padding: 0.25em 0.75em 0.25em 1.5em; }

.cloaking-list a {
  color: #004379;
  display: block;
  padding: 0.75em 0.75em 0.75em 1.5em; }

.cloaking-list .extra-info, .cloaking-list .extra-info-vertical {
  padding-left: 0.25em; }

.cloaking-list .empty-notice {
  color: #666;
  padding: 0.75em 0.75em 0.75em 1.5em;
  /*------------------------------------*\
    !MAIN MENU
\*------------------------------------*/ }

.main-menu {
  padding: 0.5em 0.75em;
  /*6px 9px*/
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.main-menu li {
  float: left;
  margin-right: 0.5em;
  /*6px*/ }

.main-menu > .float-right > li {
  margin-right: 0;
  margin-left: 0.5em; }

.main-menu .button--small, .main-menu .upload-wrapee > a, .upload-wrapee > .main-menu a, .main-menu .data-table .table-button--yes, .data-table .main-menu .table-button--yes, .main-menu .header-button, .main-menu .search-menu .button--small--add, .search-menu .main-menu .button--small--add, .main-menu .filter-menu .button--small--neutral, .filter-menu .main-menu .button--small--neutral, .main-menu .save-invoice-button, .main-menu .button--add-group {
  display: block; }

.main-menu .button--small.active, .main-menu .upload-wrapee > a.active, .upload-wrapee > .main-menu a.active, .main-menu .data-table .table-button--yes.active, .data-table .main-menu .table-button--yes.active, .main-menu .header-button.active, .main-menu .search-menu .button--small--add.active, .search-menu .main-menu .button--small--add.active, .main-menu .filter-menu .button--small--neutral.active, .filter-menu .main-menu .button--small--neutral.active, .main-menu .save-invoice-button.active, .main-menu .button--add-group.active {
  /*------------------------------------*\
    !INTERFACE SWITCH MENU
\*------------------------------------*/ }

.drop-down-menu {
  background-image: none;
  background-color: #fff;
  border: 1px solid #aaa;
  padding: 0.5em 0;
  margin-top: 1em;
  opacity: 0;
  position: absolute;
  z-index: 99;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }

.drop-down-menu a {
  font-size: 0.917em;
  padding: 0.75em; }

.drop-down-menu li, .drop-down-menu a {
  color: #333;
  display: block;
  width: 100%; }

.drop-down-menu li:hover {
  background-color: #e9f2f9; }

.bar-drop-down {
  float: right;
  text-shadow: none;
  margin-right: 0.75em;
}

.bar-drop-down span {
  color: #fff;
}

.arrow {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 10px;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: -19px;
  left: 40%; }

.arrow-border {
  border-color: transparent transparent #aaa transparent;
  border-style: solid;
  border-width: 10px;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: -20px;
  left: 40%; }

.flag {
  background-position: 3px 3px;
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  width: 20px; }

.flag-nl {
  background-image: url('/static/img/flags/nl.png'); }
.flag-pl {
  background-image: url('/static/img/flags/pl.png'); }
.flag-en {
  background-image: url('/static/img/flags/en.png'); }

.flag-fr {
  background-image: url('/static/img/flags/fr.png'); }

.flag-de {
  background-image: url('/static/img/flags/de.png'); }

.flag-za {
  background-image: url('/static/img/flags/za.png'); }
  
.flag-se {
background-image: url('/static/img/flags/se.png'); }

.flag-es {
  background-image: url('/static/img/flags/es.png');

  /*------------------------------------*\
    !ACTION MENU
\*------------------------------------*/ }

.action-menu {
  border-top: 0;
  overflow: hidden;
  line-height: 3.333em;
  font-size: 0.917rem;
  /*11px*/ }

.bar-text {
  color: #fff;
  font-weight: bold;
  margin-left: 0.5em;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.9) -1px -1px 0px; }

.button--text-icon {
  padding: 0.5em 0.8em; }

.filter-menu .button--small, .filter-menu .upload-wrapee > a, .upload-wrapee > .filter-menu a, .filter-menu .data-table .table-button--yes, .data-table .filter-menu .table-button--yes, .filter-menu .header-button, .filter-menu .search-menu .button--small--add, .search-menu .filter-menu .button--small--add, .filter-menu .filter-menu .button--small--neutral, .filter-menu .filter-menu .button--small--neutral, .filter-menu .save-invoice-button, .filter-menu .button--add-group {
  color: #ccc;
  font-weight: bold;
  margin: 0 0.5em 0 0.75em;
  /*6px 9px*/
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.9) -1px -1px 0px; }

.filter-menu .button--small:active, .filter-menu .upload-wrapee > a:active, .upload-wrapee > .filter-menu a:active, .filter-menu .data-table .table-button--yes:active, .data-table .filter-menu .table-button--yes:active, .filter-menu .header-button:active, .filter-menu .search-menu .button--small--add:active, .search-menu .filter-menu .button--small--add:active, .filter-menu .filter-menu .button--small--neutral:active, .filter-menu .filter-menu .button--small--neutral:active, .filter-menu .save-invoice-button:active, .filter-menu .button--add-group:active, .filter-menu .button--small.active, .filter-menu .upload-wrapee > a.active, .upload-wrapee > .filter-menu a.active, .filter-menu .data-table .table-button--yes.active, .data-table .filter-menu .table-button--yes.active, .filter-menu .header-button.active, .filter-menu .search-menu .button--small--add.active, .search-menu .filter-menu .button--small--add.active, .filter-menu .filter-menu .button--small--neutral.active, .filter-menu .filter-menu .button--small--neutral.active, .filter-menu .save-invoice-button.active, .filter-menu .button--add-group.active {
  /* Old browsers */
  background: #1a1a1a;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #1a1a1a 0%, #1a1a1a 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1a1a), color-stop(100%, #1a1a1a));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #1a1a1a 0%, #1a1a1a 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #1a1a1a 0%, #1a1a1a 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #1a1a1a 0%, #1a1a1a 100%);
  /* W3C */
  background: linear-gradient(to bottom, #1a1a1a 0%, #1a1a1a 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.search-menu {
  float: right;
  padding-right: 0.75em;
  /*3px*/ }

.search-menu-left {
  float: left; }

.search-label {
  color: #999;
  margin-left: 0.75em;
  /*3px*/
  margin-right: 0.25em;
  /*3px*/
  vertical-align: top;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px; }

.search-input {
  background-color: #5e5e5e;
  border: 1px solid #1e1e1e;
  color: #fff;
  padding: 0.25em;
  width: 80px; }

.search-input.placeholder {
  color: #ddd; }

.search-dropdown {
  background-color: #5e5e5e;
  border: 1px solid #1e1e1e;
  color: #fff;
  padding: 0.16em;
  margin-left: 6px;
  border-left: 1px solid #444;
  color: #fff; }

.search-input--consultant {
  width: 9em; }

.search-menu .button--small, .search-menu .upload-wrapee > a, .upload-wrapee > .search-menu a, .search-menu .data-table .table-button--yes, .data-table .search-menu .table-button--yes, .search-menu .header-button, .search-menu .search-menu .button--small--add, .search-menu .search-menu .button--small--add, .search-menu .filter-menu .button--small--neutral, .filter-menu .search-menu .button--small--neutral, .search-menu .save-invoice-button, .search-menu .button--add-group {
  margin-left: 0.5em;
  /*6px*/ }

.search-menu .button--small--add {
  border: 1px solid #051721;
  color: #fff;
  font-weight: bold;
  margin-left: 0.5em;
  /*6px*/
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  /* color top half */
  /* color bottom half */
  /* Old browsers */
  background: #47b514;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b514), color-stop(1%, #47b514), color-stop(2%, #2a6b0c)), color-stop(49%, #2a6b0c), color-stop(50%, #2a6b0c), color-stop(100%, #23590a);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color2', endColorstr='$color3',GradientType=0 );*/
  /* IE6-9 */
  background: linear-gradient(to bottom, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%); }

.filter-menu .button--small--neutral {
  border: 1px solid #051721;
  color: #fff;
  font-weight: bold;
  margin-left: 0.5em;
  /*6px*/
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.10), 0px 1px 0px rgba(255, 255, 255, 0.14);
  /* color top half */
  /* color bottom half */
  /* Old browsers */
  background: #47b514;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b514), color-stop(1%, #47b514), color-stop(2%, #2a6b0c)), color-stop(49%, #2a6b0c), color-stop(50%, #2a6b0c), color-stop(100%, #23590a);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color2', endColorstr='$color3',GradientType=0 );*/
  /* IE6-9 */
  background: linear-gradient(to bottom, #47b514 0%, #47b514 1%, #2a6b0c 2%, #2a6b0c 49%, #23590a 50%, #23590a 100%); }

em {
  background-color: #ffb03d; }

.hovermenu, .actionmenu {
  position: absolute;
  right: 0.5em;
  top: 0px;
  z-index: 20; }

.hovermenu a, .actionmenu a {
  height: 16px;
  width: 16px;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0px;
  border: none;
  /*------------------------------------*\
    !OVERVIEW
\*------------------------------------*/ }

.overview-container {
  margin: 0 auto;
  width: 90%; }

.overview {
  background-color: #cce0f2;
  border: 1px solid #99c1e5;
  float: left;
  height: 123px;
  margin-left: 1em;
  margin-top: 1.5em;
  overflow: hidden;
  padding: 0.5em 0;
  width: 48%; }

.left-overview {
  color: #003b71;
  display: block;
  float: left;
  padding: 0 1em;
  text-align: center; }

.left-overview > var {
  display: block;
  height: 50px;
  font-size: 350%;
  font-style: normal;
  padding-top: 0.2em; }

.overview-table.divider {
  border-left: 1px solid #99c1e5; }

.overview-table th, .overview-table td {
  padding-left: 1em;
  text-align: left; }

.standard-table th, .standard-table td {
  padding: 0.25em 0;
  padding-left: 1em; }

.link {
  color: #004f96; }

.link-container {
  text-align: right; }

.above-hundred {
  color: #378900; }

.below-hundred {
  color: blue; }

.report-icon {
  margin-right: 0.5em;
  vertical-align: middle;
  /*------------------------------------*\
    !CODE MENU
\*------------------------------------*/ }

.sub-menu {
  border-right: 1px solid #b8b8b8;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }

.bar-title {
  border-color: #012d4f;
  border-width: 1px 0 1px 0; }

.code-menu .codetype-row:last-child {
  border: 0; }

.codetype-row {
  border-bottom: 1px dotted #ccc;
  cursor: default; }

.codetype-color {
  border-right: 1px dotted #b3b3b3;
  float: left;
  width: 0.5em; }

.codetype-name {
  color: #000;
  cursor: pointer; }

.codetype-name.active {
  font-weight: bold; }

.module-name {
  margin-left:1.3em;
  cursor: default;
}

.toggle-icon {
    margin-left: 0.5em;
    cursor: pointer;
}

.codetype-samples {
  color: #666;
  cursor: default;
  font-style: italic; }

.codetype-row img {
  vertical-align: top; }

.codetype-coin {
  float: left; }

.codetype-amount {
  font-weight: bold;
  text-align: right;
  float: left;
  /*padding-left:0.25em;*/
  width: 25px; }

.buy-button {
  margin-left: 0.5em;
  /*6px*/
  margin-right: 0.5em;
  /*9px*/
  float: left; }

.minus-buy-button {
  float: left; }

.no-button {
  height: 16px;
  float: left;
  margin-left: 0.5em;
  /*6px*/
  margin-right: 0.5em;
  /*9px*/
  width: 16px;
  /*------------------------------------*\
    !ACTIVITY LIST
\*------------------------------------*/ }

.activity {
  display: block;
  color: #333;
  background-color: #fff;
  border-bottom: 1px dotted #ccc; }

.activity-date {
  font-size: 0.917em;
  background-color: #dcecf9;
  border: 1px solid #bfcae8;
  color: #4e6ec0;
  float: left;
  margin: 0.5em 0 0.5em 0.5em;
  padding: 0 0.25em;
  text-align: center; }

.activity-client {
  float: left;
  margin-left: 0.5em;
  /*------------------------------------*\
    !PROJECT DATA
\*------------------------------------*/ }

.tooltip-chart {
  display: none;
  width: 200px;
  height: 176px;
  position: absolute;
  border: 1px solid gray;
  margin-top: -190px; }

.tooltip-chart-img {
  float:left;
  border:1px solid #666;
  height:176px;
  width:200px;
}

.tooltip-chart-container {
  border:0;
  margin-top: -183px;
  right:113px;
  width:407px;
}

.tooltip-indicator {
  background-color: #fff;
  border: 1px solid #666;
  font-weight: bold;
  margin-bottom: 3px;
  padding:5px 7px;
}

.indicator-icon {
  background-color: green; 
  display: inline-block; 
  height: 12px; 
  margin-right: 2px; 
  margin-top: -2px;
  vertical-align: middle; 
  width: 12px; 
}

.green-bg { background-color: #378900; }
.orange-bg { background-color: #f26c0d; }
.red-bg { background-color: #bf002a; }

.dotted-border-right, .project-id, .project-color {
  border-right: 1px dotted #aaa; }

.dotted-border-left, .project-bar .option-icons {
  border-left: 1px dotted #aaa; }

.project-list, .invoices-list {
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 0.75em;
  padding-bottom: 2em; }

.item-bar-color, .project-bar {
  border: 1px solid #b3b3b3;
  /* Old browsers */
  background: #fff;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #fff 0%, #e2e2e2 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e2e2e2));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #fff 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff 0%, #e2e2e2 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #fff 0%, #e2e2e2 100%);
  /* W3C */
  background: linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }

.project-bar {
  cursor: pointer;
  margin-top: 0.25em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.project-id {
  float: left; }

.project-color {
  float: left;
  width: 0.25em;
  display: block; }

.project-name {
  float: left; }

.project-codes {
  float: right; }

.project-codes-amount {
  padding: 0px;
  margin-left: -2px;
  font-size: 0.8em;
  margin-right: -5px;
  margin-top: 1px;
  height: 10px;
  width: 18px;
  float: right;
  display: none; }

.project-codes .coin, .project-codes .code-amount {
  float: left; }

.project-codes .code-amount {
  font-weight: bold;
  margin: 0 0.25em; }

.project-codes .min-button, .project-codes .plus-button {
  margin-left: 0.25em; }

.project-bar .option-icons {
  width: auto; }

.project-bar .option-icons {
  float: right; }

.option-icons img {
  float: left; }

.option-icons .option {
  float: left;
  display: block;
  margin-right: 0.5em; }

.option.last {
  margin-right: 0; }

.code-status-1 {
  border-bottom: 3px solid #92d400; }

.code-status-2 {
  border-bottom: 3px solid #0064bf; }

.code-status-3 {
  border-bottom: 3px solid #e34234; }

.loading-bar {
  display: none;
  margin-top: 0.75em;
  vertical-align: bottom; }

.project-bar.loading .loading-bar {
  display: inline; }

.autocomplete-wrap {
  position: absolute;
  cursor: default;
}

.autocomplete-list {
  background-color: #fff;
  border: 1px solid #ccc; }

.autocomplete-list li {
  padding: 0 5px; }

.autocomplete-list li:hover {
  background-color: #c3dae8; }

.autocomplete-active.autocomplete-active {
  color: #fff;
  background-color: #13106d; }

.autocomplete-wrap em {
  font-style: normal;
  background-color: #ccc;
  /*------------------------------------*\
    !PROJECT CLIENTS
\*------------------------------------*/ }

.code-status-1a {
  color: #87bd10;
  font-weight: bold; }

.code-status-2b {
  color: #0064bf;
  font-weight: bold; }

.code-status-3c {
  color: #e34234;
  font-weight: bold; }

.project-bar-dropdown {
  border: 1px solid #b0b0b0;
  border-top: 0px;
  margin: 0 0.25em;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  overflow-x: auto;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.project-bar-dropdown.close {
  display: none; }

.project-clients {
  width: 100%; }

.project-clients th, .project-clients td {
  padding: 0.25em 0.5em; }

.project-clients th {
  background-color: #f0f5f8;
  color: #82a3b9;
  text-align: left;
  text-decoration: none;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px; }

.project-clients td {
  border-top: 1px solid #cedde7; }

.empty-project {
  color: #999;
  font-weight: bold;
  text-align: center; }

.project-clients .type-text, .project-clients .type-select {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px dotted #cedde7;
  padding: 0.25em;
  width: 100%; }

.project-clients input:hover {
  border: 1px dotted #6696b5; }

.project-clients .client-code {
  font-size: 0.917em;
  height: 1.4em; }

.saved-input, .saved-input:hover {
  background-color: #edf5e8;
  border: 1px dotted green; }

.client-language {
  text-align: center; }

.completion-date {
  font-size: 0.75em; }

.project-clients img {
  vertical-align: middle; }

.status-icons {
  border-left: 1px dotted #cedde7;
  border-right: 1px dotted #cedde7;
  padding-left: 0.5em; }

.option-icons {
  padding-left: 0.5em; }

.selected-row {
  background-color: #dfe9ef;
  /*------------------------------------*\
    !PROJECT CLIENT BUTTON OPTIONS
\*------------------------------------*/ }

.button-container {
  background-color: #ccc;
  border-bottom: 1px solid #aaa;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, ), inset 0 -1px 2px rgba(0, 0, 0, 0.05);
  display: none;
  padding: 0.75em 0.5em; }

.fixed-buttons {
  border-bottom: 1px solid #aaa;
  /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0@include 12), inset 0 -1px 2px rgba(0, 0, 0, 0.05);*/
  padding: 0.2em 0.5em;
  padding-left: 1.25em;
  position: fixed;
  right: 5%; }

.fixed-button-menu {
  position: fixed;
  right: 0;
  left: 0;
  top: 145px; }

.push-table {
  margin-top: 35px; }

.button-group {
  float: left;
  border: 1px solid #b3b3b3;
  margin-right: 0.75em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.button-group a {
  float: left;
  border-right: 1px solid #b3b3b3;
  display: block;
  padding: 0.25em 0.5em; }

.button-group a:active {
  /* Old browsers */
  background: #cecece;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #cecece 0%, #cecece 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #cecece));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #cecece 0%, #cecece 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #cecece 0%, #cecece 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, #cecece 0%, #cecece 100%);
  /* W3C */
  background: linear-gradient(to bottom, #cecece 0%, #cecece 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color', endColorstr='$darkColor',GradientType=0);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 0px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 0px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 0px rgba(255, 255, 255, 0.1);
  /*------------------------------------*\
    !GRADIENTS
\*------------------------------------*/ }

.button-group a.last {
  border-right: 0; }

.button-group img {
  vertical-align: middle;
  /*------------------------------------*\
    !INFORMATION PAGES
\*------------------------------------*/ }

.media-item {
  border-bottom: 1px dotted #ccc; }

.media-item p {
  width: 95%;
  max-width: 950px;
}

.media-item p a {
  text-decoration: underline;
  color:#0771d4;
}

.media-item .media-title {
  margin: 0;
  margin-top: 0.5em; }

.media-item .media-date {
  color: #666;
  margin: 0; }

.display {
  display: block; }

.purple-font {
  color: #481884; }

.blue-font {
  color: #004f96; }

.yellow-font {
  color: #e3ac00; }

.red-font {
  color: #bf002a; }

.green-font {
  color: #378900; }

.orange-font {
  color: #f26c0d; }

.turquoise-font {
  color: #00b3a2; }

.video-info-container {
  overflow: hidden;
  margin: 20px; }

.video-info-container > img {
  height: auto;
  width: 100px;
  margin-right: 20px; }

.video-color {
  width: 80px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 120%; }

.video-description > p {
  width: 550px;
  margin-bottom: 1em; }

.faq-list dt {
  font-style: italic;
  font-weight: bold;
  margin: 0.5em 0; }

.faq-list dd {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
  padding-bottom: 1em;
  /*------------------------------------*\
    !SHOPPING CART
\*------------------------------------*/ }

.invoice {
  margin: 2em auto;
  width: 98%;
  /* IE7 and lower */
  *border-collapse: collapse;
  border-spacing: 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.invoice tbody {
  border: 1px solid #b8b8b8; }

.th-skin, .th-left-corner, .th-center, .th-right-corner {
  text-align: left;
  border: 1px solid #012340; }

.th-left-corner {
  border-right: 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -khtml-border-radius: 5px 0 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.th-center {
  border-width: 1px 0; }

.th-right-corner {
  border-left: 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  -khtml-border-radius: 0 5px 0 0;
  /*------------------------------------*\
    !BOX EFFECTS
\*------------------------------------*/ }

.invoice td {
  border-bottom: 1px dotted #b8b8b8;
  border-right: 1px dotted #b8b8b8;
  padding: 0.5em 0.75em 0.5em 0.75em; }

.invoice-last-column {
  text-align: right; }

.invoice .row-label {
  background-color: #e6ebf3;
  border: 0;
  border-right: 1px dotted #b8b8b8;
  padding-right: 0.5em;
  text-align: right; }

.invoice .discount-row {
  background-color: #dbe5f3;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px dotted #b8b8b8;
  text-align: right; }

.invoice .invoice-summed-total {
  font-size: 1.167em;
  font-weight: bold; }

.invoice-summed-total.vat {
  font-weight: normal; }

.invoice tfoot {
  background-color: #e6ebf3;
  border: 1px solid #b8b8b8; }

.invoice-form {
  margin: 2em auto;
  text-align: right;
  width: 98%; }

.item-add-row .type-text {
  border: 1px solid #ccc;
  width: 100%; }

.icon-button--submit {
  font-weight: bold;
  vertical-align: top;
  /*------------------------------------*\
    !SHOPPING CART CHECKOUT
\*------------------------------------*/ }

.center-view {
  margin: 0 auto;
  width: 98%; }

.plain-table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin-bottom: 1em; }

.plain-table th {
  text-align: left;
  background-color: #e6ebf3;
  padding: 0.25em 0.75em; }

.plain-table td {
  border-bottom: 1px dotted #b8b8b8;
  padding: 0.25em 0.75em; }

.plain-table .row-label {
  text-align: right; }

.plain-table .discount-row {
  text-align: right;
  background-color: #e6ebf3; }

.plain-table .invoice-summed-total {
  border-bottom: 0;
  background-color: #e6ebf3; }

.medium-bar {
  height: 3em;
  line-height: 3em; }

.medium-bar .bar-info {
  margin-left: 1em; }

.medium-bar .info-width {
  display: block;
  float: left;
  width: 13em; }

.medium-bar .price-width {
  width: 16em; }

.medium-bar .button-save, .medium-bar .button-cancel {
  font-size: 1.15rem;
  padding: 0.25em 1em;
  margin-left: 2em;
  margin-right: 0.25em; }

.medium-bar .button-cancel {
  margin-left: 0;
  /*------------------------------------*\
    !SETTINGS FORM
\*------------------------------------*/ }

.settings-list {
  margin: 0.75em; }

.settings-list li {
  margin-bottom: 0.5em; }

.settings-list h2 {
  /*------------------------------------*\
    !LOGO FORM
\*------------------------------------*/ }

.logo-form img {
  max-width: 500px;
  /*------------------------------------*\
    !INVITATIONS FORM
\*------------------------------------*/ }

.small-textarea {
  height: 8.333em; }

.medium-textarea {
  height: 12.5em; }

.large-textarea {
  height: 16.667em; }

.large-textarea, .small-textarea, .medium-textarea {
  border: 1px dotted #abc5d6;
  padding: 0.25em;
  width: 100%; }

.inline-link {
  float: right;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 2em; }
.invitation-menu {
  margin-left:1.5em;
  margin-top:10px;
  float:left;
  width:15%;
}
.invitation-menu-button {
  border-bottom:1px solid #ccc;
  display:block;
  padding:0.5em;
  color:#000;
}
.invitation-menu-button--active {
  background-color:#e1e1e1;
}
.invitation-menu-button--inactive {
  background-color:#F0F0F0;
  color:#777;
}
.template-editor-form {
    background-color: #e4e4e4;
}
.template-tab-container {
  position:relative;
  left:1.5em;
  bottom:-0.75em;
}
.template-tab {
  width:auto;
  display:inline-block;
  padding:0em 0.75em;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
}
.template-tab--active,
.template-tab--inactive {
  cursor:pointer;
}
.template-tab--active {
  background-color:#e4e4e4;
}  
.template-tab--active a {
  color:#000;
  padding-left:0.125em;
  display: inline-block;
  padding: 0.5em 0 0.5em 0.125em;
}  
.template-tab--inactive {
  /*background-color:#D4D4D4;*/
  background-color:#eee;
} 
.template-tab--inactive a {
  color:#8f8f8f;
  display: inline-block;
  padding: 0.5em 0 0.5em 0.125em;
}  
.template-tab--inactive:hover {
  background-color: #DCDCDC;
}
.template-tab--inactive a:hover {
  color: #000;
}
.template-delete.template-delete {
  font-size: 18px;
  font-weight:bold;
  line-height: 18px;
  padding:0.3em 0.125em;
  margin-left:0.4em;
  display: inline-block;
  vertical-align: bottom;
  color: #777;
}
.template-tab .template-delete:hover {
  color: #B10009;
}
.standard-template.standard-template {
  color:green;
  font-weight:bold;
}
.template-tab .standard-template:hover {
  color:green;
} 

.invitation-example {
  padding: 1em;


  /*------------------------------------*\
    !INVOICES
\*------------------------------------*/ }

.invoice-bar-dropdown.close {
  display: none;
  /*------------------------------------*\
    !INVOICE EDITING
\*------------------------------------*/ }

.invoice-data {
  margin-bottom: 1em; }

.invoice-data .type-text, .invoice-data .textarea-input, .invoice-data select {
  border: 1px dotted #6696b5;
  padding: 0 0.25em; }

.textarea-input {
  height: 12em;
  width: 100%; }

.remark-field {
  background-color: #ffecd6;
  border: 1px solid #ffcf99;
  color: #aa3e00;
  font-style: italic;
  margin: 2em auto;
  padding: 1em;
  text-align: center; }

.pdf-link {
  color: #666;
  margin-left: 0.5em;
  /*------------------------------------*\
    !CONSULTANT DATA
\*------------------------------------*/ }

.left-column, .right-column {
  width: 50%; }

.consultant-data-list .empty-notice {
  color: #666; }

.consultant-data-list {
  border-left: 1px solid #ccc; }

.consultant-data-list .last-child {
  border-bottom: 0; }

.consultant-data-list > li {
  border-bottom: 1px solid #ccc;
  display: block; }

.row-list {
  border: 0; }

.row-list > li {
  padding-left: 0.5em;
  padding-right: 0; }

.consultant-data-list li {
  position: relative; }

.consultant-data-list a {
  color: #004379; }

.consultant-data-list .data {
  color: #394557;
  float: right; }

.consultant-data-list .type-text, .consultant-data-list .type-pass, .consultant-data-list textarea, .consultant-data-list select {
  border: 1px dotted #abc5d6;
  padding: 0.25em; }

.consultant-data-list .type-text, .consultant-data-list textarea {
  width: 15em; }

.stacked-inputs .type-text {
  margin-bottom: 0.25em; }

.consultant-data-list .row-input {
  width: 7em; }

.consultant-data-list select {
  width: 15.6em; }

.hover-button {
  display: none; }

.consultant-data-list li:hover .hover-button {
  display: inline;
  vertical-align: middle; }

.hover-button-corner {
  display: none; }

.consultant-data-list li:hover .hover-button-corner {
  display: inline;
  vertical-align: middle;
  position: absolute;
  right: 0.5em;
  top: 0.25em; }

.consultant-data-list .gender {
  display: inline-block;
  line-height: 19px;
  vertical-align: top;
}

.button--add-group {
  float: right;
  margin-right: 0.75em;
  padding: 0 0.5em;
  /*------------------------------------*\
    !TRANSLATIONS
\*------------------------------------*/ }

.translate-lable {
  background: #eee;
  border: 1px solid #ccc;
  padding: 30px 10px;
  width: 120px; }

.translate-textarea {
  height: 68px;
  padding: 5px;
  width: 420px; }

#list-top-info-bar > span {
  color: #999;
  padding: 0px 20px 0px 5px; }

#list-top-info-bar #search-res {
  font-weight: bold;
  text-align: center;
  color: #666;
  padding: 0px 20px 0px 5px; }

#list-top-info-bar #cancel-search {
  height: 16px;
  width: 16px;
  margin-left: 8px;
  display: inline-block;
  background-image: url('/static/img/cross.png');
  margin-bottom: -3px;
  background-repeat: no-repeat;
  /*------------------------------------*\
    !PRICES
\*------------------------------------*/ }

.prices .type-text {
  border: 1px dotted #abc5d6;
  padding: 0.125 0.25em;
  /*------------------------------------*\
    !TOGGLE
\*------------------------------------*/ }

.toggle-block.close {
  display: none; }

.toggle-block.open {
  display: block;
  /*------------------------------------*\
    !CHECKOUT POPUP
\*------------------------------------*/ }

.status-popup {
  font-size: 12px;
  height: 225px;
  line-height: 1.5;
  padding: 20px;
  text-align: center;
  width: 330px; }

.status-popup p {
  margin-bottom: 1em; }

.status-text {
  font-weight: bold;
  font-size: 1.167em; }

.tiny-link {
  font-size: 0.75em;
  font-weight: normal; }

.status-popup-button-container {
  margin-top: 2em;
  /*------------------------------------*\
    !IN-ELEMENT SEARCH
\*------------------------------------*/ }

.change-flash {
  background-color: #cce0f2;
  /*------------------------------------*\
    !ORDER ARROWS
\*------------------------------------*/ }

.order-arrow {
  height: 16px;
  width: 16px;
  float: left;
  display: block; }

span.order-arrow-down {
  background-image: url('/static/img/sort-arrow-down.gif'); }

span.order-arrow-up {
  background-image: url('/static/img/sort-arrow-up.gif'); }

.project-clients .order-header, .data-table .order-header {
  color: #82a3b9;
  float: left; }

.data-table .order-header {
  color: #49525c;
  /*------------------------------------*\
    !PAGE BUTTONS
\*------------------------------------*/ }

.page-buttons {
  margin-bottom: 2em; }

.page-button {
  border: 1px solid #999;
  color: #666;
  margin: 0 0.075em;
  padding: 0.25em 0.6em;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px; }

.page-button.active {
  background-color: #a1cee0;
  border: 1px solid #1f667e;
  color: #1f667e;
  /*------------------------------------*\
    !EXPLORE <= 9
\*------------------------------------*/ }

.button-skin--neutral, .upload-wrapee > a, .button-skin--neutral--glossy, .main-menu .button--small, .main-menu .upload-wrapee > a, .upload-wrapee > .main-menu a, .main-menu .data-table .table-button--yes, .data-table .main-menu .table-button--yes, .main-menu .header-button, .main-menu .search-menu .button--small--add, .search-menu .main-menu .button--small--add, .main-menu .filter-menu .button--small--neutral, .filter-menu .main-menu .button--small--neutral, .main-menu .save-invoice-button, .main-menu .button--add-group, .button-neutral, .header-button, .start-screen .button--large {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01589B', endColorstr='#013a68',GradientType=0); }

.button-skin--neutral:active, .upload-wrapee > a:active, .button-skin--neutral--glossy:active, .main-menu .button--small:active, .main-menu .upload-wrapee > a:active, .upload-wrapee > .main-menu a:active, .main-menu .data-table .table-button--yes:active, .data-table .main-menu .table-button--yes:active, .main-menu .header-button:active, .main-menu .search-menu .button--small--add:active, .search-menu .main-menu .button--small--add:active, .main-menu .filter-menu .button--small--neutral:active, .filter-menu .main-menu .button--small--neutral:active, .main-menu .save-invoice-button:active, .main-menu .button--add-group:active, .button-neutral:active, .header-button:active, .start-screen .button--large:active, .button-skin--neutral--active, .main-menu .button--small.active, .main-menu .upload-wrapee > a.active, .upload-wrapee > .main-menu a.active, .main-menu .data-table .table-button--yes.active, .data-table .main-menu .table-button--yes.active, .main-menu .header-button.active, .main-menu .search-menu .button--small--add.active, .search-menu .main-menu .button--small--add.active, .main-menu .filter-menu .button--small--neutral.active, .filter-menu .main-menu .button--small--neutral.active, .main-menu .save-invoice-button.active, .main-menu .button--add-group.active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014F8C', endColorstr='#014F8C',GradientType=0); }

.main-menu {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01589B', endColorstr='#013A68',GradientType=0); }

.action-menu {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222',GradientType=0); }

.bar-title {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01589B', endColorstr='#013a68',GradientType=0); }

.title-bar, .data-table th {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0); }

.project-bar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E2E2E2',GradientType=0); }

.button-cancel {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0); }

.search-menu .button--small--add, .button-save {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B8027', endColorstr='#277423',GradientType=0); }

.notification.notice {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3983B6', endColorstr='#256695',GradientType=0); }

.notification.failure {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0443A', endColorstr='#A32F25',GradientType=0); }

.notification.success {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CAF2D', endColorstr='#678715',GradientType=0); }

#client-info-form select,
#client-info-form .type-text {
 /*border: 1px dotted #ABC5D6;*/
 border:1px solid #999;
    font-size: 1em;
    margin-right: 0.25em;
    padding: 0.25em;
    width:200px;
}

#client-info-form .type-text {
 width:192px;
}

#fork {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.legend {
    font-size: 9px;
    width: 300px;
    border: 1px solid black;
    position: absolute;
    top:50px;
    right:20px;
    background-color: #fff;
    max-height:320px;
    overflow:auto;
}

.legend .title {
    display: block;
    margin: 0.5em;
    border-style: solid;
    padding: 0 0.3em;
}

.legend .title .colorBlock{
  display:block;
  float:left;
  width:10px;
  height:10px;
  margin-bottom:3px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px; 
}


.legend .title .colorText{
  display:block;
  float:left;
  width: 265px;
  margin-left: 5px;
  margin-bottom:3px;
  border-bottom:1px dotted #C4C6BB;
}

.filter-menu a {
  padding:0.5em;
}
.filter-menu .button--small.active {
  color:#fff;
}

.filter-color-block {
  width:10px;
  float:left;
  text-align:center;
  margin-right:5px;
  color:#000;
}

.prefix-text-icon {
  vertical-align:middle;
  margin-right:5px;
}

.popup-notice-message.popup-notice-message {
  background-color:#DFE9EF;
  border-bottom: 1px solid #ddd;
  color:#004379;
  line-height: 16px;
  padding: 0.75em 1.5em;
}

.popup-warning-message.popup-warning-message {
  background-color: #FACDD0;
  border-bottom: 1px solid #EDA4A7;
  color:#9E030B;
  line-height: 16px;
  padding: 0.75em 1.5em;
}

/*------------------------------------*\
    !PD PROFILE COLORS
\*------------------------------------*/

.yellow {
  background-color: #FFEB00;
}

.turquoise {
  background-color: #00b6c1;
}

.red {
  background-color: #ed1b24;
}

.purple {
  background-color: #98248f;
}

.orange {
  background-color: #f6871e;
}

.green {
  background-color: #2fb44b;
}

.blue {
  background-color: #015eac;
}

.item-list .color-input {
  border: 1px solid #ccc;
  color: #fff;
  display: block;
  float: left;
  font-size: 1.25em;
  line-height: 2.4em;
  margin-right: 5px;
  text-align: center;
  width: 40px;
}

.item-list .yellow {
  color: #666;
}

/*------------------------------------*\
    !CLIENT PROJECT STYLES
\*------------------------------------*/

.client-project__name {
  border-right:1px dotted #aaa; 
  min-width:11%; 
  text-align:center;
}

.client-project__button--add.client-project__button--add {
  font-size: 11px; 
  margin: -2px 0 -2px 0; 
  min-width: 0;
  padding: 2px 5px; 
}

.client-project__button--disabled.client-project__button--disabled {
  background-color: #ccc; 
  color: #999;
  font-size: 11px; 
  margin: -2px 0 -2px 0; 
  padding: 2px 5px;
  cursor: default;
}

.client-project__id {
  min-width: 20px;
  text-align: center;
}

.client-project__amount {
  float:left; 
  border-right: 1px dotted #aaa;
  min-width: 40px;
}

.popup-table {
  width: 100%;
}

.popup-table th {
  border-bottom: 1px solid #ddd;
}

.popup-table td {
  padding: 0 8px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.popup-table input[type=text] {
  border: 1px solid #abc5d6;
  width: 40px;
  text-align: center;
}

.title-bar th {
  height: 24px;
  padding: 0 8px;
  text-align: center;
}

.total-amount-row td {
  background-color: #E6EBF3;
  font-weight: bold;
  font-size: 1.167em;
  height: 52px;
  border: none;
}

.payment-info {
  background-color: #F6F6F6;
  padding: 6px 8px;
  font-style: italic;
  font-size: 1em;
}

.row-max-width {
  max-width: 500px;
}

.cost-center-table td:first-child {
  padding-left: 0;
}

.popup-form .popup-table .type-check {
  float: none;
  margin: 1.4em 0;
  text-align: center;
  width: 16px;
  height: 16px;
}
.td-current {
  min-width: 90px;
  max-width: 90px;
}
.td-name {
  min-width: 170px;
  max-width: 170px;
  text-align: left;
  padding-left: 16px;
}
td.td-amount {
  /* min-width: 60px;
  max-width: 60px; */
  padding: 0;
}
.td-price {
  min-width: 100px;
  max-width: 100px;
}
.td-discount {
  min-width: 110px;
  max-width: 110px;
}
.td-subtotal.td-subtotal {
  min-width: 100px;
  max-width: 100px;
  text-align: right;
}
.td-total.td-total {
  text-align: right;
  width: 125px;
}

.td-column {
  display: inline-block;
  text-align: center;
}

.popup-table .check-label {
  margin: 1.4em 0 0 4px;
  float: right;
}
.popup-table .type-check {
  margin: 1.4em 0 0 0;
  float: right;
}

.td-amount .type-text {
  float: none;
}

.scrollable-table {
  overflow: scroll;
  display: block;
  height: 120px;
}
.scrollable-table thead>tr {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  top: 0;
  background-color: white;
}
.scrollable-table tbody>tr:nth-of-type(1) {
  margin-top: 16px;
}
.scrollable-table tbody tr {
  display: block;
}
.scrollable-table td,
.scrollable-table th {
  width: 70px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.has-costplaces .td-price {
  padding-left: 20px;
}
.has-costplaces .td-discount {
  padding-left: 20px;
}

.status-indicator {
	border-radius:5px; 
	display:inline-block; 
	margin: 0 6px; 
	height:8px; 
	width: 8px; 
}

.status-indicator.last-active {
	background-color:#FFB900;
	border: 1px solid #e5a502;
}

.status-indicator.completed {
	background-color:#65C728;
	border: 1px solid #238443;
}

.status-indicator.sent {
	background-color:#7FB7F2;
	border: 1px solid #009EFF;
}