/**
 * Das ist das HauptCSS mit allen überprüften Styles nach dem Redesign
 **/ /**
 * allgemeine styles
 **/
body {
  margin: 0px auto 0px auto;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

#footer_table {
  text-align: left;
  margin: auto;
}

#footer_table td {
  border-top: 1px solid #ccc;
}

form {
  margin: 0px;
  padding: 0px;
}

/**
 * globale styles
 **/
.nowrap {
  white-space: nowrap;
}

.hand {
  cursor: pointer;
}

.moveable {
  cursor: move;
}

textarea {
  resize: none;
}

/* Hilfe */
td#help {
  padding: 0;
  background-color: #fffffc;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

td.help_display {
  border-left: 1px dotted #ccc;
}

td.help_hidden {
  border: none;
  display: none;
}

td#help #main_notice_help {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  width: 210px;
}

td#help #main_notice_link {
  padding: 10px;
}

td#help #main_visible_help {
  width: 190px;
  padding: 10px;
  overflow: auto;
  padding-top: 20px;
}

a#helpIcon {
  width: 40px;
  height: 15px;
  display: block;
}

a#helpIcon .show {
  background: url(/images/iconset/help_show.png);
}

a#helpIcon .show:hover {
  background: url(/images/iconset/help_show_hover.png);
}

a#helpIcon .hide {
  /*position: absolute;*/
  background: url(/images/iconset/help_hide.png);
}

a#helpIcon .hide:hover {
  background: url(/images/iconset/help_hide_hover.png);
}

/**
 * Name
 */

span.surname {
  font-weight: bold;
  color: #333;
}

span.surname_light {
  font-weight: bold;
  color: #dedfb0;
}

a span.surname {
  color: #165f9c;
}

/**
 * Tabellen
 **/

table.minimalTable td {
  padding: 0px 2px;
  margin: 0px;
}

table.orangehead th {
  height: 30px;
  background: #ffea81 url(/images/listprojects_header_orange.gif) repeat-x top;
  color: #000;
  font-weight: bold;
  padding-top: 5px;
  text-align: left;
  border-top: 1px solid #fff1b6;
  border-bottom: 1px solid #f7c81f;
  text-shadow: #fef4c5 0px 1px 0px;
}

* + html table.orangehead th {
  height: 20px;
}

table.orangehead td {
  font-size: 11px;
}

/*
	 table white list
*/
table.whitehead {
  background-color: #fff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}

table.whitehead th {
  background: rgb(231, 231, 231);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(231, 231, 231, 1)),
    color-stop(100%, rgba(208, 208, 208, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );

  color: #333;
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
  padding-left: 5px;
  padding-bottom: 6px;
  height: 10px;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #d6d6d6;
  text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
}

table.whitehead th:first-child {
  padding-left: 5px;
}

table.whitehead td {
  font-size: 11px;
}

td.withHoverEffect:hover {
  background-color: #eaeb4b !important;
}

table.whitehead th a {
  color: #333;
}

table.whitehead tr.odd td {
  background-color: #f4f4f0;
  border-left: 1px solid #fcfcfc;
}

table.whitehead tr.even td {
  background-color: #fffffb;
  border-left: 1px solid #f2f2ed;
}

table.whitehead tr.odd td table td,
table.whitehead tr.even td table td {
  border-left: none;
}

table.whitehead th td,
table.whitehead td td {
  border: none;
}

table.nocols tr.even td,
table.nocols tr.odd td {
  border-left: none;
}

/*
    table blue list

    Tabelle mit odd/even und blauem Header
    Wird in Aufgaben (home.tpl) und bei Team (userlist.tpl) verwendet
*/
table.bluehead {
  background-color: #fff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  border-right: 1px solid #e0e0dc;
  border-bottom: 1px solid #e5e5e1;
}

table.blueheadTab {
  background-color: #c2c0b6;
  padding: 2px;
}

table.bluehead th {
  background: #0078c8 url(/images/iconset/bg_blue.gif) repeat-x top;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 10px;
}

table.bluehead th:first-child {
  padding-left: 5px;
}

table.bluehead td {
  font-size: 11px;
}

table.bluehead * .odd {
  background-color: #f4f4f0;
}

table.bluehead * .even {
  background-color: #fffffb;
}

td.shared {
  background-color: #fbfad4 !important;
  border: 5px solid #ffffff;
}
div.shared {
  background-color: #fbfad4 !important;
}

/* Dient zur farblichen Markierung von Zeilen */
table.bluehead * .oddM {
  background-color: #fffce1;
}

table.bluehead * .evenM {
  background-color: #f5f2d8;
}

table.bluehead * .oddRed {
  background-color: #ff6a36;
}

table.bluehead * .evenRed {
  background-color: #ff6a36;
}

/* table styles */
table.dataset {
  border-spacing: 0px;
  border-top: 1px solid #dddddd;
  background-color: #fffffb;
  margin-bottom: 0px;
  text-align: left;
}

table.dataset tr {
  height: 20px;
}

table.dataset th {
  background: #e7e7e7 url(/images/iconset/bg_white.png) repeat-x top;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding: 6px 5px 6px 5px;
  height: 10px;
  border-bottom: 1px solid #dedede;
}

table.dataset tr.beige th {
  background: #f2f0e2 url(/images/stdthbgbeige.gif) repeat-x top;
}

table.dataset td {
  padding: 2px 4px 2px 4px;
  vertical-align: top;
}

table.dataset * .footer {
  background-color: #e8e8e8;
}

table.dataset * .beigefooter {
  background-color: #edebdf;
}

table.dataset * .footer td {
  border-top: 1px solid #ccc;
}

table.dataset * .tag {
  background-color: #f8f3c7;
}

table.dataset * .odd {
  background-color: #fffffb;
}

table.dataset * .even {
  background-color: #f4f4f0;
}

table.projectControl {
  border-spacing: 0px;
  margin-bottom: 0px;
  text-align: left;
  background: #fffffb;
  border-right: 1px solid #f0f0f0;
}

table.projectControl tr {
  height: 20px;
}

table.projectControl th {
  background: rgb(231, 231, 231);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(231, 231, 231, 1)),
    color-stop(100%, rgba(208, 208, 208, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );

  color: #000;
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 14px;
  min-height: 26px;
  padding-left: 15px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
}

table.projectControl td {
  padding: 2px 6px 2px 6px;
}

table.projectControl2 {
  border-spacing: 0px;
  background: #fffffb url(/images/projectmanagers/bgTD_projectOverview.png)
    repeat-y;
  margin-bottom: 0px;
  text-align: left;
}

table.projectControl2 tr {
  height: 20px;
}

table.projectControl2 th {
  background: url(/images/projectmanagers/bg_projectOverview.png);
  color: #000;
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 14px;
  min-height: 26px;
  padding-left: 15px;
}

/* sortable table styles */
a img {
  border: 0;
}

table.sortable {
  border-spacing: 0;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

table.sortable th,
table.sortable td {
  padding: 2px 4px 2px 4px;
  border-style: solid;
  border-color: #ccc;
}

table.sortable th {
  border-width: 0px 1px 1px 1px;
  background-color: #e4ecf8;
  color: #333;
  white-space: nowrap;
}

table.sortable th a {
  color: #000;
}

table.sortable td {
  border-width: 0px 1px 0px 1px;
}

table.sortable tr.odd td {
  background-color: #eeeeee;
}

table.sortable tr.even td {
  background-color: #f8f8f8;
}

table.sortable tr.sortbottom td {
  border-top: 1px solid #444;
  background-color: #ccc;
  font-weight: bold;
}

/* sortable table styles */
div.bluehead table.sortable {
  border: none;
}

div.bluehead table.sortable th {
  background: #0078c8 url(/images/iconset/bg_blue.gif) repeat-x top;
  color: #fff;
  white-space: nowrap;
  height: 30px;
  border: none;
}

div.bluehead table.sortable td {
  border: none;
}

div.bluehead table.sortable th a {
  color: #fff;
}

div.bluehead table.sortable tr.even td {
  background-color: #fffffb;
}

div.bluehead table.sortable tr.sortbottom td {
  background-color: #ccc;
  font-weight: bold;
}

div.whitehead table.sortable {
  background-color: #fff;
  -moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}

div.whitehead table.sortable th {
  background: rgb(231, 231, 231);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(231, 231, 231, 1)),
    color-stop(100%, rgba(208, 208, 208, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(231, 231, 231, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  );

  text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
  padding-left: 5px;
  padding-bottom: 6px;
  height: 10px;
}

div.whitehead table.sortable td {
  border: none;
  background-color: #fffffb;
  border-left: 1px solid #f2f2ed;
}

div.whitehead table.sortable th a {
  color: #000;
}

div.whitehead table.sortable tr.odd td {
  background-color: #fffffb;
  border-left: 1px solid #e7e7e7;
}

div.whitehead table.sortable tr.odd:hover td {
  background-color: #e5ebec;
  border-left: 1px solid #dadfe0;
}

div.whitehead table.sortable tr.even td {
  background-color: #f4f4f0;
  border-left: 1px solid #e7e7e7;
}

div.whitehead table.sortable tr.even:hover td {
  background-color: #e5ebec;
  border-left: 1px solid #dadfe0;
}

div.whitehead table.sortable tr.sortbottom td {
  background-color: #ccc;
  font-weight: bold;
}

/**
 * Projektnavigation
 */
div.projectNaviBox {
  background-color: #fff;
  width: 200px;
}

div.projectNavi {
  border-left: 1px solid #ded9c5;
  border-right: 1px solid #c4c0af;
  border-bottom: 1px solid #c4c0af;
  border-top: none;
  position: absolute;
  padding-bottom: 10px;
  background-color: #fff;
  width: 198px;
  z-index: 96;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}

* html div.projectNavi {
  width: 200px;
}

div.projectNavi div.disabled,
div.projectNavi a {
  display: block;
  padding: 3px;
  padding-top: 2px;
  padding-left: 12px;
}

div.projectNavi a:hover {
  background: #3b88cc url(/images/listprojects_header.gif);
  color: #fff;
  text-decoration: none;
}

div.projectNavi .margin-top {
  margin-top: 6px;
}

div.projectNavi .header {
  font-weight: bold;
  padding-left: 5px;
  background: none;
}

div.projectNaviBox div.projectNumberDisabled,
div.projectNaviBox div.projectNumber {
  padding: 4px;
  border: 1px solid #c4c0af;
  border-left: 1px solid #ded9c5;
  border-top: 1px solid #ded9c5;
  display: block;
  background: url(/images/dropdownicon.gif) no-repeat right top;
  cursor: pointer;
}

div.projectNaviBox div.projectNumberDisabled:hover,
div.projectNaviBox div.projectNumber:hover {
  background: url(/images/dropdownicon_hover.gif) no-repeat right top;
}

div.projectNaviBox div.projectNumberDisabled {
  border-top: none;
  border-left: none;
  background: url(/images/iconset/disabled.png) no-repeat right top;
}

div.projectNaviBox a.projectOverview {
  width: 21px;
  height: 21px;
  display: block;
  float: left;
  border-bottom: 1px solid #c4c0af;
  border-top: 1px solid #c4c0af;
  background: #fff url(/images/iconset/overview.png);
}
div.projectNaviBox a.projectOverview:hover {
  background: #fff url(/images/iconset/overview_active.png);
}

div.projectNaviBox div.projectNumber {
  padding: 4px;
  border: 1px solid #c4c0af;
  border-left: 1px solid #e7e7e9;
  border-top: 1px solid #ded9c5;
  display: block;
  background: url(/images/dropdownicon.gif) no-repeat right top;
  cursor: pointer;
  margin-left: 21px;
}

.odd div.projectNaviBox {
  background-color: #fafaf7;
}

.even div.projectNaviBox {
  background-color: #fffffa;
}

/**
 * Tabs
 **/ /* links/rechts aktiv */
div.regcard2_on {
  float: left;
  cursor: pointer;
  width: 180px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  position: relative;
  height: 30px;
  padding-left: 11px;
  background: url(/images/iconset/tabs/mainTabALeft.png) left top no-repeat;
  text-decoration: none;
}

div.regcard2_on:hover {
  color: #fff;
  text-decoration: underline;
}

/* links/rechts aktiv */
div.regcard2_on div.innerleft {
  height: 30px;
  padding-right: 11px;
  background: url(/images/iconset/tabs/mainTabARight.png) right top no-repeat;
}

div.regcard2_on div.innerright {
  height: 30px;
  padding-right: 11px;
  background: url(/images/iconset/tabs/mainTabACenter.png) top repeat-x;
  overflow: hidden;
  text-align: center;
}

div.regcard2_off {
  float: left;
  cursor: pointer;
  width: 180px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 7px;
  font-size: 11px;
  font-weight: normal;
  color: #333388;
  position: relative;
  padding-left: 11px;
  background: url(/images/iconset/tabs/mainTabLeft.png) left top no-repeat;
}

div.regcard2_off:hover {
  color: #fff;
  text-decoration: underline;
}

/* links/rechts passiv */
div.regcard2_off div.innerleft {
  height: 22px;
  padding-right: 11px;
  background: url(/images/iconset/tabs/mainTabRight.png) right top no-repeat;
}

div.regcard2_off div.innerright {
  height: 22px;
  padding-right: 11px;
  background: url(/images/iconset/tabs/mainTabCenter.png) top repeat-x;
  text-align: center;
  overflow: hidden;
}

/* Text */
div.regcard2_on span {
  display: block;
  color: #000;
  padding-top: 10px;
}

div.regcard2_off span {
  display: block;
  color: #fff;
  padding-top: 5px;
}

div.regcard2_off a {
  color: #fff;
}

div.disabled {
  filter: alpha(opacity = 50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */
  opacity: 0.5; /* Opera */
}

div.disabled span {
  color: #000;
  cursor: default;
}

/**
 * Tabellenbasierende Tabs
 */
table.regcards3 {
  border-collapse: collapse;
  position: relative;
}

table.regcards3 td,
table.regcards3 th {
  padding: 0;
  width: 180px;
}

table.regcards3 td span.count {
  background: rgba(255, 255, 255, 0.3);
  padding: 1px 7px 2px 7px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  margin-left: 5px;
  font-weight: bold;
  float: right;
}

table.regcards3 td.on span.count {
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}

table.regcards3 td span.count + span {
  padding-top: 2px;
  display: block;
}

table.regcards3 td.disabled,
table.regcards3 td.off,
table.regcards3 td.on {
  padding: 0px;
  padding-left: 11px;
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}

table.regcards3 td.disabledX,
table.regcards3 td.offX,
table.regcards3 td.onX {
  width: 11px;
  empty-cells: show;
  cursor: pointer;
}

table.regcards3 td.on {
  background: url(/images/iconset/tabs/regcards3_on_left.png) top left no-repeat;
  padding-top: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  color: #000;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  table.regcards3 td.on {
    border-bottom: 1px solid #fff;
  }
}

table.regcards3 td.on a {
  color: #000;
}

table.regcards3 td.onX {
  background: url(/images/iconset/tabs/regcards3_on_right.png) top right
    no-repeat;
  border-bottom: 1px solid #fff;
}

table.regcards3 td.disabled,
table.regcards3 td.off {
  background: url(/images/iconset/tabs/regcards3_off_left.png) top left
    no-repeat;
  padding-top: 12px;
  padding-bottom: 5px;
  color: #fff;
  border-bottom: 1px solid #196eb4;
}

table.regcards3 td.disabled a,
table.regcards3 td.off a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px;
}

table.regcards3 td.disabled a:hover,
table.regcards3 td.on a:hover,
table.regcards3 td.off a:hover,
table.regcards3 td.disabled:hover,
table.regcards3 td.on:hover,
table.regcards3 td.off:hover {
  text-decoration: none;
}

table.regcards3 td.disabledX,
table.regcards3 td.offX {
  background: url(/images/iconset/tabs/regcards3_off_right.png) top right
    no-repeat;
  border-bottom: 1px solid #196eb4;
}

table.regcards3 td.disabledX,
table.regcards3 td.disabled {
  filter: alpha(opacity = 50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */
  opacity: 0.5; /* Opera */
  color: #fff;
  cursor: default;
}

div.regcard_content {
  border-left: 1px #196eb4 solid;
  border-top: 1px #196eb4 solid;
  border-right: none;
  border-bottom: none;
  background-color: #fffffb;
  min-height: 300px;
  -moz-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}

div.regcard_content div.inner {
  padding: 0px 5px 5px 5px;
}

/**
 * Popups
 */ /* tooltip popup */
div.tooltip {
  z-index: 66;
  position: absolute;
  background: #fffffb;
  border: 1px solid #3585cb;
  width: 460px;
  padding: 1px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.25);
}

div.tooltip .tooltipHead {
  background: #3584ca url(/images/projectmanagers/tooltip_bg.png) top repeat-x;
  text-align: right;
  height: 25px;
  width: 100%;
  margin-bottom: 5px;
  color: #fff;
  font-size: 11px;
  border-bottom: 1px solid #2e75b3;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

div.tooltip .tooltipHeadline {
  text-align: left;
  float: left;
  font-weight: bold;
  margin: 6px 0px 0px 6px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px;
}

div.tooltip .tooltipBody {
  padding: 1px 3px 5px 3px;
  background-color: #fefefb;
  overflow: auto;
}

div.tooltip div.tooltipHead img {
  padding: 4px 4px 3px 3px;
}

div.tooltip div.tooltipHead img,
div.tooltip img.hand {
  margin-top: 2px;
  margin-right: 2px;
  border: 1px solid transparent;
}

div.tooltip div.tooltipHead img:hover,
div.tooltip img.hand:hover {
  background-color: #5ba8eb;
}

/**
 * QA-Rating
 */
div.rating_border {
  background-color: #e4ecf8;
}

div.rating_bar {
  background-color: #196eb4;
  color: #fff;
  font-weight: bold;
}

div.rating_bar span {
  margin-left: 3px;
}

td.header {
  padding-top: 1em;
  padding-bottom: 10px;
  padding-top: 2em;
}

td.header h3 {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

table.list tr.row2 td {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
}

div.regcard_content {
  padding-bottom: 1em;
}

table#topcontainer {
  border: 1px solid #999;
  background: #fff;
  margin-bottom: 10px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

table#QA td.titleCol {
  padding-right: 5px;
  text-align: right;
}

table#QA td.dots {
  border-top: 1px dotted #ccc;
  padding-top: 4px;
}

table#QA td {
  padding-top: 4px;
}

table#QA td.box {
  width: 235px;
  padding-left: 5px;
}

table#QA div.rating_barWA {
  width: 232px;
  text-align: left;
  background: #bcbcbc url(/images/projectmanagers/qa_background_w.png) top left
    no-repeat;
  height: 19px;
}

table#QA div.rating_bar {
  width: 232px;
  text-align: left;
  background: #bcbcbc url(/images/projectmanagers/qa_background.png) top left
    no-repeat;
  height: 19px;
}

table#QA div.rating_bar div {
  background: #145385 url(/images/projectmanagers/qa_background_hover.png) top
    left no-repeat;
  height: 19px;
}

table#QA div.rating_barWA div.red {
  width: 116px;
  background: #bcbcbc url(/images/projectmanagers/qa_red_small.png) top right
    no-repeat;
  height: 19px;
}

table#QA div.rating_barWA div.green {
  width: 116px;
  margin-left: 116px;
  background: #bcbcbc url(/images/projectmanagers/qa_green_small.png) top left
    no-repeat;
  height: 19px;
}

table#QA div.rating_bar div span {
  display: block;
  color: #fff;
  font-weight: bold;
  padding-top: 2px;
  padding-left: 7px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px;
  position: absolute;
  width: 230px;
}

table#QA div.rating_bar div span.black {
  color: #000;
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
}

/**
 * Bitte warten Fensterchen
 */
#__pleaseWaitDiv {
  position: absolute;
  z-index: 98; /* warningDiv muss mit 99 drüber liegen! */
  width: 600px;
  height: 80px;
  left: 10px;
  top: 10px;
  opacity: 0.96;
  padding-top: 50px;
  margin: 0px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #eee;

  background: rgb(24, 133, 205);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4ODVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTQ5OTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(24, 133, 205, 1) 0%,
    rgba(10, 73, 145, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(24, 133, 205, 1)),
    color-stop(100%, rgba(10, 73, 145, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(24, 133, 205, 1) 0%,
    rgba(10, 73, 145, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(24, 133, 205, 1) 0%,
    rgba(10, 73, 145, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(24, 133, 205, 1) 0%,
    rgba(10, 73, 145, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(24, 133, 205, 1) 0%,
    rgba(10, 73, 145, 1) 100%
  );

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.3) inset,
    0 4px 6px rgba(255, 255, 255, 0.15) inset,
    0pt 11px 0 -2px rgba(255, 255, 255, 0.1) inset,
    0pt 13px 8px rgba(0, 0, 0, 0.07) inset, 4px 4px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);

  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  text-shadow: rgba(0, 0, 0, 0.3) 0 -1px;
}

/**
 * WARNING BOX
 */ /* tooltip popup */
div.warningBox {
  z-index: 99; /* sollte stets das oberste div sein, auch wenn mehrere fenster geöffnet sind! */
  position: absolute;
  background: #fffffb;
  border: 2px solid #d07135;
  width: 460px;
  padding: 1px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
}

div.warningBox .warningBoxHead {
  background: #3584ca url(/images/projectmanagers/tooltip_bg.png) top repeat-x;
  text-align: right;
  height: 25px;
  width: 100%;
  margin-bottom: 5px;
  color: #fff;
  font-size: 11px;
  border-bottom: 1px solid #2e75b3;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

div.warningBox .warningBoxHeadline {
  text-align: left;
  float: left;
  font-weight: bold;
  margin: 6px 0px 0px 6px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px;
}

div.warningBox .warningBoxBody {
  padding: 10px;
  background-color: #fffffb;
}

div.warningBox div.tooltipHead img {
  padding: 4px 4px 3px 3px;
}

div.warningBox div.warningBoxHead img,
div.warningBox img.hand {
  margin-top: 2px;
  margin-right: 2px;
  border: 1px solid transparent;
}

div.warningBox div.warningBoxHead img:hover,
div.warningBox img.hand:hover {
  background-color: #5ba8eb;
}

/* used for left/right div layout  */
div.clear {
  clear: both;
}

/* user to make text links non-selectable so that when you click them, parts of them don't get highlighted */
.prohibitSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* for spans which have a pop-up with the HTML "title" attribute, this gives a hint that a help text is coming if the user waits a half second */
.tooltipWithInfoCursor {
  cursor: help;
  border-bottom: 1px dotted #777;
}

/* for the green messages that pop up after a save button is clicked*/
div.taskSuccessfulMessage {
  width: 400px;
  height: 50px;

  position: absolute;
  padding-top: 28px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  z-index: 98;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.3) inset,
    0 4px 6px rgba(255, 255, 255, 0.15) inset,
    0pt 11px 0 -2px rgba(255, 255, 255, 0.1) inset,
    0pt 13px 8px rgba(0, 0, 0, 0.07) inset, 4px 4px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);

  border: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);

  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px;

  background: rgb(83, 199, 14);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYzcwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzljMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(83, 199, 14, 1) 0%,
    rgba(39, 156, 6, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(83, 199, 14, 1)),
    color-stop(100%, rgba(39, 156, 6, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(83, 199, 14, 1) 0%,
    rgba(39, 156, 6, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(83, 199, 14, 1) 0%,
    rgba(39, 156, 6, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(83, 199, 14, 1) 0%,
    rgba(39, 156, 6, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(83, 199, 14, 1) 0%,
    rgba(39, 156, 6, 1) 100%
  );
  opacity: 0.96;
}

/* user to make text links non-selectable so that when you click them,
   parts of them don't get highlighted, and click cursor */
.prohibitClickSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

/* .otmLink emulates an OTM-looking link */
.otmLink {
  color: #165f9c;
  text-decoration: none;
}

.otmLink:hover {
  color: #0f4069;
  text-decoration: underline;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.otmInfoLink {
  cursor: help;
}

table.audioServiceTable {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}

table.audioServiceTable td {
  vertical-align: top;
  padding: 2px;
}

button.priorityButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: rgb(252, 252, 252);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(252, 252, 252, 1) 5%,
    rgba(224, 224, 224, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, rgba(252, 252, 252, 1)),
    color-stop(100%, rgba(224, 224, 224, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(252, 252, 252, 1) 5%,
    rgba(224, 224, 224, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(252, 252, 252, 1) 5%,
    rgba(224, 224, 224, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(252, 252, 252, 1) 5%,
    rgba(224, 224, 224, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(252, 252, 252, 1) 5%,
    rgba(224, 224, 224, 1) 100%
  );
  border-radius: 5px;
  text-indent: 0;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #333333;
  font-weight: normal;
  font-style: normal;
  line-height: 2px;
  text-align: center;
  cursor: pointer;
  min-height: 26px;
  padding: 3px 4px;
  white-space: nowrap;
}

button.priorityButton:hover {
  background: rgb(233, 233, 233);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(233, 233, 233, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, rgba(233, 233, 233, 1)),
    color-stop(100%, rgba(249, 249, 249, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(233, 233, 233, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(233, 233, 233, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(233, 233, 233, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(233, 233, 233, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background-color: #e9e9e9;
  border-color: #444444;
}

button.priorityButton:active {
  position: relative;
  top: 1px;
}

button.priorityButton:disabled {
  background: rgb(249, 249, 249);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(249, 249, 249, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, rgba(249, 249, 249, 1)),
    color-stop(100%, rgba(249, 249, 249, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(249, 249, 249, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(249, 249, 249, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(249, 249, 249, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(249, 249, 249, 1) 5%,
    rgba(249, 249, 249, 1) 100%
  );
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #ffffff;
}

button.priorityButton_disabled {
  white-space: nowrap;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  cursor: not-allowed;
}

.cutoff {
  color: red;
  text-decoration: line-through;
  cursor: help;
}

td.td_hasJobsWithCustomer {
  color: #dfad13;
  font-weight: bold;
  cursor: help;
}

span.sharingString {
  color: grey;
  cursor: help;
}

.chosen-container {
  font-size: inherit !important;
}

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.d-block {
  display: block;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
/*
 * End of Bootstrap.
 */

.badge-thin {
  font-weight: 400;
}

.grayout {
  filter: grayscale(100%);
  opacity: 0.6;
}

*:not(:hover) > .on-parent-hover {
  display: none;
}