.forced-visible {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.forced-hidden,
.notetable-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
}

.forced-text-left {
  text-align: left !important;
}

.col-centered {
  float: none !important;
  margin: 0 auto !important;
}

.errormsg {
  color: red !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px !important;
}

/* PROČ PANEBOŽE TAKOVÁHLE PÍČOVINA, V BOOTSTRAPU JE TO NAPSANÝ TAK, ABY TO FUNGOVALO KURVA S CONTAINEREM KURVA */
.row {
  /*padding: 0 !important;
    margin: 0 !important;*/
}

.row0 {
  padding: 0 !important;
  margin: 0 !important;
}

.dblue {
  color: #346499;
}
.dblue:hover {
  color: #5484db;
}

.dred {
  color: #cc3464;
  font-weight: 600;
}
.dred:hover {
  color: #ff5484;
}

.dgreen {
  color: #649934;
}
.dgreen:hover {
  color: #84db54;
}

.vertical-text {
  transform: rotate(270deg);
  transform-origin: left top 0;
}

.small-text {
  font-size: 14px;
  font-weight: 400;
  max-height: 20px;
  height: 20px;
}

.table_job {
  border-right: 1px solid #8d8ddd;
  border-collapse: separate;
  border-spacing: 0;
}
.table_job tr {
  border: 1px solid #8d8ddd;
  border-collapse: separate;
  border-spacing: 0;
}
.table_job td {
  width: 39px;
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left: 11px;
  padding-right: 11px;
  border: 1px solid #8d8ddd;
  text-align: center;
}
.table_job tr.double {
  border-bottom: 1px solid #8d8ddd;
}
.table_job td.nedostupne {
  background-image: url(../images/nedostupne-bg.jpg);
}
.table_job td:hover {
  border: 1px solid #9d9dfd;
  background-color: #ddddfd;
  cursor: pointer;
}
.table_job td.jgreen {
  border: 1px solid #77bc79;
  color: #fff;
  background-color: #bbeebb;
  background-image: url(../images/check-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  /*
  background-color: #5ea860;
  */
}
.table_job td.jgreen:hover {
  color: #fff;
  background-color: #ccffaa;
  border: 1px solid #126115;
  cursor: pointer;
}
.table_job td.jred {
  border: 1px solid #dd8f8f;
  color: #fff;
  background-color: #eebbbb;
  background-image: url(../images/false-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  /*
  background-color: #d85b5b;
  */
}
.table_job td.jred:hover {
  color: #fff;
  background-color: #ffccaa;
  border: 1px solid #902929;
  cursor: pointer;
}

.weekend {
  background-color: #dfdff0 !important;
  font-weight: 900 !important;
}
.weekend:hover {
  background-color: #e7e7f7 !important;
}

.holiday {
  background-color: #efdfaf !important;
  font-weight: 900 !important;
}
.holiday:hover {
  background-color: #ffefbf !important;
}

.cweekend {
  background-color: #f6f6fc;
  font-weight: 900;
}

.choliday {
  background-color: #fcf5e7; /*#f3e3b7;*/
  font-weight: 900;
}

.kgreen {
  border: 1px solid #77bc79 !important;
  background-color: #bbeebb !important;
  cursor: pointer;
}
.kgreen:hover {
  background-color: #ccffaa !important;
  border: 1px solid #126115 !important;
  cursor: pointer;
}
.kred {
  border: 1px solid #dd8f8f !important;
  background-color: #eebbbb !important;
  cursor: pointer;
}
.kred:hover {
  background-color: #ffccaa !important;
  border: 1px solid #902929 !important;
  cursor: pointer;
}

.btn-spec {
  border-radius: 4px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
  border-color: #cbcbcb;
  color: #6e6365;
  box-shadow: solid 0 1px 0 #fff;
  background-image: -moz-linear-gradient(bottom, #e2e1e1 0%, #f7f7f7 100%);
  background-image: -o-linear-gradient(bottom, #e2e1e1 0%, #f7f7f7 100%);
  background-image: -webkit-linear-gradient(bottom, #e2e1e1 0%, #f7f7f7 100%);
  background-image: linear-gradient(bottom, #e2e1e1 0%, #f7f7f7 100%);
}
.btn-spec:hover {
  border-color: #cbcbcb;
  background-image: -moz-linear-gradient(bottom, #f6f5f5 0%, #fcfcfc 100%);
  background-image: -o-linear-gradient(bottom, #f6f5f5 0%, #fcfcfc 100%);
  background-image: -webkit-linear-gradient(bottom, #f6f5f5 0%, #fcfcfc 100%);
  background-image: linear-gradient(bottom, #f6f5f5 0%, #fcfcfc 100%);
}
.btn-spec:focus,
.btn-spec:active {
  border-color: #cbcbcb;
  background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 100%);
  background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 100%);
  background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 100%);
  background-image: linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 100%);
}

.clickable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;

  /* edit: added z-index */
  z-index: 308;

  /* edit: fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image: url("../images/empty.gif");
  background-color: rgba(0, 0, 0, 0);
}

.forced-relative {
  position: relative !important;
}

.float-left {
  float: left;
}
.float-right {
  float: right;
}

.headcol {
  position: absolute;
  width: 5em;
  border-right: 0px none black;
  border-top-width: 3px;
  margin-top: -3px;

  left: 0;
  top: auto;
}

.scroll-table {
  /*
	width: 600px;
	margin-left:5em;
	padding-bottom:1px;
*/
  overflow-x: auto; /*scroll;*/
  overflow-y: hidden; /*visible;*/
}

.slowmo {
  -webkit-transition:
    top 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  -o-transition:
    top 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  transition:
    top 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
}

#setworker tr:hover {
  background-color: inherit;
}

#setworker td:hover {
  background-color: #eeee70;
}

#setworker td {
  position: relative;
  min-width: 180px;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #c0f0e0;
}

#div-setworker {
  position: fixed;
  /*
	right: 0;
	left: 0;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
*/

  display: table;
  width: 1200px;
  border: 2px solid #3060a0;
  background-color: #f7fff7;
  z-index: -100;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80%;
}

#hidediv,
#spec-hidediv,
#ymhidediv {
  opacity: 0.4;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  background-color: #113377;
}

.nedostupne {
  background-image: url(../images/nedostupne-bg.png);
}

td.plan-cell:hover {
  background-color: #7ece50;
}

.btn-small {
  /*height:28px;*/
  line-height: 1;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

tr.unused-order td {
  background-color: #ffeedd;
}
tr.unused-order:hover td {
  background-color: #fffeee;
}

tr.unpaid-order td {
  background-color: #ffdddd;
}
tr.unpaid-order:hover td {
  background-color: #ffeeee;
}

div.comb-table {
  overflow-x: auto;
}

.comb-table table {
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
}

.comb-table tr {
  /*
  border: 1px solid #8d8ddd;
*/
  border-collapse: separate;
  border-spacing: 0;
}

.comb-table td {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid #8d8ddd;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.comb-table td:hover {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 2px solid #cdad60;
  border-left: 5px solid #cdad60;
  border-right: 5px solid #cdad60;
}

.comb-table th {
  border-style: none !important;

  min-width: 80px;

  color: #800;
  text-align: right;
}

.noborder {
  border-style: none !important;
}

.did,
.jcc-did {
  position: relative;
}

.did-no,
.jcc-did-no {
  /*
	background-image: url(../images/smile-gray.png);
 background-position: center;
	*/
  background-image: url(../images/nedostupne-bg.png);

  background-repeat: repeat !important;

  background-color: #eee;
}

.did-0,
.jcc-did-0 {
  background-image: url(../images/users-icon-dark.png);
}
.did-1,
.jcc-did-1 {
  background-image: url(../images/wrk01.png);
}
.did-2,
.jcc-did-2 {
  background-image: url(../images/wrk02.png);
}
.did-3,
.jcc-did-3 {
  background-image: url(../images/wrk03.png);
}
.did-4,
.jcc-did-4 {
  background-image: url(../images/wrk04.png);
}
.did-5,
.jcc-did-5 {
  background-image: url(../images/wrk05.png);
}
.did-6,
.jcc-did-6 {
  background-image: url(../images/wrk06.png);
}

.didb-0,
.jcc-didb-0 {
  background-color: #fff;
}
.didb-1,
.jcc-didb-1 {
  background-color: #aaf;
}
.didb-2,
.jcc-didb-2 {
  background-color: #afa;
}
.didb-3,
.jcc-didb-3 {
  background-color: #faa;
}
.didb-4,
.jcc-didb-4 {
  background-color: #ffa;
}
.didb-5,
.jcc-didb-5 {
  background-color: #faf;
}
.didb-6,
.jcc-didb-6 {
  background-color: #aff;
}

table.ccpreview {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: text-top;
  text-align: center;
}

.ccpreview tr {
  border-collapse: separate;
  border-spacing: 0;
}

.ccpreview td {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border: 1px solid #dddd8d;
  text-align: left;
  vertical-align: text-top;
  text-indent: 1px;
  font-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
}

.ccpreview td.toptr {
  border-style: none !important;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}

.ccpreview th {
  border-style: none !important;
  min-width: 80px;
  color: #800;
  font-size: 10px;
  text-align: right;
}

.se-data {
  position: relative;
  max-height: 20px;
  height: 20px;
}

.service-table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.service-table tr {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.service-table td.se-daynum {
  text-align: center;
}

.service-table td.se-dayname {
  text-align: center;
}

.service-table td.se-data {
  width: 40px;
  height: 37px;
  text-align: left;
  vertical-align: text-top;
  text-indent: 1px;
  font-size: 9px;
  color: #667;
}

.service-table td.se-data {
  border: 1px solid #dd8f8f;
  background-color: #eebbbb;
  background-image: url(../images/false-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  /*
  background-color: #d85b5b;
  */
}
.service-table td.se-data:hover {
  background-color: #ffccaa;
  border: 1px solid #902929;
  cursor: pointer;
}

.service-table td.se-data.enabled {
  border: 1px solid #77bc79;
  background-color: #bbeebb;
  background-image: url(../images/check-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  /*
  background-color: #5ea860;
  */
}
.service-table td.se-data.enabled:hover {
  background-color: #ccffaa;
  border: 1px solid #126115;
  cursor: pointer;
}

.service-table-type1.showtime td.se-data.enabled {
  background-image: url(../images/small-check-icon.png);
  background-position: 22px 20px;
}

.service-table-type1.showtime td.se-data .tinfo {
  display: none;
}

.service-table-type1.showtime td.se-data.enabled .tinfo {
  margin-left: 1px;
  margin-right: 2px;
  display: block;
  font-size: 9px;
  line-height: 1.27;
  color: #57b15a;
  clear: both;
}

.service-table-type0 td.se-data .tinfo,
.service-table-type0 #jobcell-jh-edit,
.service-table-type0 #se-info {
  display: none;
}
#jobcell-jh-edit input {
  padding-left: 10px;
  padding-right: 10px;
}

.service-table-type1.showtime td.se-data.enabled :nth-child(1) {
  float: left;
}
.service-table-type1.showtime td.se-data.enabled :nth-child(2) {
  float: right;
}
.service-table-type1.showtime td.se-data.enabled :nth-child(3) {
  float: left;
}

.service-table-type1.showtime td.se-data.enabled.custom .tinfo {
  color: #ea1357;
}

.service-table-type1 td.se-data.selected {
  background-color: #fff055;
  border: 1px solid #2756f7;
  cursor: pointer;
}

.service-table-type1 td.se-data.selected .tinfo {
}

.service-table-type1 td.se-data.selected:hover {
  background-color: #ffff7a;
  border: 1px solid #2756f7;
  cursor: pointer;
}

.service-table-type1.ctrl-key td *,
.service-table-type1.ctrl-key td:hover * {
  cursor: crosshair !important;
}

.arrow-up-icon {
  display: block;
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  /*
  font-size: 13px;
  padding-left: 13px;
  */
  background-image: url(../images/arrow_up_icon.png);
  background-repeat: no-repeat;
}
.arrow-up-icon:hover {
  background-position: 0px -13px;
}

.arrow-dup-icon {
  display: block;
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  /*
  font-size: 13px;
  padding-left: 13px;
  */
  background-image: url(../images/arrow_dup_icon.png);
  background-repeat: no-repeat;
}
.arrow-dup-icon:hover {
  background-position: 0px -13px;
}

.arrow-down-icon {
  display: block;
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  /*
  font-size: 13px;
  padding-left: 13px;
  */
  background-image: url(../images/arrow_down_icon.png);
  background-repeat: no-repeat;
}
.arrow-down-icon:hover {
  background-position: 0px -13px;
}

.arrow-ddown-icon {
  display: block;
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  /*
  font-size: 13px;
  padding-left: 13px;
  */
  background-image: url(../images/arrow_ddown_icon.png);
  background-repeat: no-repeat;
}
.arrow-ddown-icon:hover {
  background-position: 0px -13px;
}

#vertical input[type="checkbox"].css-checkbox + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.clr {
  margin-right: 0px;
}

.priority-color-1 {
  color: #888;
}
.priority-color-1:hover {
  color: #999;
}
.priority-color-2 {
  color: #346499;
}
.priority-color-2:hover {
  color: #447499;
}

.priority-color-3 {
  color: #b46499;
}
.priority-color-3:hover {
  color: #c47499;
}

.priority-color-4 {
  color: #f46409;
}
.priority-color-4:hover {
  color: #ff7429;
}

.group-color {
  color: #10cfe2;
}
.group-color:hover {
  color: #20dff2;
}
.jobname-readiness-color {
  background-color: #346499;
  color: white;
}
.readiness-color {
  color: #f46409;
}
.readiness-color:hover {
  color: #ff7429;
}

.nonactive-color {
  color: #d3d3d3;
}
.nonactive-color:hover {
  color: #e3e3e3;
}

.spec-nonactive {
  color: #ddd;
  text-decoration: line-through;
}

.vertical-align {
  vertical-align: middle !important;
}

.cicon-object {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 0px;
  z-index: 200;
}

.cicon-center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.cicon-object > div {
  position: absolute;
  background-repeat: no-repeat;
  z-index: 201;
  width: 14px;
  height: 14px;
  background-image: url(../images/icoset14b.png);
}

.cicon-object > div:first-child {
  width: 20px;
  height: 20px;
  left: 15px;
  top: 15px;
  z-index: 202;
  background-image: url(../images/icoset20b.png);
}

td.plan-cell {
  height: 54px;
}
table.minimal td.plan-cell {
  height: auto;
}

.plan-cell-wrap {
  height: 100%;
  position: relative;
  width: 100%;
  top: 0px;
  white-space: nowrap;
}

td.plan-cell.condensed {
  height: 74px;
}

#workspace-table td {
  padding: 0px;
  vertical-align: middle;
}
#workspace-table .date-cell {
  /*min-width:100px;*/
  padding-left: 8px;
  border-right-width: 3px;
}
#workspace-table .date-cell-height {
  height: 76px;
}

#workspace-table .plan-cell-div {
  margin-left: 50px;
  margin-right: 14px;
}

#workspace-table .plan-cell-div.plan-cell-div-center {
  width: 100%;
  position: relative;
  margin-top: 50px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  height: auto;
}

#setworker .setworker-cell {
  height: 28px;
  vertical-align: text-top;
  padding: 0px;
  padding-top: 4px;
  padding-left: 4px;
}

#setworker .setworker-cell span {
  float: left;
  margin-right: 6px;
}

.ico14 {
  margin-top: 3px;
  height: 14px;
  width: 14px;
  float: left;
  background-image: url(../images/icoset14b.png);
}

#setworker .setworker-cell-text {
  /*	position: relative;
	top: -4px;
*/
  margin-left: 2px;
}

.ico-none {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
  background-image: url(../images/smile-gray.png);
  background-repeat: no-repeat;
}

#workspace-table {
  /*
	table-layout: fixed;
	*/
}

.row-normal {
  background-color: #ffffff !important;
}

.row-holiday {
  background-color: #fbf2ff !important;
  /*		rgb(255, 253, 242) !important;*/
}

.row-blue {
  background-color: #ededff !important;
}

.row-blank {
  background-color: white !important;
  height: 16px;
  min-height: 16px;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

.row-blank .td-blank {
  position: relative !important;
  cursor: default;
  z-index: 1000;
}

#workspace-table.weekrow0 .row-blank {
  height: 0px !important;
  min-height: 0px !important;
}

#table-setworker {
  margin-bottom: 0px;
}

#table-setworker td.suitable {
  background-color: #e2ffd7;
}
#table-setworker td.suitable:hover {
  background-color: #beee70;
}

#table-setworker td.unsuitable {
  /*
	background-color: #ecdfdf;
	*/
  background-color: #ffffff;
  opacity: 0.65;
}
#table-setworker td.unsuitable:hover {
  background-color: #f8f8c8;
  opacity: 0.8;
}

#table-setworker td.normal {
  background-color: rgb(248, 255, 234);
}
#table-setworker td.normal:hover {
  background-color: #eeee70;
}

#workspace-table .width-limit-normal {
  min-width: 195px;
}

#workspace-table .width-limit {
  min-width: 70px;
  max-width: 90px;
}

#workspace-table td.warning {
  background-color: #fcf8e5;
}
#workspace-table td.warning:hover {
  background-color: #f5f8ad;
}
#workspace-table td.error {
  background-color: #ffeded;
}
#workspace-table td.error:hover {
  background-color: #ffdddd;
}
#workspace-table td.free {
  /*
	background-color: #ffeded;
	*/
}
#workspace-table td.free:hover {
  /*
	background-color: #ffdddd;
	*/
}

#workspace-table.font-small {
  font-size: 13px;
}

div.ico20 {
  float: left;
  margin: 1px;
  width: 20px;
  height: 20px;
  background-image: url(../images/icoset20b.png);
}

div.legend-div {
  margin-right: 0px;
  float: left;
  clear: both;
  display: block;
}

div.legend-column {
  padding: 0px;
  display: table;
}
div.legend-row {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

div.legend-text-div {
  margin-top: 2px;
  margin-left: 4px;
  float: left;
}

#workspace-table td span.empty {
  padding-left: 4px;
  padding-right: 3px;
}

.add-icon {
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 20px;
  padding-left: 20px;
  background: url(../images/add-icon.png) no-repeat left 2px;
}
.add-icon:hover {
  background-position: left -14px;
}

.alike.add-icon {
  color: #048707;
  cursor: pointer;
}

.alike.add-icon:hover {
  color: #5ea860;
}

.copy-icon {
  display: inline-block;
  height: 16px;
  padding-left: 25px;
  background: url(../images/copy-icon.png) no-repeat left 0;
}
.copy-icon:hover {
  background-position: left -16px;
}
.pdf-icon {
  display: inline-block;
  height: 16px;
  padding-left: 25px;
  background: url(../images/pdf-icon.png) no-repeat left 0;
}
.pdf-icon:hover {
  background-position: left -16px;
}

#red-alert {
  position: fixed;
  top: 170px;
  left: 10px;
  z-index: 1500;
  width: 68px;
  height: 60px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

#red-alert:hover {
  opacity: 0.5;
}

#timetable-problems {
  position: fixed;
  top: 233px;
  left: 14px;
  /*z-index: 1000;*/
  z-index: 1500;
  padding: 10px;
  /*
	min-width: 550px;
*/
  max-height: 70%;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 700;
}
#alert-wrap.level-note #red-alert {
  background-image: url("../images/yellow-alert-a.png");
}
#alert-wrap.level-warning #red-alert {
  background-image: url("../images/red-alert-a.png");
}
#alert-wrap.level-error #red-alert {
  background-image: url("../images/full-red-alert-a.png");
}
#alert-wrap.level-note #timetable-problems {
  background-color: rgba(245, 240, 250, 0.85);
  border: 1px solid rgba(200, 200, 220, 0.9);
}
#alert-wrap.level-warning #timetable-problems {
  background-color: rgba(250, 235, 200, 0.9);
  border: 1px solid rgba(230, 205, 170, 0.9);
}
#alert-wrap.level-error #timetable-problems {
  background-color: rgba(255, 235, 235, 0.85);
  border: 1px solid rgba(255, 180, 180, 0.9);
}

#alert-wrap div.info-div {
  margin-bottom: 20px;
}

#alert-wrap div.info-div div {
  font-size: 17px;
  font-weight: 300;
  color: #222;
  text-indent: 10px;
  padding-top: 4px;
  cursor: pointer;
}

#alert-wrap div.info-div div:hover {
  color: #44d;
  background-color: rgba(255, 255, 255, 0.7);
}

#alert-wrap:not(.level-error) div.info-div.level-error {
  display: none;
}
#alert-wrap:not(.level-warning) div.info-div.level-warning {
  display: none;
}
#alert-wrap:not(.level-note) div.info-div.level-note {
  display: none;
}

#alert-wrap:not(.level-note):not(.level-error):not(.level-warning) {
  display: none;
}

.zero-opacity {
  opacity: 0 !important;
}
.full-opacity {
  opacity: 1 !important;
}

.full-opacity-b {
  opacity: 1 !important;
}

#alert-wrap #alert-detail {
  position: fixed;
  top: 93px;
  left: 520px;
  z-index: 1001;
  padding: 20px;
  padding-top: 30px;
  /*min-width: 300px;*/
  min-width: 400px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #888;
  max-height: 70%;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 400;
  color: #229;
}

#alert-wrap #alert-detail-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#alert-wrap #alert-detail-close:hover {
  opacity: 0.5;
}
#alert-detail-data {
  min-width: 400px;
}

#info-wrap #info-detail {
  position: fixed;
  top: 138px;
  left: 520px;
  z-index: 1001;
  padding: 20px;
  padding-top: 30px;
  min-width: 300px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #888;
  max-height: 80%;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 400;
  color: #229;
}

#info-wrap #info-detail-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#info-wrap #info-detail-close:hover {
  opacity: 0.5;
}
#info-detail-data {
  min-width: 400px;
}

.ws-nowrap {
  white-space: nowrap;
}

table:not(.selectable),
.noselect,
table:not(.selectable) td {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td {
  background-clip: padding-box;
}

.row-prev {
  /*background-color: #f0f0f0 !important;*/
  background-color: #e0e3e6 !important;
  color: #aaa !important;
  cursor: auto !important;
  font-style: italic;
  pointer-events: none;
}
/*
.row-prev:hover {
	background-color: #f0f0f0 !important;
	color: #AAA !important;
}
*/
#workspace-table .row-prev td {
  color: #aaa !important;
}
#workspace-table .row-prev td:hover {
  background-color: #f0f0f0;
  cursor: auto;
}

.row-next {
  /*background-color: #f0ffff;*/
  /*color: #ABB !important;*/
  background-color: #e0e3e6 !important;
  /*background-color: #f0f0f0 !important;*/
  color: #aaa !important;
  cursor: auto !important;
  font-style: italic;
  pointer-events: none;
}
/*
.row-prev:hover {
	background-color: #f0f0f0 !important;
	color: #AAA !important;
}
*/
#workspace-table .row-next td {
  /*color: #ABB !important;*/
  color: #aaa !important;
}
#workspace-table .row-next td:hover {
  /*background-color: #f0ffff;*/
  background-color: #f0f0f0;
  cursor: auto;
}

#workspace-table .comb-div {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #bfdce2;
  color: #06f;
  cursor: pointer;
}

#workspace-table .comb-div:hover {
  background-color: #d8eaf0;
  color: #3df;
}

#workspace-table .comb-div.selected {
  background-color: #b8d6dc !important;
  color: #fff !important;
}
#workspace-table .comb-div.selected:hover {
  background-color: #e8f3fa !important;
  color: #fff !important;
}

#workspace-table td.temp-comb-group {
  background-color: #c7feb5 !important;
}
#workspace-table td.temp-comb-group:hover {
  background-color: #c7feb5 !important;
}
#workspace-table td.temp-comb {
  background-color: #8ef7ff !important;
}
#workspace-table td.temp-comb:hover {
  background-color: #8ef7ff !important;
}

#workspace-table td.comb {
  background-color: #8ef7ff;
}
#workspace-table td.comb:hover {
  background-color: #aef7ff;
}

.ci-red {
  color: white !important;
  background-color: red;
  margin: 1px;
  padding: 0px 3px 0px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ci-green {
  color: #048707 !important;
  margin: 1px;
}
.ci-orange {
  color: #f87800 !important;
  margin: 1px;
}

.ci-blue {
  color: white !important;
  background-color: rgb(25, 168, 227);
  margin: 1px;
  padding: 0px 3px 0px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ci-violet {
  color: white !important;
  background-color: rgb(230, 41, 191);
  margin: 1px;
  padding: 0px 3px 0px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*.ci-sameday:not(.ci-orange):not(.ci-green) {*/
.ci-sameday {
  margin-left: -1px;
  padding-left: 0px;
}

td.calendar-orange {
  background-color: #f87800 !important;
  border: 1px inset #f87800;
  color: white;
}

td.calendar-orange:hover {
  background-color: #ff8f33 !important;
  border: 1px solid #d85800;
  color: white;
}

.soft-nechce-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../images/state-icon.png);
  background-repeat: no-repeat;
  background-position: 0px -30px;
}

.solid-red {
  color: #d85b5b !important;
}

.solid-green {
  color: #048707 !important;
}

.front-homepage {
  position: relative;
  top: -560px;
}

div.alert span {
  position: relative;
  top: 3px;
}

.red-upper {
  font-size: 20px;
  color: red;
  position: relative;
  top: -2px;
  left: -2px;
}

.uncondensed {
  margin-top: 15px;
}

.cnote {
  position: absolute;
  top: 0px;
  right: -0.5px;
  width: 12px;
  height: 14px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 520;
}

.cnote:hover {
  color: #eef;
  background-color: #333;
}

.cnote.nohover:hover {
  color: #333;
  background-color: rgba(255, 255, 255, 0.3);
}

.cnote-like {
  width: 11px;
  height: 14px;
  color: #f00;
  background-color: rgb(230, 200, 100);
  text-align: center;
}

.cnote.hasone {
  color: #f00;
  background-color: rgb(230, 200, 100);
}

.cnote.hasone:hover {
  color: #bbf;
  background-color: #f00;
}
.cnote.hasone.nohover:hover {
  color: #f00;
  background-color: rgb(230, 200, 100);
}

.cnote-big {
  position: absolute;
  top: 0px;
  right: -0.5px;
  width: 19px;
  height: 19px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  color: #000;
  background-color: rgba(255, 255, 100, 0.7);
  /*z-index: 520;*/
  z-index: 999;
  text-align: center;
}

.cnote-big:hover {
  color: #f00;
  background-color: rgba(255, 150, 100, 0.8);
}

.cnote-personal {
  position: absolute;
  top: 0px;
  right: -0.5px;
  width: 12px;
  height: 14px;
  color: #f00;
  background-color: rgba(255, 255, 100, 0.5);
  z-index: 520;
  text-align: center;
}

.full-width {
  width: 100% !important;
}

#workspace-table.minimal td.plan-cell {
  min-height: 23px;
}

#workspace-table.minimal.font-small td.plan-cell {
  min-height: 21px;
}

#workspace-table.minimal .cicon-object {
  left: -15px;
  top: -15px;
}

#workspace-table.minimal.font-small .cicon-object {
  top: -16px;
}

#workspace-table.minimal .width-limit-normal {
  min-width: 80px;
  /*min-width: 100px;*/
  max-width: 180px;
  /*min-width: 195px;*/
}

#workspace-table.minimal .cicon-object > div {
  display: none;
}

#workspace-table.minimal .cicon-object > div:first-child {
  display: block;
}

#workspace-table.minimal .plan-cell-div {
  margin-left: 22px;
  margin-right: 14px;
  margin-top: 1px;
}

#workspace-table {
  width: auto !important;
  max-width: 100% !important;
}

#workspace-table .plan-cell-wrap {
  display: table;
}

.nog {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  background-image: url(../images/nog.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: transparent;
}

.spec-width {
  min-width: 960px !important;
  max-width: 100% !important;
}

#workspace-table td.date-cell {
  padding-left: 20px;
}

.btn-y {
  margin-top: 15px;
  box-shadow:
    inset 0 1px 0 #ebcb93,
    0 2px 0 #7b7b11;
  padding-left: 38px;
  padding-right: 38px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #7b7b11;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #d1b16e;
  color: #fff;
  text-shadow: 1px 1px 0px #689324;
  background-image: -moz-linear-gradient(bottom, #bbab52 0%, #d1b16e 100%);
  background-image: -o-linear-gradient(bottom, #bbab52 0%, #d1b16e 100%);
  background-image: -webkit-linear-gradient(bottom, #bbab52 0%, #d1b16e 100%);
  background-image: linear-gradient(bottom, #bbab52 0%, #d1b16e 100%);
}
.btn-y:hover {
  color: #fff;
  background-image: -moz-linear-gradient(bottom, #8e8e35 0%, #a4a443 100%);
  background-image: -o-linear-gradient(bottom, #8e8e35 0%, #a4a443 100%);
  background-image: -webkit-linear-gradient(bottom, #8e8e35 0%, #a4a443 100%);
  background-image: linear-gradient(bottom, #8e8e35 0%, #a4a443 100%);
}
.btn-y:active,
.btn-y:focus {
  color: #fff;
  background-image: -moz-linear-gradient(bottom, #959538 0%, #9f9f3f 100%);
  background-image: -o-linear-gradient(bottom, #959538 0%, #9f9f3f 100%);
  background-image: -webkit-linear-gradient(bottom, #959538 0%, #9f9f3f 100%);
  background-image: linear-gradient(bottom, #959538 0%, #9f9f3f 100%);
}

#workspace-table {
  margin-bottom: 16px !important;
}

.table-icon-blue {
  display: inline-block;
  height: 16px;
  padding-left: 25px;
  position: relative;
  top: 2px;
  background-image: url(../images/table-icon-blue.png);
  background-repeat: no-repeat;
  background-position: left 0px;
}

a.roll-icon {
  color: #048707;
}
a.roll-icon:hover {
  color: #5ea860;
}
a.roll-icon:focus {
  color: #5ea860;
  text-decoration: none;
}
.roll-icon {
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  margin-bottom: 20px;
  padding-left: 20px;
  background-image: url(../images/roll-icon.png);
  background-repeat: no-repeat;
  background-position: left 2px;
}
.roll-icon-2 {
  background-image: url(../images/roll-icon-2.png);
}
.roll-icon-3 {
  background-image: url(../images/roll-icon-3.png);
}
.roll-icon:hover {
  background-position: left -14px;
}
.roll-icon-up {
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  margin-bottom: 20px;
  padding-left: 20px;
  background-image: url(../images/roll-icon-up.png);
  background-repeat: no-repeat;
  background-position: left 2px;
}
.roll-icon-up:hover {
  background-position: left -14px;
}
#worker-qual-bulk-toggle {
  font-size: 15px;
  line-height: 1.2;
}
.alike.roll-icon {
  color: #048707;
  cursor: pointer;
}

.alike.roll-icon:hover {
  color: #5ea860;
}

.user-icon-green {
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  margin-bottom: 20px;
  padding-left: 20px;
  line-height: 18px;
  background: url(../images/user-icon-green.png) no-repeat left 2px;
}
.user-icon-green:hover {
  background-position: left -14px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed version, currently not supported by any browser */
}

.btn-green1 {
  border-radius: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  border-top-color: rgb(93, 165, 95);
  border-bottom-color: rgb(48, 117, 48);
  border-left-color: rgb(72, 144, 72);
  border-right-color: rgb(72, 144, 72);
  background-color: rgb(90, 180, 90);
  color: #fff !important;
  box-shadow: inset 0 1px 0 #a4d1a5;
  background-image: -moz-linear-gradient(bottom, #438e45 0%, #7bbb7d 100%);
  background-image: -o-linear-gradient(bottom, #438e45 0%, #7bbb7d 100%);
  background-image: -webkit-linear-gradient(bottom, #438e45 0%, #7bbb7d 100%);
  background-image: linear-gradient(bottom, #438e45 0%, #7bbb7d 100%);
}
.btn-green1:hover {
  background-color: rgb(100, 200, 100);
  border-color: #156017;
  background-image: -moz-linear-gradient(bottom, #338e35 0%, #41a443 100%);
  background-image: -o-linear-gradient(bottom, #338e35 0%, #41a443 100%);
  background-image: -webkit-linear-gradient(bottom, #338e35 0%, #41a443 100%);
  background-image: linear-gradient(bottom, #338e35 0%, #41a443 100%);
}
.btn-green1:focus,
.btn-green1:active {
  border-color: #156017;
  background-image: -moz-linear-gradient(bottom, #3d9f3f 0%, #379538 100%);
  background-image: -o-linear-gradient(bottom, #3d9f3f 0%, #379538 100%);
  background-image: -webkit-linear-gradient(bottom, #3d9f3f 0%, #379538 100%);
  background-image: linear-gradient(bottom, #3d9f3f 0%, #379538 100%);
}

.btn-gray,
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
  border-radius: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  border-top-color: rgb(180, 180, 180);
  border-bottom-color: rgb(130, 130, 130);
  border-left-color: rgb(150, 150, 150);
  border-right-color: rgb(150, 150, 150);
  background-color: rgb(180, 180, 180);
  color: #fff !important;
  box-shadow: inset 0 1px 0 #b9b9b9;
  background-image: -moz-linear-gradient(bottom, #8a8a8a 0%, #b0b0b0 100%);
  background-image: -o-linear-gradient(bottom, #8a8a8a 0%, #b0b0b0 100%);
  background-image: -webkit-linear-gradient(bottom, #8a8a8a 0%, #b0b0b0 100%);
  background-image: linear-gradient(bottom, #8a8a8a 0%, #b0b0b0 100%);
  cursor: default;
}

.btn-orange1 {
  border-radius: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  border-top-color: rgb(235, 152, 10);
  border-bottom-color: rgb(192, 90, 2);
  border-left-color: rgb(216, 122, 5);
  border-right-color: rgb(216, 122, 5);
  background-color: rgb(226, 132, 15);
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgb(246, 196, 50);
  background-image: -moz-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(236, 156, 10) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(236, 156, 10) 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(236, 156, 10) 100%
  );
  background-image: linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(236, 156, 10) 100%
  );
}
.btn-orange1:hover {
  border-color: rgb(192, 90, 2);
  background-color: rgb(236, 142, 25);
  background-image: -moz-linear-gradient(
    bottom,
    rgb(188, 82, 2) 0%,
    rgb(228, 102, 2) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgb(188, 82, 2) 0%,
    rgb(228, 102, 2) 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(188, 82, 2) 0%,
    rgb(228, 102, 2) 100%
  );
  background-image: linear-gradient(
    bottom,
    rgb(188, 82, 2) 0%,
    rgb(228, 102, 2) 100%
  );
}
.btn-orange1:focus,
.btn-orange1:active {
  border-color: rgb(192, 90, 2);
  background-image: -moz-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(198, 82, 2) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(198, 82, 2) 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(198, 82, 2) 100%
  );
  background-image: linear-gradient(
    bottom,
    rgb(218, 102, 2) 0%,
    rgb(198, 82, 2) 100%
  );
}

#calendar-body {
  text-align: center;
  width: 100%;
  font-family: "Fira Sans";
}

#calendar-part1 {
  width: 320px;
  float: left;
}
#calendar-part2 {
  width: 320px;
  float: right;
}

#calendar-main,
#calendar-head,
#calendar-select,
#calendar-note,
#calendar-note-text,
#calendar-note-edit,
#calendar-bottom {
  display: inline-block;
  position: relative;
}

#calendar-bottom {
  margin-top: 20px;
}

#calendar-head h2 {
  font-size: 25px;
  font-weight: 400;
}
#calendar-head h4 {
  font-size: 17px;
  font-weight: 400;
}
#calendar-head h1 {
  font-size: 38px;
  font-weight: 400;
}

#calendar-main {
  padding-bottom: 24px;
  padding-top: 13px;
}

#calendar-select {
  background-color: rgb(50, 100, 150);
  width: 320px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px; /*25px;*/
}

#calendar-date {
  position: relative;
  height: 27px;
  font-size: 15px;
  color: white;
  font-weight: 500;
  padding-bottom: 15px;
  text-align: left;
  left: 1px;
  top: -10px;
}
#calendar-date-claim {
  position: relative;
  font-size: 13px;
  color: white;
  font-weight: 400;
  text-align: left;
  left: 1px;
  top: 0px;
  font-style: italic;
  margin-top: -17px;
  min-height: 19px;
}

.calendar-buttons {
  position: relative;
  width: 280px;
  height: 45px;
  border-radius: 4px;
  border: 1px solid rgb(40, 80, 120);

  background: rgb(
    240,
    240,
    240
  ); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* Standard syntax */
}

#calendar-buttons2 {
  height: 90px;
}
#calendar-buttons2 {
  width: 304px;
}
#calendar-buttons2 .nc-button.nc-green {
  width: 86px;
}
#calendar-buttons2 .nc-button.nc-orange {
  width: 100px;
}
#calendar-buttons2 .nc-button.nc-red {
  width: 114px;
}
#calendar-buttons2 .nc-button.nc-blue {
  width: 146px;
}
#calendar-buttons2 .nc-button.nc-violet {
  width: 154px;
}
#calendar-buttons2 .nc-button .nc-text {
  left: 28px;
}

#calendar-edit {
  display: inline-block;
  margin-top: 15px;
}

#calendar-edit-ico {
  margin-top: 3px;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  background-image: url(../images/ncico_1.png);
  background-repeat: no-repeat;
  background-position: 0px -150px;
  float: left;
}

#calendar-edit-text {
  font-size: 14px;
  color: white;
  font-weight: 400;
  float: left;
}

#calendar-note {
  background-color: rgb(70, 115, 160);
  width: 320px;
  height: 48px;
}

#calendar-body .nc-cell {
  float: left;
  position: relative;
  width: 40px;
  height: 36px;
  border: 1px solid rgb(237, 237, 237);
  /*
	border: 1px solid rgb(237,237,237);
	border-collapse: separate;
	border-spacing: 0;
	*/

  background-color: white;
  color: rgb(93, 93, 93);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

#calendar-body .nc-cell.nc-dayname {
  border-bottom: 2px solid rgb(230, 230, 230);
}

#calendar-body .nc-cell:hover,
#calendar-body .nc-cell.nc-selected {
  border: 2px solid rgb(95, 95, 95);
}

#calendar-body.nc-touch .nc-cell.nc-selected {
  border: 2px solid rgb(0, 0, 200) !important;
}

#calendar-body .nc-cell .nc-text {
  position: absolute;
  left: 5px;
  top: 13px;
  font-size: 15px;
  color: #444;
  font-weight: 400;
}

#calendar-body .nc-cell .nc-claimshort {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 12px;
  color: rgba(32, 32, 32, 0.6);
  font-weight: 400;
  width: 22px;
  height: 15px;
  background-color: rgba(255, 255, 230, 0.6);
  text-align: center;
  border-bottom-right-radius: 8px;
}

#calendar-body .nc-cell .nc-cell-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#calendar-body .nc-cell.nc-selected .nc-cell-wrap,
#calendar-body .nc-cell:hover .nc-cell-wrap {
  top: -1px;
  left: -1px;
}

#calendar-body .nc-cell .nc-ico {
  position: absolute;
  left: 23px;
  top: 17px;
  background-image: url(../images/ncico_1.png);
  width: 15px;
  height: 15px;
  display: none;
  background-repeat: no-repeat;
}
#calendar-body .nc-cell.nc-green .nc-ico {
  background-position: 0px -60px;
  display: block;
}
#calendar-body .nc-cell.nc-orange .nc-ico {
  background-position: 0px -75px;
  display: block;
}
#calendar-body .nc-cell.nc-red .nc-ico {
  background-position: 0px -90px;
  display: block;
}
#calendar-body .nc-cell.nc-blue .nc-ico {
  background-position: 0px -165px;
  display: block;
}
#calendar-body .nc-cell.nc-violet .nc-ico {
  background-position: 0px -180px;
  display: block;
}

#calendar-body .nc-cell .nc-note {
  position: absolute;
  left: 23px;
  top: 0px;
  background-image: url(../images/ncico_1.png);
  width: 15px;
  height: 15px;
  display: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#calendar-body .nc-cell .nc-note.hasone {
  display: block;
}
#calendar-body .nc-cell.nc-green .nc-note {
  background-position: 0px -15px;
}
#calendar-body .nc-cell.nc-orange .nc-note {
  background-position: 0px -30px;
}
#calendar-body .nc-cell.nc-red .nc-note {
  background-position: 0px -45px;
}
#calendar-body .nc-cell.nc-violet .nc-note {
  background-position: 0px -45px;
}
#calendar-body .nc-cell.nc-blue .nc-note {
  background-position: 0px -30px;
}

#calendar-body .nc-cell.nc-green .nc-text,
#calendar-body .nc-cell.nc-red .nc-text,
#calendar-body .nc-cell.nc-orange .nc-text,
#calendar-body .nc-cell.nc-blue .nc-text,
#calendar-body .nc-cell.nc-violet .nc-text {
  color: white;
}
#calendar-body .nc-cell.nc-green {
  background-color: rgb(94, 168, 94);
  border: 1px solid rgb(90, 160, 90);
}
#calendar-body .nc-cell.nc-orange {
  background-color: rgb(230, 130, 0);
  border: 1px solid rgb(210, 120, 0);
}
#calendar-body .nc-cell.nc-red {
  background-color: rgb(216, 90, 90);
  border: 1px solid rgb(200, 85, 85);
}
#calendar-body .nc-cell.nc-blue {
  background-color: rgb(20, 163, 222);
  border: 1px solid rgb(10, 150, 210);
}
#calendar-body .nc-cell.nc-violet {
  background-color: rgb(168, 53, 122);
  border: 1px solid rgb(158, 40, 110);
}

#calendar-body .nc-cell.nc-red:hover,
#calendar-body .nc-cell.nc-red.selected {
  border: 2px solid rgb(90, 30, 30);
}
#calendar-body .nc-cell.nc-orange:hover,
#calendar-body .nc-cell.nc-orange.selected {
  border: 2px solid rgb(90, 90, 30);
}
#calendar-body .nc-cell.nc-green:hover,
#calendar-body .nc-cell.nc-green.selected {
  border: 2px solid rgb(30, 90, 30);
}
#calendar-body .nc-cell.nc-blue:hover,
#calendar-body .nc-cell.nc-blue.selected {
  border: 2px solid rgb(30, 30, 90);
}
#calendar-body .nc-cell.nc-violet:hover,
#calendar-body .nc-cell.nc-violet.selected {
  border: 2px solid rgb(90, 30, 60);
}

#calendar-body .nc-cell.nc-empty > div {
  visibility: hidden;
}

#calendar-body.nc-marknojob
  .nc-nedostupne:not(.nc-red):not(.nc-orange):not(.nc-green):not(.nc-blue):not(
    .nc-violet
  ) {
  background-image: url(../images/nc_bck3.png);
  background-position: 0px 0px;
}
#calendar-body.nc-markclose
  .nc-nedostupne-red:not(.nc-red):not(.nc-orange):not(.nc-green):not(
    .nc-blue
  ):not(.nc-violet) {
  background-image: url(../images/nc_bckr3b.png);
  background-position: 0px 0px;
}

#calendar-body.nc-marknojob
  .nc-nedostupne:not(.nc-red):not(.nc-orange):not(.nc-green):not(.nc-blue):not(
    .nc-violet
  )
  .nc-text,
#calendar-body.nc-markclose
  .nc-nedostupne-red:not(.nc-red):not(.nc-orange):not(.nc-green):not(
    .nc-blue
  ):not(.nc-violet)
  .nc-text {
  color: rgb(180, 180, 180);
}

.calendar-buttons .nc-button {
  position: relative;
  border-right: 1px solid rgb(220, 220, 220);
  border-left: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(220, 220, 220);
  border-top: 1px solid rgb(255, 255, 255);
  float: left;
  top: 1px;
  left: 1px;
  height: 42px;
  cursor: pointer;
}

.calendar-buttons .nc-button:hover {
  background-color: rgba(255, 230, 0, 0.11);
}

.calendar-buttons .nc-button .nc-ico {
  position: absolute;
  left: 8px;
  top: 15px;
  background-image: url(../images/ncico_1.png);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}
.calendar-buttons .nc-button.nc-green .nc-ico {
  background-position: 0px -105px;
}
.calendar-buttons .nc-button.nc-orange .nc-ico {
  background-position: 0px -120px;
}
.calendar-buttons .nc-button.nc-red .nc-ico {
  background-position: 0px -135px;
}

.calendar-buttons .nc-button .nc-ico20 {
  position: absolute;
  left: 4px;
  top: 12px;
  background-image: url(../images/ncico20_1.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.calendar-buttons .nc-button.nc-green .nc-ico20 {
  background-position: 0px 0px;
}
.calendar-buttons .nc-button.nc-orange .nc-ico20 {
  background-position: 0px -40px;
}
.calendar-buttons .nc-button.nc-red .nc-ico20 {
  background-position: 0px -20px;
}
.calendar-buttons .nc-button.nc-blue .nc-ico20 {
  background-position: 0px -60px;
}
.calendar-buttons .nc-button.nc-violet .nc-ico20 {
  background-position: 0px -80px;
}

.calendar-buttons .nc-button .nc-text {
  position: absolute;
  left: 26px;
  top: 13px;
  font-size: 15px;
  font-weight: 400;
}
.calendar-buttons .nc-button.nc-green .nc-text {
  color: rgb(94, 168, 94);
}
.calendar-buttons .nc-button.nc-orange .nc-text {
  color: rgb(230, 130, 0);
}
.calendar-buttons .nc-button.nc-red .nc-text {
  color: rgb(216, 90, 90);
}
.calendar-buttons .nc-button.nc-blue .nc-text {
  color: rgb(6, 158, 220);
}
.calendar-buttons .nc-button.nc-violet .nc-text {
  color: rgb(166, 49, 119);
}

.calendar-buttons .nc-button.nc-green {
  width: 64px;
}
.calendar-buttons .nc-button.nc-orange {
  width: 83px;
}
.calendar-buttons .nc-button.nc-red {
  width: 129px;
}

#calendar-note,
#calendar-note-text {
  cursor: pointer;
}

#calendar-note-text {
  /*background-color: rgb(130,150,170);*/
  background-color: white;
  width: 320px;
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 7px;

  font-size: 18px;
  color: rgb(80, 80, 80);
  font-weight: 600;
  /*	text-align: justify;
    text-justify: inter-word;
	*/
}

.clearfloat {
  clear: both;
  width: 0px;
  height: 0px;
}

#calendar-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  margin-top: 54px;
}

#calendar-select-wrap {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}

#calendar-note-edit {
  background-color: rgb(50, 100, 150);
  width: 320px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#cnotedata {
  width: 100%;
  background-color: rgb(70, 115, 160);
  font-size: 16px;
  font-weight: 400;
  color: white;
  border: 1px solid white;
  margin-bottom: 6px;
}

#calendar-select,
#calendar-note,
#calendar-note-edit {
  width: 100%;
}

#calendar-head h1 {
  font-size: 30px;
  margin-top: 18px;
}

#max-div {
  width: 304px;
}

@media screen and (max-width: 1023px) {
  .naked #top {
    display: none;
  }
  .naked footer {
    display: none;
  }
  .naked body {
    min-width: 320px;
  }

  .naked .container {
    width: 100%;
    padding: 0px;
  }
  .naked .col-xs-12 {
    padding: 0px;
  }
  .naked #calendar-wrap {
    margin-top: 0px;
  }
}

#nc-modala,
#nc-modalb {
  width: 641px;
}

#calendar-body ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #aaa;
}
#calendar-body :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaa;
  opacity: 1;
}
#calendar-body ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
#calendar-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaa;
}
#calendar-body :placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #aaa;
}
#ncshift-hint {
  position: fixed;
  z-index: 1060;
  border: 2px solid rgba(100, 180, 100, 0.85);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Fira Sans";
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  pointer-events: none;
}

.nc-specpad14 {
  padding-left: 13px !important;
  padding-right: 9px !important;
}
#nc-helpico {
  position: relative;
  top: 6px;
}
#nc-hico2 {
  display: none;
}
html:not(.naked) #nc-helpico-text {
  display: none;
}
html:not(.naked) #nc-helpico {
  position: absolute;
  top: -42.5px;
  left: 562px;
}
html:not(.naked) #nc-hico1 {
  display: none;
}
html:not(.naked) #nc-hico2 {
  display: block;
}
#cnotesave1 {
  width: 92px;
}
#cnotesaven {
  width: 200px;
}

#ccgsave1 {
  width: 92px;
}
#ccgsaven {
  width: 200px;
}

#calendar-body {
  display: table;
}

#nc-specfill {
  display: none;
  width: 1px;
  height: 280px;
}

.nc-specsmall {
  font-size: 19px !important;
  font-weight: 700 !important;
  margin-bottom: 17px;
}

@media screen and (max-width: 639px) {
  #nc-modala,
  #nc-modalb {
    width: 322px;
  }
  /* .naked #*/
  #calendar-wrap {
    width: 100%;
  }
  #calendar-part1 {
    width: 100%;
    clear: both;
  }
  #calendar-part2 {
    width: 100%;
    clear: both;
  }
  html:not(.naked) #nc-helpico {
    left: 197px;
  }
  .nc-spectext {
    display: none;
  }
  #calendar-buttons2 {
    left: -12px;
  }
  #calendar-claim-group {
    width: 300px;
    margin-left: -10px;
  }
}

@media screen and (min-width: 640px) {
  #nc-specfill {
    display: block;
  }
  #calendar-part1 {
    width: 303px;
  }
  #calendar-part2 {
    width: 337px;
  }

  #calendar-select,
  #calendar-note,
  #calendar-note-edit {
    width: 320px;
  }

  #calendar-body {
    position: relative;
  }
  #calendar-bottom {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    padding-right: 18px;
  }
  #calendar-main {
    width: 280px;
    position: absolute;
    padding-bottom: 20px;
    bottom: 0px;
    left: 18px;
  }

  #calendar-note {
    display: none;
  }

  #calendar-part1 {
    min-height: 530px; /*400px;*/
    position: relative;
  }

  #calendar-part1::after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #e5e5e5;
    right: -5px;
    top: 0px;
  }

  #calendar-note-edit {
    background-color: rgb(255, 255, 255);
    color: #555;
    padding-left: 7px;
    padding-right: 9px;
  }

  #calendar-select {
    background-color: rgb(255, 255, 255);
    color: #555;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 6px;
  }

  #calendar-select-wrap {
    width: 304px;
  }
  .calendar-buttons {
    width: 304px;
  }
  .calendar-buttons .nc-button.nc-green {
    width: 86px;
  }
  .calendar-buttons .nc-button.nc-orange {
    width: 100px;
  }
  .calendar-buttons .nc-button.nc-red {
    width: 114px;
  }
  .nc-specrel {
    position: relative;
    left: 11px;
  }

  #calendar-date {
    color: #555;
  }
  #calendar-date-claim {
    color: #555;
  }

  #cnotedata {
    background-color: rgb(255, 255, 255);
    border: 1px solid #555;
    color: #7f7f7f;
    margin-bottom: 12px;
  }

  #calendar-head {
    text-align: left;
    padding-left: 18px;
    width: 100%;
  }

  #nc-monthname {
    position: relative;
    top: -5px;
  }

  #cnotesave1 {
    float: left;
    width: 92px;
  }
  #cnotesaven {
    float: right;
    width: 200px;
  }
  #ccgsave1 {
    float: left;
    width: 92px;
  }
  #ccgsaven {
    float: right;
    width: 200px;
  }

  #calendar-bottom {
    margin-top: 0px;
  }
}

.phone {
  background-image: url("../images/phone.png");
  background-repeat: no-repeat;
  background-position: center left;
  position: relative;
  top: 1px;
  padding-left: 24px;
  display: inline;
  font-size: 16px;
}

footer .bg-blue {
  font-family: "Open Sans", sans-serif !important;
}

.cico {
  width: 15px;
  height: 15px;
  background-image: url(../images/ncico_1.png);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
}
.cico0 {
  background-position: 0px 0px;
}
.cico1 {
  background-position: 0px -15px;
}
.cico2 {
  background-position: 0px -30px;
}
.cico3 {
  background-position: 0px -45px;
}
.cico4 {
  background-position: 0px -60px;
}
.cico5 {
  background-position: 0px -75px;
}
.cico6 {
  background-position: 0px -90px;
}
.cico7 {
  background-position: 0px -105px;
}
.cico8 {
  background-position: 0px -120px;
}
.cico9 {
  background-position: 0px -135px;
}
.cico10 {
  background-position: 0px -150px;
}
.cico11 {
  background-position: 0px -165px;
}
.cico12 {
  background-position: 0px -180px;
}
.cico13 {
  background-position: 0px -195px;
}
.cico14 {
  background-position: 0px -210px;
}
.cico15 {
  background-position: 0px -225px;
}

.zavinac {
  width: 9px;
  height: 8px;
  background-image: url(../images/zavinac.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 13px;
  top: 10px;
  z-index: 10;
}

table.worker-pr tr td {
  position: relative;
  top: 2px;
}

#workers-h2 {
  width: 100% !important;
  margin-left: 0 !important;
}
table.worker-pr {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.worker-pr .edit-icon {
  margin-left: 14px !important;
}
.worker-pr .delete-icon {
  margin-left: 14px !important;
}
.worker-qual-more {
  display: inline-block;
  position: relative;
  z-index: 309;
  margin-left: 6px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  background-color: #eee;
  border-radius: 9px;
  cursor: pointer;
  vertical-align: middle;
}
.worker-qual-toggle {
  display: inline-block;
  position: relative;
  z-index: 309;
  padding: 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #666;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  transition: transform 0.15s ease;
}
.worker-qual-toggle:hover {
  color: #333;
}
.worker-qual-toggle.expanded {
  transform: rotate(180deg);
}
.worker-qual-full {
  display: inline-block;
}

/* Services dropdown/toggle feature disabled on this variant (sluzby.cz).
   Kept in markup/JS intentionally - always show the full list, hide all toggle UI.
   :has() scoping matters here: workers with <=3 services only ever render
   .worker-qual-compact (no .worker-qual-full sibling exists for them at all),
   so an unscoped hide would leave those rows empty. */
.worker-qual-compact:has(+ .worker-qual-full) {
  display: none !important;
}
.worker-qual-toggle,
#worker-qual-bulk-toggle {
  display: none !important;
}
.td-worker-qual .clickable {
  display: none !important;
}
.worker-qual-full {
  display: inline-block !important;
  content-visibility: visible !important;
}

.leftspace {
  margin-left: 0px;
}
.leftspace1 {
  margin-left: 22px;
}
.leftspace2 {
  margin-left: 44px;
}
.leftspace3 {
  margin-left: 66px;
}
.vspc {
  width: 100%;
  height: 15px;
  float: none;
}
.semiTitle {
  font-size: 17px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}
.udspace {
  margin-top: 6px;
  margin-bottom: 6px;
}
.w300 {
  width: 530px !important;
}
.mar0 {
  margin-left: 28px;
  margin-top: 6px;
}
.expe0 input[type="checkbox"]:checked + label {
  color: #346499;
}
input[type="checkbox"][disabled] + label,
input[type="checkbox"].pseudo-dis + label {
  opacity: 0.4 !important;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: rgb(210, 210, 210);
  display: none;
}

input.red-checkbox[type="checkbox"]:checked + label {
  color: red;
}

input.spec-self[type="checkbox"] + label {
  display: none !important;
}

.cap0 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}

.full-center {
  max-width: 100%;
  min-width: 900px;
  width: 100%;
  overflow-x: auto;
  padding-left: 20px;
  padding-right: 20px;
}

#stat-table.table tr > th,
#stat-table.table tr > td {
  padding: 5px;
}

.small-type {
  font-size: 13px;
}

.small-type #stat-table.table tr > th,
.small-type #stat-table.table tr > td {
  padding: 2px;
  padding-right: 5px;
}

#stat-table.table td[col="20000000"] {
  padding-right: 24px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

#stat-table {
  width: auto;
  min-width: 900px;
}

#stat-table td,
#stat-table th {
  text-align: center;
}

#stat-table .order-left {
  text-align: left;
}

#stat-table th {
  position: relative;
  cursor: pointer;
}
#stat-table th:hover {
  /*background-color: rgb(47,96,152);*/
  background-color: rgb(232, 245, 252);
  color: red;
}

.order-div {
  left: 3px;
  position: absolute;
  bottom: -4px;
  color: silver;
  font-size: 10px;
  font-style: italic;
}
.small-type .order-div {
  bottom: -4px;
  left: 0px;
}

#stat-table th {
  padding-bottom: 5px !important;
}
.order-center .order-div {
  width: 100%;
}
.order-center .order-asc-icon,
.order-center .order-desc-icon {
  display: inline-table;
  float: none;
  top: 3px;
  position: relative;
}

.order-asc-icon {
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  font-size: 13px;
  padding-left: 13px;
  background-image: url(../images/arrow_up_icon.png);
  background-repeat: no-repeat;
}
.order-asc-icon.primary {
  background-position: 0px -26px;
}
.order-desc-icon {
  float: left;
  height: 13px;
  width: 13px;
  min-width: 13px;
  font-size: 13px;
  padding-left: 13px;
  background-image: url(../images/arrow_down_icon.png);
  background-repeat: no-repeat;
}
.order-desc-icon.primary {
  background-position: 0px -26px;
}

#order-wrap #order-detail {
  width: 250px;
  position: fixed;
  top: 138px;
  left: 520px;
  z-index: 1001;
  padding: 20px;
  padding-top: 30px;
  /*min-width: 300px;*/
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #888;
  max-height: 80%;
  /*overflow: auto;*/
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 400;
  color: #229;
}

#order-wrap #order-detail-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#order-wrap #order-detail-close:hover {
  opacity: 0.5;
}
#order-detail-data {
}

#order-detail-data > div {
  margin-left: -20px;
  margin-right: -20px;
  font-size: 17px;
  font-weight: 300;
  color: #222;
  text-indent: 10px;
  padding-top: 4px;
  cursor: pointer;
}

#order-detail-data > div > div {
  margin-left: 20px;
}

#order-detail-data > div:hover {
  color: #44d;
  background-color: rgb(255, 240, 200);
}

#stat-table th small i {
  color: #999;
}

#stat-table tr.highlight-sum {
  background-color: #f8f3d8;
}
#stat-table tr.highlight-sum:hover {
  background-color: #f2ecd0;
}
#stat-table tr.highlight-readiness {
  background-color: #e8e8f7;
}
#stat-table tr.highlight-readiness:hover {
  background-color: #e0e0f0;
}

#stat-table th span.spec-hidden {
  display: none;
}

#stat-table tr.highlight-total {
  background-color: #f8e8e0;
}
#stat-table tr.highlight-total:hover {
  background-color: #f4e2d7;
}
.spec-tooltip {
  text-align: center;
  position: relative;
  background-color: white !important;
  color: black;
  padding: 8px;
  margin: -4px;
  border-radius: 6px;
}
/*
#stat-table tr:hover td{
	color: orange;
}

#stat-table td:hover {
	color: red !important;
}
*/

#shift-wrap #shift-detail {
  /*min-width: 450px;*/
  position: fixed;
  left: 520px;
  z-index: 1002;
  padding: 20px;
  padding-top: 30px;
  /*min-width: 300px;*/
  background-color: rgba(255, 255, 255, 0.93);
  border: 1px solid #888;
  max-height: 80%;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 400;
  color: #229;
}

#shift-wrap #shift-detail-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#shift-wrap #shift-detail-close:hover {
  opacity: 0.5;
}
#shift-detail-data {
}

.shifts-daytype {
  width: 24px;
  color: #888;
  font-style: italic;
  display: block;
  float: left;
  padding-right: 4px;
}

.shifts-daytype.shifts-holiday {
  color: #e88;
  font-weight: 500;
}

.spec-btn0 {
  width: 180px;
  float: right;
  position: relative;
  margin-right: -15px;
}

#stat-table {
  white-space: nowrap;
}

#workspace-table td.jobname-td {
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 700;
  vertical-align: bottom;
}

#history-div #history-control h4 {
  display: block;
  text-align: left;
  /*center;*/
  font-size: 18px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 4px;
}

#history-div {
  font-size: 12px;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  border: 1px solid rgba(230, 205, 170, 0.9);

  max-height: 100px;
  position: fixed;
  bottom: -1px;
  left: 10%;
  width: 80%;
  opacity: 1;
  z-index: 1003;
  padding-top: 4px;
  background-color: #ffd;
  /*overflow: hidden;*/

  -webkit-transition:
    width 0.3s linear,
    height 0.3s linear,
    max-height 0.4s linear;
  -o-transition:
    width 0.3s linear,
    height 0.3s linear,
    max-height 0.4s linear;
  transition:
    width 0.3s linear,
    height 0.3s linear,
    max-height 0.4s linear;
}

#history-div .col-xs-12 {
  padding: 0px;
  margin-left: 8px;
}

#history-div span.btn.history-ctrl {
  margin-left: 0px;
  margin-right: -5px;
  color: #444;
}

#history-div div.wrap {
  /*
	border-radius: 4px;
	border: 1px solid #C36F0B;
	background-color: #F69B40;
 */
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 2px;
  margin-right: 7px;
  margin-bottom: 3px;
  float: left;
  display: block;
}

#history-div.history-div-fixed .fixed-hidden {
  display: none;
}

#history-div.history-div-fixed .fixed-show {
  display: inline-block !important;
}
#history-div.history-div-fixed .fixed-rotate {
  transform: rotate(180deg);
}

#history-div.forced-history-div-not-fixed .not-fixed-rotate {
  transform: rotate(180deg);
}

.spec-mh-320 {
  max-height: 320px !important;
}

#history-div.history-div-fixed {
  width: 1px;

  position: fixed;
  bottom: auto;
  left: auto;
  max-height: none !important;

  right: -1px;
  top: 100px;
  height: 80%;
  opacity: 1;
  z-index: 1003;
  padding: 4px;
  background-color: #ffd;
  overflow: hidden;
}

.spec-width,
#workspace-table,
#table_jobs,
#history-main {
  -webkit-transition:
    width 0.3s linear,
    height 0.3s linear;
  -o-transition:
    width 0.3s linear,
    height 0.3s linear;
  transition:
    width 0.3s linear,
    height 0.3s linear;
}

div.h-h4 h4 {
  font-size: 14px;
  margin-bottom: 4px;
}

#history-important-div {
  overflow-y: auto;
  max-height: 200px;
  margin-left: 0px !important;
  max-width: 385px;
}

.history-div-fixed #history-important-div {
  max-width: 100%;
}

#history-important-div > div {
  font-size: 15px;
  font-weight: 400;
  color: #048707;
  padding-top: 2px;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 55px;
  /*display: inline-block;*/
  display: inline-block;
  margin-bottom: -5px;
  width: 100%;
  min-height: 25px;
}

#history-important-div > div:nth-child(odd) {
  background-color: rgb(253, 248, 212); /*rgb(253,251,217);*/
}

#history-important-div > div:hover {
  color: #24a727;
  background-color: rgba(255, 230, 160, 0.7);
}

.h-date {
  max-width: 60px;
  text-align: right;
  /*
	float: right;
	*/
  line-height: 1;
  font-size: 11px;
  font-style: italic;
  color: #000;
  margin-right: 4px;
  vertical-align: middle;
  position: absolute;
  right: 0px;
}

.h-name {
  float: left;
  vertical-align: middle;
}

.rec-date {
  color: #000;
  font-size: 14px;
}
div:hover .rec-date {
  color: #444;
}
.rec-meta {
  color: #777;
  font-size: 12px;
}
div:hover .rec-meta {
  color: #987;
}

#history-main {
  overflow-y: auto;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  /*background-color: red;*/
}

#history-div:not(.history-div-fixed) #history-main {
  position: absolute;
  top: 0px;
  left: 390px;
  height: 100% !important;
}

#history-div:not(.history-div-fixed) .normal-hidden {
  display: none;
}

#history-main > div {
  font-size: 15px;
  font-weight: 400;
  color: #bd4601;
  padding-top: 2px;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 60px;
  /*display: inline-block;*/
  display: inline-block;
  margin-bottom: -6px;
  /*?? - 6 ??*/
  width: 100%;
  min-height: 25px;
}
#history-main > div:nth-child(odd) {
  background-color: rgb(253, 248, 212); /*rgb(253,251,217);*/
}
#history-main > div:nth-child(even) .h-date,
#history-important-div > div:nth-child(odd) .h-date {
  color: #946f6f;
}
#history-main > div:hover {
  color: #ab07ee;
  background-color: rgba(255, 230, 160, 0.7);
}
#history-div div.in {
  color: #048707;
  background-color: #aaff75;
}
#history-div div.in:hover {
  color: #24a727;
  background-color: #baff95;
}
#history-div div.in2 {
  color: #048757;
  background-color: #aaffb5;
}
#history-div div.in2:hover {
  color: #24a797;
  background-color: #baffd5;
}

.forced-height0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-height: 0px !important;
  min-height: 0px !important;
  opacity: 0;
  overflow: hidden !important;
}

.forced-nooverflow {
  overflow: hidden !important;
}

.height-transition {
  max-height: 5100px;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.mh-300 {
  max-height: 300px;
}
.mh-600 {
  max-height: 600px;
}
.mh-900 {
  max-height: 900px;
}
.mh-1200 {
  max-height: 1200px;
}

#history-radio-div {
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: left;
}

#history-radio-div label {
  width: 100%;
}

.hr-text {
  font-size: 16px;
  font-weight: 600;
}

.hr-date {
  font-size: 12px;
  color: #999;
  float: right;
  display: block;
}

#alginfo-h4 {
  margin-top: 36px;
  font-size: 20px;
  font-weight: 600;
}

#net-error {
  background-color: #d32f2f;
  color: white;
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0px;
  padding: 14px 20px;
  opacity: 0;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  z-index: -100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

#net-error.active {
  opacity: 1;
  z-index: 10000;
}

.modal-wrap {
  width: 250px;
  position: fixed;
  top: 100px;
  left: 520px;
  z-index: 1004;
  padding: 20px;
  padding-top: 34px;
  /*min-width: 300px;*/
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #888;
  max-height: 80%;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 16px;
  font-weight: 400;
  color: #229;
}
.modal-main {
  padding: 0px;
  margin: 0px;
}
.modal-wrap .modal-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.modal-wrap .modal-close:hover {
  opacity: 0.5;
}
.modal-wrap .modal-menu > div {
  margin-left: -20px;
  margin-right: -20px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-indent: 10px;
  padding-top: 4px;
  cursor: pointer;
}
.modal-wrap .modal-menu > div > div.modal-ico {
  margin-left: 20px;
  float: left;
}
.modal-wrap .modal-menu > div:hover {
  color: #44d;
  background-color: rgb(255, 240, 200);
}
#modal-history {
  width: 240px;
  /*border-radius: 16px;*/
}

body.wait,
body.wait * {
  cursor: wait !important;
}

@-ms-viewport {
  width: auto !important;
}

#ctrl-hint {
  position: fixed;
  z-index: 1002;
  border: 2px solid rgba(255, 100, 100, 0.7);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#ctrl-hint-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1002;
  border-radius: 12px;
}

.btn.btn-default:not(.selectpicker) {
  background-color: #eee;
}
.btn.btn-default:not(.selectpicker):hover {
  background-color: #fff;
}

.spec-legend {
  position: absolute;
  left: 245px;
}

.close-ico {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  background-image: url("../images/close.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.close-ico:hover {
  opacity: 0.5;
}

#history-div.history-div-fixed .fixed-height {
  max-height: none !important;
  opacity: 1 !important;
  overflow: auto !important;
}

html.shift {
  -moz-user-select: -moz-none !important;
  -moz-user-select: none !important;
  -o-user-select: none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.lighttip {
  background-color: #ffefcf;
  color: #222;
  padding: 12px;
  border-radius: 8px;
}

#modal-history .modal-menu .form-control {
  /*	height: 27px;
	font-size: 16px;
*/
  background-color: rgb(253, 248, 212);
  color: #048707;
}

.h-impprefix {
  font-size: 15px;
  font-weight: 500;
  color: #048707;
  /*
	padding-right: 10px;
        */
  background-color: #fff;
  border-radius: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 0px;
  border: 1px solid #048707;
  margin-right: 4px;
}

#hNameUsed {
  color: rgba(255, 0, 0, 0);
  float: right;
  padding-right: 8px;
}

.calendar-interval {
  display: inline-block;
}

#singleCalendarInfoModal h2 {
  font-size: 22px;
}

.modal-open {
  overflow-y: auto;
  padding-right: 0px !important;
}

.miniico {
  width: 11px;
  height: 9px;
  background-image: url(../images/minidone.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-table;
  position: relative;
  left: 10px;
  top: 6px;
}

.minidone {
  background-image: url(../images/minidone.png);
}

.miniperc {
  background-image: url(../images/miniperc.png);
}

.minicross {
  background-image: url(../images/minicross.png);
}
#scol-wrap .rsc-text {
  color: #c47499;
}
#scol-wrap .rsc-text i {
  color: #5e5556;
}
#scol-wrap .scol:hover {
  background-color: rgb(255, 255, 215);
}
#scol-wrap input[type="radio"].css-checkbox:checked + label.css-label .rsc-text,
#scol-wrap
  input[type="radio"].css-checkbox:checked
  + label.css-label
  .rsc-text
  i {
  color: #ff7429;
  opacity: 1 !important;
}
#scol-wrap input[type="radio"].css-checkbox:checked + label.css-label::before {
  content: " ";
  width: 100%;
  height: 23px;
  position: absolute;
  background-color: rgb(255, 255, 190);
  left: 0px;
  top: 0px;
  z-index: -1;
}

#scol-wrap .sc-invisible {
  /*background-color: rgba(0,0,0,0.04);*/
}
#scol-wrap .sc-invisible .rsc-text {
  opacity: 0.3;
  /*
	color: #AAA !important;
	text-decoration: line-through !important;
        */
}

#scol-wrap .scol {
  cursor: pointer;
  max-height: 50px;
  -webkit-transition:
    height 0.25s linear,
    padding 0.25s linear,
    border 0.25s linear,
    font-size 0.25s linear,
    margin 0.25s linear,
    opacity 0.25s linear,
    max-height 0.25s linear,
    line-height 0.25s linear;
  -o-transition:
    height 0.25s linear,
    padding 0.25s linear,
    border 0.25s linear,
    font-size 0.25s linear,
    margin 0.25s linear,
    opacity 0.25s linear,
    max-height 0.25s linear,
    line-height 0.25s linear;
  transition:
    height 0.25s linear,
    padding 0.25s linear,
    border 0.25s linear,
    font-size 0.25s linear,
    margin 0.25s linear,
    opacity 0.25s linear,
    max-height 0.25s linear,
    line-height 0.25s linear;
}
#scol-wrap.hide-inactive .scol.sc-invisible {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-height: 0px !important;
  min-height: 0px !important;
  opacity: 0;
  overflow: hidden !important;
}

#sc-table td {
  position: relative;
}

#sc-table .shortnote {
  position: absolute;
  right: 0px;
  margin-top: 2px;
  font-size: 11px;
  z-index: 2;
}

#sc-table tr th {
  background-color: #fff;
  border-bottom: 2px solid #e0e0e0;
}

#sc-table tr td {
  background-color: #fff;
}
#sc-table tr.evenjob td {
  background-color: #fcf8e4;
}

#sc-table .sc-job,
#sc-table .sc-day,
#sc-table .sc-job {
  -webkit-transition: padding 0.2s linear;
  -o-transition: padding 0.2s linear;
  transition: padding 0.2s linear;
}

#sc-table .sc-job:hover,
#sc-table .sc-day:hover {
  color: #5ea860;
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 10px;
}
#sc-table td.sc-day:hover span.shortnote {
  color: #5ea860 !important;
}

#sc-name::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #048707;
}
#sc-name:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #048707;
  opacity: 1;
}
#sc-name::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #048707;
  opacity: 1;
}
#sc-name:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #048707;
}
#sc-name:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #048707;
}

#scol-wrap label,
#scol-wrap label .rsc-text {
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  padding-right: 3px;
  margin-bottom: 2px;
}

#topfous {
  position: absolute;
  width: 15px;
  height: 8px;
  background-image: url(../images/topfous.png);
  background-position: center;
  background-repeat: no-repeat;
  top: -8px;
  left: 17px;
  z-index: 2;
}

#topfous.right {
  left: auto;
  right: 16px;
}

#net-sync {
  background-color: white;
  position: fixed;
  left: 90px;
  top: 68px;
  height: 24px;
  background-image: url(../images/progress20.gif);
  background-position: 3px 1px;
  background-repeat: no-repeat;
  text-indent: 28px;
  font-size: 13px;
  font-weight: 500;
  color: #346499;
  z-index: 9999;
  border: 1px solid #e07070;
  border-radius: 6px;
  padding-right: 6px;
  padding-top: 4px;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.note-section {
  border-top: 1px solid #dedede;
  margin-left: -25px !important;
  margin-right: -25px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.notesum-name,
.noteday-name {
  padding-top: 2px;
  display: block;
  clear: both;
  font-weight: 600;
  font-size: 15px;
  border-top: 1px solid #ededed;
}

.notesum-nonote {
  font-style: italic;
  color: #aaa;
  font-size: 14px;
  font-weight: 400;
}

.notesum-interval {
  display: inline-block;
  width: 80px;
  font-style: italic;
  color: #447499;
  float: left;
  clear: left;
  padding-right: 10px;
  text-align: right;
  position: relative;
}
.noteday-wname {
  display: inline-block;
  width: 250px;
  font-style: italic;
  color: #447499;
  float: left;
  clear: left;
  padding-right: 10px;
  padding-left: 17px;
  text-align: right;
  position: relative;
}

.notesum-ico14 {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0px;
  z-index: 5;
  /*
	background-image: url(../images/icoset14b.png);
	background-repeat: no-repeat;
	*/
}
.notesum-ico14 img {
  vertical-align: top !important;
}
/*
.notetype0 .notesum-ico14 {background-position: 0px -154px;}
.notetype1 .notesum-ico14 {background-position: 0px -84px;}
.notetype-1 .notesum-ico14 {background-position: 0px -70px;}
.notetype-2 .notesum-ico14 {background-position: 0px -140px;}
*/

.notesum-note {
  display: inline-block;
  width: 760px;
  float: left;
}
.noteday-note {
  display: inline-block;
  width: 590px;
  float: left;
}

.notesum-solohead {
  display: block;
}
.note-section .notesum-solohead {
  display: none;
}

h3.notesum {
  display: none;
}
.note-section h3.notesum {
  display: block;
}

.container h3.notesum {
  display: block;
}

#notetable-body-wrap {
  margin-bottom: -75px !important;
  width: 1px;
  position: relative;
  clear: both;
}

#notetable-wrap-tab1 #notetable-body-wrap {
  margin-bottom: 5px !important;
}
#notetable-wrap-tab1 #notetable-body {
  border-top: none !important;
  border-bottom: none !important;
}

#notetable-body {
  position: absolute;
  /*
	overflow: hidden;
problem with child position: sticky -- hidden overflow => no stick
https://michaelmovsesov.com/articles/fix-css-position-sticky-not-working
*/
  overflow: clip;
  background-color: #fff;
  border-top: 1px solid #fff;
  /*'#dedede;*/
  /*border-bottom: 1px solid #dedede;*/
  padding-left: 15px;
  /*
	padding-right: 15px;
        */
  padding-right: 15px;
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

a.btn.spec-top10 {
  float: right;
  position: relative;
  top: -10px;
}

.notetable-row {
  position: relative;
  /*        
	margin-top: 4px;
	padding-top: 2px;
*/
  margin-top: 0px;
  padding-top: 2px;
  padding-bottom: 2px;

  display: block;
  border-top: 1px solid #dedede;
  /*width: 105%;*/
  width: 100%;
  clear: both;
}
.notetable-row.first-row {
  border-top: none;
}

.notetable-name {
  /*display: inline-block;*/
  /*width: 200px;*/
  font-style: italic;
  color: #447499;
  float: left;
  padding-left: 6px;
  white-space: nowrap;
}

.notetable-cell {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 1px;
  display: inline-block;
  float: left;
  /*  padding: 2px;*/
  /*overflow: hidden;*/
  height: 100%;
  position: relative;
}
.note-font {
  font-family: "Fira Sans" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.notetable-fontsample {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #fff !important;
  z-index: -2;
}

.notetable-daynum {
  position: absolute;
  z-index: 1;
  text-align: center;
  height: 25px;
  color: #447499;
  font-weight: 600;
}
.notetable-block {
  position: absolute;
  border-radius: 5px;
  margin: -1px;
  height: 87%;
  top: 4px;
}

.notetable-type0 {
  color: #333;
  background-color: rgba(0, 0, 0, 0); /*#fff;*/
  border: 1px solid rgba(0, 0, 0, 0);
}
.notetable-type1 {
  color: #0e580e;
  /*background-color: #bee8be;*/
  /*border: 2px solid #5ea85e;*/
  border: 1px solid #bee8be;
  box-shadow: inset 0 0 0 1000px #bee8be !important;
}
.notetable-type-1 {
  color: #981a1a;
  /*background-color: #f8cccc;*/
  border: 1px dotted #d85a5a;
  box-shadow: inset 0 0 0 1000px #f8cccc !important;
}
.notetable-type-2 {
  color: #963200;
  /*background-color: #ffe4c1;*/
  border: 1px dotted #e68200;
  /*box-shadow: inset 0 0 0 1000px #fff4d7 !important;*/
  box-shadow: inset 0 0 0 1000px #ffde9e !important;
}
.notetable-type-3 {
  color: #2a00f4;
  /*background-color: #ffe4c1;*/
  border: 1px dotted #1d00e6;
  box-shadow: inset 0 0 0 1000px #c9dbff !important;
}
.notetable-type-4 {
  color: #bd0598;
  /*background-color: #ffe4c1;*/
  border: 1px dotted #a900e6;
  box-shadow: inset 0 0 0 1000px #ffc9fc !important;
}

.notetable-noteico {
  position: absolute;
  top: -10px;
  left: -1px;
  color: #d937ff;
  font-size: 19px;
  z-index: 10;
  display: none;
}

.notetable-hasnote .notetable-noteico {
  display: block;
}

.notetable-notetext {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  text-align: center;
  height: 100%;
  width: 100px;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  white-space: normal;
  /*
	border: 1px solid rgba(255,255,255,0.8) !important;
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.35) !important;
	*/
  border: 1px solid rgba(225, 225, 30, 0.85) !important;
  box-shadow: inset 0 0 0 1000px rgba(255, 200, 200, 0.2) !important;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.nthide .notetable-notetext {
  display: none;
}
.notetable-notetext.odd {
  border: 1px solid rgba(185, 185, 255, 0.85) !important;
  box-shadow: inset 0 0 0 1000px rgba(200, 200, 255, 0.2) !important;
}
.notetable-notetext.nocolor {
  border: 1px solid rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}

.notetable-notemain {
  display: inline-block;
  text-shadow:
    -1px -2px 2px #fff,
    2px 1px 2px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff;
  /*padding: 2px;*/
}

.notetable-notetext-end {
  position: absolute;
  right: 1px;
  bottom: 1px;
  box-shadow: inset 0 0 0 1000px #86faff !important;
  color: #447499;
  height: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
}
.notetable-notetext-number {
  font-size: 13px;
  font-weight: 600;
}

.notetable-footnote-wrap {
  clear: both;
  overflow: hidden;
  border-top: 2px solid #bebebe;
  padding-top: 10px;
}
.nthide .notetable-footnote-wrap {
  display: none;
}
.notetable-footnote-div {
  display: block;
  text-align: justify;
  /*margin-right: -25px;*/
}

.notetable-footnote {
  display: inline-block;
}
.notetable-footnote-separate .notetable-footnote {
  clear: both;
}
.notetable-footnote-text {
  color: #4e4444;
  font-size: 15px;
  padding-right: 25px;
}
.notetable-footnote-number {
  color: #447499;
  font-size: 17px;
  font-weight: 600;
}
.spec-ntline {
  height: 24px !important;
  width: 700px !important;
}

#detail-top-btn-wrap > .btn-success,
#detail-top-btn-wrap > .btn-default {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#detail-top-btn-wrap > #notebtn {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

#notebtn {
  position: absolute;
  /*
	top: 0px;
	right: 15px;        
        */
  top: -54px;
  right: -1px;
  padding: 4px !important;
}
#btn-history-toggle {
  position: absolute;
  top: -54px;
  right: 56px;
  width: 57px;
  font-weight: 900;
  font-size: 32px;
  padding: 0px;
  height: 54px;
}

#notetable-body-wrap.notetable-spec {
  margin-bottom: 0px !important;
  margin-top: -1px !important;
}

.notejobico {
  position: absolute;
  top: 5px;
  z-index: 5;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  overflow: hidden;
  text-shadow:
    -1px -2px 2px #fff,
    2px 1px 2px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff;
}
.notejobico.ctype1 {
  text-shadow:
    -1px -2px 2px #5f5,
    2px 1px 2px #5f5,
    1px -1px 1px #5f5,
    -1px 1px 1px #5f5;
}
.notejobico.ctype-2 {
  text-shadow:
    -1px -2px 2px #f60,
    2px 1px 2px #f60,
    1px -1px 1px #f60,
    -1px 1px 1px #f60;
}
.notejobico.ctype-3 {
  text-shadow:
    -1px -2px 2px #3a77e2,
    2px 1px 2px #3a77e2,
    1px -1px 1px #3a77e2,
    -1px 1px 1px #3a77e2;
}
.notejobico.ctype-4 {
  text-shadow:
    -1px -2px 2px #b93ae2,
    2px 1px 2px #b93ae2,
    1px -1px 1px #b93ae2,
    -1px 1px 1px #b93ae2;
}
.notejobico.ctype-1 {
  text-shadow:
    -1px -2px 2px #f00,
    2px 1px 2px #f00,
    1px -1px 1px #f00,
    -1px 1px 1px #f00;
}

#tab2 .notejobico:hover {
  cursor: pointer;
  transform: scale(1.08) translate(-1px, 1px);
  background-color: #e0ffd0;
  border: 1px solid rgba(255, 255, 0, 0.7);
}
#notetable-body.ntpoint2 .notejobico {
  top: 0px;
}
#demands-wrap #notetable-body.ntpoint2 .notejobico {
  top: -2px;
}
#notetable-body.ntpoint3 .notejobico {
  top: 7px;
}

#notetable-body.ntpoint3 .notetable-row[row-size="1"] {
  height: 31px !important;
}

#notetable-body.ntpoint1.ntrjob2 .notetable-row {
  min-height: 31px !important;
}

#notetable-body.ntpoint2.ntrjob2 .notetable-row {
  min-height: 52px !important;
}
#notetable-body.ntpoint3.ntrjob2 .notetable-row {
  min-height: 57px !important;
}

.notefloatcell {
  position: absolute;
  top: 2px;
  z-index: 11;
  height: 25px;
  padding-left: 0px;
  padding-right: 2px;
}

.noterjobsum {
  text-align: center;
  padding-top: 3px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.06;
  white-space: normal !important;
}
#notetable-body .noterjobsum.txtlen1 {
  font-size: 17px;
  padding-top: 2px;
}
#notetable-body .noterjobsum.txtlen2 {
  font-size: 15px;
  padding-top: 3px;
}
#notetable-body .noterjobsum.txtlen3 {
  font-size: 12px;
  padding-top: 5px;
}
#notetable-body.ntwidth3 .noterjobsum {
  font-size: 11px;
  padding-top: 4px;
}
#notetable-body.ntwidth4 .noterjobsum {
  font-size: 10px;
  padding-top: 4px;
}
#notetable-body.ntwidth3 .noterjobsum.txtlen1,
#notetable-body.ntwidth4 .noterjobsum.txtlen1 {
  font-size: 13px;
  padding-top: 3px;
}

#notetable-body .noterjobsum.txtlen4 {
  font-size: 11px;
  padding-top: 5px;
}
#notetable-body .noterjobsum.txtlen5 {
  font-size: 9px;
  padding-top: 0px;
}
#notetable-body .noterjobsum.txtlen6,
.noterjobsum.txtlen7 {
  font-size: 8.5px;
  padding-top: 0px;
}
#notetable-body .noterjobsum.txtlen8,
.noterjobsum.txtlen9 {
  font-size: 8.5px;
  padding-top: 0px;
}
#notetable-body .noterjobsum.zero {
  color: #ccc;
  font-weight: 500;
  font-size: 10px;
  padding-top: 6px;
}

/*
#notetable-body.ntwidth3 .noterjobico { transform: scaleX(0.7) translate(-2px,-3px);}
#notetable-body.ntwidth4 .noterjobico { transform: scaleX(0.55) translate(-2px,-3px);}
#notetable-body.ntwidth1 .noterjobico { transform: scaleX(0.92) translate(-2px,-3px);}
*/
#notetable-body.ntwidth2 .noterjobico {
  transform: scale(1, 0.91) translate(0px, -2px);
}
#notetable-body.ntwidth0 .noterjobico {
  transform: scale(1, 0.91) translate(0px, -2px);
}

#notetable-body.ntwidth3 .noterjobico {
  transform: scale(0.7, 0.83) translate(-2px, -2px);
}
#notetable-body.ntwidth4 .noterjobico {
  transform: scale(0.57, 0.87) translate(-2px, -2px);
}
#notetable-body.ntwidth1 .noterjobico {
  transform: scale(0.93, 0.87) translate(-2px, -2px);
}

#nrow-1 small {
  font-size: 2px;
}

.noterjobico {
  position: absolute;
  bottom: -1px;
  z-index: 2;
  width: 27px;
  height: 25px;
  margin-left: -1px;
  border-radius: 7px;
  overflow: hidden;
  display: none;
  /*border: 1px solid rgba(0,0,0,0.1);*/
}
.noterjobico .short-div {
  /*    opacity: 0.29;*/
  opacity: 0.4;
  text-align: center;
}

.noterjobico.holi {
  display: none;
}

.noterjobico[data-sid="0"] .short-div {
  opacity: 1;
}
.noterjobico[data-sid="1"] .short-div {
  opacity: 0.8;
}
.noterjobico[data-sid="2"] .short-div {
  opacity: 0.8;
}

/* Holiday/weekend note icons should stay visually de-emphasized
   even when sid-specific opacity rules are applied. */
.noterjobico .short-div.holi {
  opacity: 0.18 !important;
}

.noterjobico span {
  font-weight: 300 !important;
}

.noterjobico.hard .short-div {
  opacity: 1;
}
.noterjobico.autogen-1 {
  border: 1px solid rgba(78, 155, 105, 0.6);
}
.noterjobico.autogen-1 .short-div {
  background-color: rgba(78, 255, 205, 0.65);
  opacity: 0.8;
}
.noterjobico.autogen1 {
  border: 1px solid rgba(78, 255, 250, 0.6);
}
.noterjobico.autogen1 .short-div {
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

.noterjobico.hard {
  background-color: rgba(255, 255, 0, 0.5);
  transform: translate(-1px, -3px);
  border: 1px solid rgba(50, 30, 0, 0.32);
}
.noterjobico.conflict,
.noterjobico.jconflict {
  border-color: red;
}
.noterjobico.conflict .short-div,
.noterjobico.jconflict .short-div {
  text-shadow:
    rgb(255, 255, 255) -1px -1px 1px,
    rgb(255, 255, 255) 1px 1px 1px,
    rgb(255, 255, 255) 1px -1px 1px,
    rgb(255, 255, 255) -1px 1px 1px;
}

.noterjobico.jconflict .short-div {
  background-color: rgba(255, 130, 0, 0.92) !important;
}
.noterjobico.conflict.ctype-3 .short-div {
  background-color: rgba(0, 92, 255, 0.73) !important;
  /*rgba(25, 168, 227, 0.8) !important;*/
}
.noterjobico.conflict.ctype-4 .short-div {
  background-color: rgba(255, 0, 202, 0.62) !important;
}
.noterjobico.conflict.jconflict .short-div {
  background-color: rgba(255, 0, 251, 0.92) !important;
}

#tab2 .noterjobico:hover {
  cursor: pointer;
  transform: scale(1.08) translate(-1px, -3px);
  background-color: rgba(200, 155, 255, 0.3);
  border: 1px solid rgba(255, 0, 255, 0.2);
  opacity: 1 !important;
  z-index: 4;
}
#tab2 .noterjobico.hard:hover {
  background-color: rgba(255, 255, 0, 0.9);
}
#tab2 .noterjobico:hover .short-div {
  opacity: 1;
}

#notetable-body.ntrjob1.ntpoint2
  .notejobico:not(.forced-hidden)
  + div.noterjobico,
#notetable-body.ntrjob1.ntpoint3
  .notejobico:not(.forced-hidden)
  + div.noterjobico,
#notetable-body.ntrjob3.ntpoint2
  .notejobico:not(.forced-hidden)
  + div.noterjobico,
#notetable-body.ntrjob3.ntpoint3
  .notejobico:not(.forced-hidden)
  + div.noterjobico {
  opacity: 0.3;
}
#notetable-body.ntrjob1.ntpoint2
  .notejobico:not(.forced-hidden)
  + div.noterjobico[data-sid="0"]
  .short-div,
#notetable-body.ntrjob1.ntpoint3
  .notejobico:not(.forced-hidden)
  + div.noterjobico[data-sid="0"]
  .short-div,
#notetable-body.ntrjob3.ntpoint2
  .notejobico:not(.forced-hidden)
  + div.noterjobico[data-sid="0"]
  .short-div,
#notetable-body.ntrjob3.ntpoint3
  .notejobico:not(.forced-hidden)
  + div.noterjobico[data-sid="0"]
  .short-div {
  opacity: 0.5;
}

#notetable-body.ntrjob3 div.noterjobico[data-sid="3"]:not(.hard) {
  opacity: 0.17;
}

#ntradiorow-ntdark,
#ntradiorow-ntholi {
  display: none;
}

#notetable-body.ntrjob .noterjobico {
  display: block;
}

#notetable-body-wrap #notetable-body.ntrjob .noterjobico {
  /*    bottom: -4px;
    transform: translate(-1px,-3px);
    border: 1px solid transparent;
*/
  bottom: -2px;
}
#notetable-body-wrap #notetable-body.ntrjob2.ntpoint2 .noterjobico,
#notetable-body-wrap #notetable-body.ntrjob2.ntpoint3 .noterjobico {
  bottom: 0px;
}

#notetable-body-wrap.no-rjob-holi .noterjobico.holi {
  display: none !important;
}
#notetable-body-wrap.no-rjob-holi .noterjobico.holi.hard {
  display: block !important;
  background-color: rgba(255, 0, 0, 0.75) !important;
}
#notetable-body-wrap.no-rjob-holi .noterjobico.holi.hard * {
  color: white !important;
}

.notetable-dorder {
  position: absolute;
  bottom: 0px;
  z-index: 4;
  width: 12px;
  height: 11px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: none;
  display: none;
  color: white;
  font-size: 9px;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  text-shadow:
    -1px -1px 1px #444,
    1px 1px 1px #444,
    1px -1px 1px #444,
    -1px 1px 1px #444,
    -1px 0px 1px #444,
    1px 0px 1px #444,
    0px -1px 1px #444,
    0px 1px 1px #444;
  pointer-events: none;
}
.ntdorder .notetable-dorder {
  display: block;
}
.ntdemhide .notetable-dorder {
  display: none;
}

.dorder-type0 {
  display: none;
}
.dorder-type1 {
  border: 1px solid #2eb82e;
  box-shadow: inset 0 0 0 1000px #bee8be !important;
}
.dorder-type-1 {
  border: 1px solid #f85a5a;
  box-shadow: inset 0 0 0 1000px #f8cccc !important;
}
.dorder-type-2 {
  border: 1px solid #e68200;
  box-shadow: inset 0 0 0 1000px #ffde9e !important;
}
.dorder-type-3 {
  border: 1px solid #1d00e6;
  box-shadow: inset 0 0 0 1000px #c9dbff !important;
}
.dorder-type-4 {
  border: 1px solid #a900e6;
  box-shadow: inset 0 0 0 1000px #ffc9fc !important;
}

.notetable-point {
  position: absolute;
  top: 0px;
  z-index: 6;
  width: 8px;
  height: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  display: none;
}
.ntpoint .notetable-point {
  display: block;
}

.point-type0 {
  /*	border: 1px solid rgba(0,0,0,0.20) !important;
	box-shadow: inset 0 0 0 1000px #999 !important;
*/
  border: 1px solid rgba(166, 0, 255, 0.45) !important;
  box-shadow: inset 0 0 0 1000px #447499 !important;
}
.point-type1 {
  border: 1px solid rgba(166, 0, 255, 0.45) !important;
  box-shadow: inset 0 0 0 1000px #1ad81a !important;
}
.point-type-1 {
  box-shadow: inset 0 0 0 1000px #e82a2a !important;
  border: 1px solid #ff0000 !important;
  width: 8px;
  height: 8px;
}
.point-type-2 {
  box-shadow: inset 0 0 0 1000px #fb9805 !important;
  border: 1px solid #ff6f00 !important;
  width: 8px;
  height: 8px;
}
.point-type-3 {
  box-shadow: inset 0 0 0 1000px rgb(46, 206, 255) !important;
  border: 1px solid #ff0000 !important;
  width: 8px;
  height: 8px;
}
.point-type-4 {
  box-shadow: inset 0 0 0 1000px rgb(255, 0, 227) !important;
  border: 1px solid #4603ff !important;
  width: 8px;
  height: 8px;
}
.point-empty {
  border: 1px solid #999 !important;
  box-shadow: none !important;
}

.radiorow-name {
  text-align: right;
  font-weight: 600;
}

.radiorow-item {
  padding-right: 8px;
}

.ntdark .notetable-notemain {
  color: #222 !important;
}

#notetable-body-wrap {
  -webkit-transition: height 0.1s linear;
  -o-transition: height 0.1s linear;
  transition: height 0.1s linear;
}

.notetable-col {
  display: none;
  position: absolute;
  top: 3px;
  height: 100%;
  border-left: 1px solid #e5e5f2;
  z-index: 0;
}
.ntholi .notetable-col {
  display: block;
}
.notetable-col-last {
  border-right: 1px solid #e5e5f2;
}
.notetable-col-weekend {
  box-shadow: inset 0 0 0 1000px #f0f0fa !important;
}

.notetable-col-holiday {
  box-shadow: inset 0 0 0 1000px #e8fef8 !important;
}

#notetable-main-wrap {
  position: relative;
  /*        
	display: table;
	clear: both;
causes serious problem in print, landscape mode
*/
}

.notetable-prev {
  pointer-events: none !important;
  filter: grayscale(70%);
}
.notetable-prev.notetable-daynum {
  color: #b8b8b8;
  border-radius: 0px;
  /*background-color: rgba(230, 230, 230, 0.8) !important;*/
}
.notetable-prev.notetable-col {
  box-shadow: inset 0 0 0 1000px rgba(225, 225, 225, 0.8) !important;
}
.notetable-prev.notetable-col-weekend {
  box-shadow: inset 0 0 0 1000px rgba(215, 215, 240, 0.95) !important;
}
.notetable-prev.notetable-col-holiday {
  box-shadow: inset 0 0 0 1000px rgba(167, 239, 233, 0.95) !important;
}
.notetable-prev.notejobico {
  text-shadow:
    -1px -2px 2px #e3e3e3,
    2px 1px 2px #e3e3e3,
    1px -1px 1px #e3e3e3,
    -1px 1px 1px #e3e3e3;
}

.spec-top {
  left: 0px;
  top: -6000px;
  z-index: -1000;
  position: absolute !important;
}

#go-top {
  z-index: 10;
}

.manager-add-icon {
  padding-left: 24px;
  margin-left: -6px;
}
#AFForm .col-xs-3 {
  text-align: right;
  padding-right: 0px !important;
}

.manager-name {
  color: #346499;
}
.manager-name:hover {
  color: #447499;
}

tr.inactive-client {
  background-color: #ddd;
}
tr.inactive-client:hover {
  background-color: #e4e4e4;
}
th.stats-float-th {
  background-color: #fff;
}
th.stats-float-th:after {
  content: " ";
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #ededed;
  left: 0px;
  bottom: -1px;
}
.bottom-shadow:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  bottom: -0.5px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

.gde-choice {
  border: 1px solid rgba(128, 128, 255, 0.4);
  background-color: rgba(230, 230, 255, 0.8);
  padding: 3px;
  font-size: 15px;
  width: 100%;
  cursor: pointer;
  clear: both;
  margin-bottom: 2px;
  display: table;
}
.gde-choice:hover {
  border: 1px solid rgba(255, 138, 138, 0.5);
  background-color: rgba(240, 240, 255, 0.85);
}
.gde-item {
  border: 1px solid rgba(180, 180, 140, 0.6);
  background-color: rgba(250, 240, 240, 0.8);
  padding: 3px;
  font-size: 15px;
  width: 100%;
  cursor: move;
  clear: both;
  margin-bottom: 2px;
  display: table;
}
.gde-item:hover {
  border: 1px solid rgba(230, 160, 140, 0.7);
  background-color: rgba(255, 240, 240, 0.85);
}
.gde-counter {
  font-style: italic;
  color: #999;
}
.gde-item-index {
  width: 26px;
  margin-right: 8px;
  border-right: 1px solid rgba(180, 180, 140, 0.6);
  font-style: italic;
  font-size: 14px;
  color: #999;
  float: left;
}
.gde-item-main {
  float: left;
}
.gde-item-delete {
  float: right;
  line-height: 1;
}

.gde-choice-ico {
  float: left;
  width: 20px;
}
.gde-choice-main {
  float: left;
}

.pad-vcenter {
  padding-top: 7px;
}

td.td-module-job-pattern {
  text-align: center;
  padding: 2px;
  background-color: #def5fb;
}

td .btn-module-job-pattern {
  padding: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}

.title-list-item0 {
  width: 230px !important;
  float: left;
  text-align: center;
}
.title-list-item1 {
  width: 230px !important;
  float: right;
  text-align: center;
}

.mail-icon {
  display: inline-block;
  height: 14px;
  width: 25px;
  min-width: 25px;
  background-image: url(../images/mail-icon.png);
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
.mail-icon-green {
  background-image: url(../images/mail-ico-green.png);
}
.mail-icon-blue {
  background-image: url(../images/mail-ico-blue.png);
}
.mail-icon-red {
  background-image: url(../images/mail-ico-red.png);
}
.mail-icon-none {
  background-image: url(../images/mail-ico-none.png);
}
.mail-icon-forbid {
  background-image: url(../images/mail-ico-forbid.png);
}

tr.float-shadow {
  position: fixed;
  top: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

#stats-float-tr-helper.spec-float-init th {
  height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border: 0px !important;
}

.notetable-repoint {
  position: absolute;
  z-index: 6;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

  height: 4px;
  /*bottom: -4px;*/
  bottom: 1px;

  /*
    height: 3px;
    bottom: -3px;
    */
  display: none;
}
.ntpoint .notetable-repoint {
  display: block;
}
.repoint-type0 {
  border: 1px solid #92b6e8 !important;
  box-shadow: inset 0 0 0 1000px #447499 !important;
}
.repoint-type1 {
  border: 1px solid #1ad81a !important;
  box-shadow: inset 0 0 0 1000px #1ad81a !important;
}
.repoint-type-1 {
  box-shadow: inset 0 0 0 1000px #e82a2a !important;
  border: 1px solid #ff0000 !important;
}
.repoint-type-2 {
  box-shadow: inset 0 0 0 1000px #fb9805 !important;
  border: 1px solid #ff6f00 !important;
}
.repoint-type-3 {
  box-shadow: inset 0 0 0 1000px rgb(46, 206, 255) !important;
  border: 1px solid #ff0000 !important;
}
.repoint-type-4 {
  box-shadow: inset 0 0 0 1000px rgb(255, 0, 227) !important;
  border: 1px solid #4603ff !important;
}

.repoint-empty {
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  height: 2px;
  pointer-events: none;
  /*bottom: -3px;*/
}

.fe-body {
  max-height: 80px;
  overflow-y: auto;
  color: #955;
  font-size: 12px;
}

.table-last-col-max td {
  white-space: nowrap;
}
.table-last-col-max td:last-child {
  white-space: normal;
  width: 99%;
}

.cursor-pointer {
  cursor: pointer;
}

.demand-note {
  clear: both;
  padding-left: 15px;
}

.forced-red {
  color: red !important;
}

#workspace-table.minimal td.plan-cell:hover .cicon-object {
  z-index: 640;
}
#workspace-table.minimal .clickable.click-plan-cell {
  z-index: 650;
}

#workspace-table.minimal
  td.plan-cell:hover
  .cicon-object
  > div:nth-child(n + 2) {
  background-color: rgba(255, 245, 230, 0.85);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  z-index: 650 !important;
}

#workspace-table.minimal .cicon-overload:after {
  content: " ";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: #77b4f1;
  left: 1px;
  top: -1px;
}

#workspace-table.minimal td.plan-cell:hover .cicon-overload:after {
  content: none;
}

.customGoogleSignInButton .google-btn,
.GSI-signInButton .google-btn {
  padding: 0px;
  height: 47px;
  background: white !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.customGoogleSignInButton .google-btn > img,
.GSI-signInButton .google-btn > img {
  height: 47px;
  padding: 10px;
}

.spacer-30 {
  margin-bottom: 30px;
}

.spacer-15 {
  margin-bottom: 15px;
}

.qualification-item {
  color: gray;
  font-size: 11px;
  white-space: nowrap;
}
.qualification-override {
  /*color: #c424d6;*/
}

.qualification-minus {
  color: #d85b5b;
  font-weight: 500;
  text-decoration: line-through;
}

.qualification-plus {
  font-weight: 500;
  color: #048707;
}
.qualification-plus:before {
  content: "+";
  font-size: 13px;
}

#qo_active_label {
  font-style: italic;
  font-size: 14px;
}

#qo_list_div {
  padding-left: 25px;
}

#qo_active:checked + label {
  color: red;
}

.alert button.close-white {
  margin-left: 15px;
}

.mod-jobhours-note {
  color: #aaa;
  font-style: italic;
  font-size: 15px;
  text-align: center;
  width: 100%;
}

.form-group .mod-jobhours-note {
  margin-bottom: -15px;
}

.form-shorter .form-group {
  margin-bottom: -2px;
}

td.section-name {
  font-size: 13px;
  font-style: italic;
  color: #aaa;
}

.mjh-custom {
  color: #ff6600;
}

table.module-jobhours td:first-child,
.shrink-td {
  white-space: nowrap;
  width: 3%;
}

#ejh-seg {
  font-style: italic;
  color: #bbb;
}

.mjh-infotd {
  font-size: 11px;
  font-style: italic;
  padding-top: 12px !important;
  color: #aaa;
}

.td-empty {
  width: 130px;
}

.mjh-maintable {
  font-size: 13px;
  font-style: italic;
  color: #949494;
  font-weight: 400;
}
.jobname-readiness-color .mjh-maintable {
  color: #ddf;
}
i > span.mjh-maintable {
  font-size: 11px;
  padding-left: 4px;
}

.stats-cell i {
  font-size: 13px;
  color: #979797;
  padding-left: 4px;
}

#confirmNoclaimModal .modal-dialog,
#confirmNoclaimModal .modal-content {
  width: 400px;
}

@media screen and (max-width: 410px) {
  #confirmNoclaimModal .modal-dialog,
  #confirmNoclaimModal .modal-content {
    width: 310px;
  }
}

#nc_revertline {
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  color: #888;
  padding-bottom: 8px;
  position: relative;
  height: 18px;
}
#nc_rl_notsend {
  position: absolute;
}
#nc_rl_send {
  position: absolute;
}
#nc_rl_refresh {
  position: absolute;
  top: -13px;
  left: 132px;
}

/*
#nc_rl_refresh {
    float: right;
    margin-right: 22px;
    top: -29px;
    position: relative;        
}
*/

.alike {
  color: #048707;
  cursor: pointer;
}

.alike:hover {
  color: #5ea860;
}

#calendar-claim-group {
}
#calendar-claim-group .bootstrap-select {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

#calendar-claim-group .bootstrap-select > button {
  background-color: white;
  /*weird color in <640px behavior*/
}

#nc-fullname {
  min-height: 34px;
  margin-bottom: 11px;
}

#calendar-part1.spec-shorter {
  min-height: 400px;
}

.selectable-tr {
  cursor: pointer;
}
.selected-tr {
  background-color: red !important;
}

.ee1-active {
  color: #679735;
  font-weight: 500;
}
.ee1-notset {
  color: #f25f07;
}
.ee1-error {
  color: red;
}

.ee1-filetype-0 {
  color: #aaa;
  font-style: italic;
}
.ee1-filetype-1 {
  color: #37669b;
  font-weight: 500;
}
.ee1-row {
  min-height: 32px;
}
.ee1-row div span {
  float: right;
  margin-right: -24px;
}
.ee1-row input {
  width: 100%;
  text-indent: 12px;
}
.ee1-availname {
  cursor: pointer;
}
.ee1-availname:hover {
  opacity: 0.6;
}
.ee1-name {
  padding-right: 48px !important;
  padding-left: 0px !important;
}
.ee1-icotd {
  width: 30px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ee1-datanote {
  font-size: 12px;
  float: left !important;
  margin-bottom: 6px;
  font-style: italic;
  color: #bbb;
}

.tmp-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

.note-inactive {
  font-size: 11px;
  font-style: italic;
  color: #999;
}

div.oneline-small-label label {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
  padding-right: 3px !important;
}

.modal-zindex-2 {
  z-index: 1060 !important;
}
.modal-zindex-3 {
  z-index: 1070 !important;
}
.modal-zindex-4 {
  z-index: 1080 !important;
}
.modal-zindex-5 {
  z-index: 1090 !important;
}

.modal-warning-text {
  font-size: 14px;
  margin-top: 12px;
}

.moveud-icon {
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url(../images/moveud15.png);
  background-repeat: no-repeat;
  cursor: move;
}
.moveud-icon:hover {
  opacity: 0.65;
  background-color: #ddd;
}

#main-tbody .moveud-icon,
#rjobs-tbody .moveud-icon,
#positions-tbody .moveud-icon {
  position: absolute;
  top: 12px;
  left: -16px;
  opacity: 0.4;
}

#ajax-net-sync {
  background-color: white;
  position: fixed;
  left: 90px;
  top: 68px;
  height: 24px;
  background-image: url(../images/progress20.gif);
  background-position: 3px 1px;
  background-repeat: no-repeat;
  text-indent: 28px;
  font-size: 13px;
  font-weight: 500;
  color: #346499;
  z-index: 99999;
  border: 1px solid #e07070;
  border-radius: 6px;
  padding-right: 6px;
  padding-top: 4px;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.75);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  pointer-events: none;
  opacity: 0.8;
}

#ajax-net-sync span {
  display: none;
}

#ajax-net-sync[cstate="0"] #ajax-net-sync-main {
  display: block;
}
#ajax-net-sync[cstate="1"] #ajax-net-sync-ok {
  display: block;
}
#ajax-net-sync[cstate="-1"] #ajax-net-sync-problem {
  display: block;
}
#ajax-net-sync[cstate="-2"] #ajax-net-sync-500 {
  display: block;
}
#ajax-net-sync[cstate="-3"] #ajax-net-sync-fatal {
  display: block;
}
#ajax-net-sync[cstate="-1"] {
  background-image: url(../images/alert20y.png);
  color: #d89700;
}
#ajax-net-sync[cstate="-3"] {
  background-image: url(../images/alert20.png);
  color: #d80000;
}
#ajax-net-sync[cstate="-2"] {
  background-image: url(../images/alert20.png);
  color: #f98b16;
}
#ajax-net-sync[cstate="1"] {
  background-image: url(../images/check-icon.png);
  color: #048707;
}

#net-gear {
  opacity: 0.45;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 999999;
  right: 4px;
  top: 64px;
}

#ewf-priority + div.btn-group {
  width: 393px;
}

.workgrouptag {
  font-size: 12px;
  background-color: rgb(255, 221, 221);
  border: 1px solid black;
  border-radius: 5px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  margin-right: 4px;
  text-align: center;
  min-width: 48px;
  display: inline-block;
  top: -1px;
  position: relative;
}
.workgrouptag.smalltag {
  cursor: pointer;
  min-width: 32px;
  font-size: 10px;
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  margin-right: 4px;
}
.workgrouptag.smalltag:hover {
  opacity: 0.65;
}
.workgrouptag.minimal {
  min-width: 24px;
  font-size: 9px;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  margin-right: 1px !important;
  top: 2px;
}

.palette-color-picker-bubble {
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.85);
}

.empty-tr {
  height: 64px;
  pointer-events: none;
}

.sticky-top {
  position: sticky !important;
  position: -webkit-sticky !important;
  background-color: rgba(255, 255, 255, 0.92); /*#FFFFFFE8 !important;*/
  border: none !important;
  box-shadow:
    inset 0 0 0 0,
    inset 0 -2px 0 rgba(0, 0, 0, 0.3) !important;
  padding: 2px 0 !important;
  z-index: 1 !important;
  top: 0px !important;
}
.sticky-top-like {
  background-color: rgba(255, 255, 255, 0.92); /*#FFFFFFE8 !important;*/
  border: none !important;
  box-shadow:
    inset 0 0 0 0,
    inset 0 -2px 0 rgba(0, 0, 0, 0.3) !important;
  padding: 2px 0 !important;
  z-index: 1 !important;
}

.noprint-forced-hidden,
.noprint-forced-hidden > * {
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-height: 0px !important;
  overflow: hidden !important;
}

.notetable-headrow {
  margin-bottom: 0px !important;
  /*padding-bottom: 30px !important;*/
  /*margin-top: 12px !important;*/
  margin-top: 18px !important;
  z-index: 20 !important;
}

#notetable-headrow .notetable-daynum {
  /*top: 8px;*/
  top: 18px;
}

#notetable-body[max-width-preset="3"] .notetable-headrow,
#notetable-body[max-width-preset="4"] .notetable-headrow {
  font-size: 10px;
}

.notetable-othergroup {
  /*border-top: 2px solid #999 !important;*/
  border-top: 2px solid rgba(0, 0, 0, 0.3) !important;
}

#groupname-helpico {
  width: 20px;
  height: 20px;
  position: relative;
  top: -10px;
  left: -4px;
}

#stats-table > tbody > tr > td {
  border-bottom: none;
  box-shadow:
    inset 0 0 0 0,
    inset 0 -1px 0 rgba(0, 0, 0, 0.14); /*#00000024;*/
}

#stats-table tr.even {
  background-color: rgba(255, 240, 0, 0.08);
}

#stats-table tr:hover {
  background-color: rgba(0, 240, 255, 0.16) !important;
}

.line-tr {
  height: 0px;
  pointer-events: none;
  border-bottom: 2px solid #aaa;
}

.btn-forbidden {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

#nc-force-cnote-text {
  font-size: 13px !important;
  font-style: italic;
  color: #ae61ee;
}

#nc-send-btn {
  position: relative;
}

#nc-send-btn-img {
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 100;
  width: 30px;
  display: none;
}

#nc-send-btn.btn-alert #nc-send-btn-img {
  display: block;
}

.btn-alertx {
  position: relative !important;
}
.btn-alertx:after {
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 100;
  width: 30px;
  height: 26px;
  background: transparent url(../images/red-alert.png) no-repeat;
}

.reference-div {
  display: inline-block;
  padding: 30px 20px;
  text-align: center;
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s ease;
  height: 100%;
  vertical-align: middle;
  opacity: 0.78;
}
.reference-div:first-child {
  padding-left: 0px;
}
.reference-div:last-child {
  padding-right: 0px;
}

.reference-div .reference-link {
  display: block;
}

.reference-div .reference-image {
  max-height: 90px;
  max-width: 150px;
  vertical-align: middle;
}
.reference-div:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  transform-origin: center;
  transform: scale(1.12);
  opacity: 1;
}

.row0,
.col0,
.padding0 {
  padding: 0 !important;
  margin: 0 !important;
}

a.icon:hover,
span.icon:hover {
  color: #048707;
  text-decoration: none;
  cursor: pointer;
}
a.icon:focus,
span.icon:focus {
  color: #346499;
  text-decoration: none;
}
a.add-icon,
span.add-icon {
  color: #048707;
  font-size: 15px;
  line-height: 1.2;
}
a.add-icon:hover,
span.add-icon:hover {
  color: #5ea860;
}
a.add-icon:focus,
span.add-icon:focus {
  color: #5ea860;
  text-decoration: none;
}

a.icon:focus,
span.icon:focus {
  outline-offset: 0px;
}

a.icon:hover,
span.icon:hover {
  color: #048707;
}

.disabled-like {
  opacity: 0.19;
  cursor: default;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.disabled-like:focus,
.disabled-like:focus-within {
  visibility: hidden;
}
.disabled-like-06 {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.disabled-like-06:focus,
.disabled-like-06:focus-within {
  visibility: hidden;
}

.genjid-num {
  font-style: italic;
  color: #888;
  font-size: 11px;
  margin-left: 6px;
}

.nc-disabled {
  filter: grayscale(1);
  opacity: 0.4;
  pointer-events: none;
}

.nc-disabled .nc-text {
  text-decoration: line-through;
}

body {
  overflow-x: hidden;
}

.my-1 {
  margin-bottom: 1em;
  margin-top: 1em;
}
.media-second {
  margin-bottom: 28px;
}

#ajax-float {
  position: fixed;
  background-color: white;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99998;
}

#ajax-float .alert {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0px;
}

.recent-active {
  color: orange;
  font-weight: 500;
}
.hot-active {
  color: #ff249e;
  font-weight: 500;
}
.now-active {
  color: white !important;
  background-color: #ff249e !important;
  font-weight: 500;
}

.force-selectable {
  -webkit-touch-callout: auto !important;
  -webkit-user-select: auto !important;
  -khtml-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.opacity-transition {
  -webkit-transition: opacity 0.4s linear !important;
  -o-transition: opacity 0.4s linear !important;
  transition: opacity 0.4s linear !important;
}
.opacity-fast-transition {
  -webkit-transition: opacity 0.15s linear !important;
  -o-transition: opacity 0.15s linear !important;
  transition: opacity 0.15s linear !important;
}

@media screen and (max-width: 639px) {
  #cpass-div,
  #epass-span {
    text-align: center !important;
  }
}

.notetable-row:nth-child(odd) {
  background-color: rgba(255, 255, 0, 0.11);
}

.notetable-row:not(.notetable-headrow):hover {
  background-color: rgba(0, 255, 220, 0.24) !important;
}

#demands-wrap .notetable-row .notetable-ecell:hover {
  color: red !important;
  background-color: rgba(255, 230, 0, 0.75) !important;
  -moz-box-shadow: 0 0 2px #f00;
  -webkit-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00;
}

.forced-naked #top {
  display: none;
}
.forced-naked footer {
  display: none;
}
.forced-naked body {
  min-width: 320px;
}

.forced-naked .container {
  width: 100%;
  padding: 0px;
}

@media screen and (max-width: 799px) {
  .notetable-headrow {
    font-size: 10px !important;
  }
  .notetable-headrow .notetable-cell {
    padding: 0px;
    margin-left: 0px;
    margin-right: 8px;
    border: none;
    white-space: nowrap;
  }
}
@media screen and (max-width: 639px) {
  .notetable-headrow {
    font-size: 9px !important;
  }
}
@media screen and (max-width: 479px) {
  .notetable-headrow {
    font-size: 8px !important;
  }
}
@media screen and (max-width: 400px) {
  .notetable-headrow {
    font-size: 7px !important;
  }
}

.eye-icon {
  display: block;
  float: left;
  height: 20px;
  min-width: 29px;
  padding-left: 30px;
  background-image: url(../images/icoeye.png);
  background-repeat: no-repeat;
  color: #346499;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.eye-icon.unseen {
  color: #555;
  background-position: 0px -40px;
  opacity: 0.25;
}
.eye-icon:hover {
  color: #048707;
  cursor: pointer;
}
.eye-icon:hover {
  background-position: 0px -20px;
}
.eye-icon.unseen:hover {
  background-position: 0px -60px;
}
.eye-icon.tohide {
  color: #555;
  background-position: 0px -40px;
  opacity: 0.6;
}
.eye-icon.tohide:hover {
  background-position: 0px -60px;
}

.input-eye {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url(../images/eye-black32.png);
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 8px;
  opacity: 0.8;
  display: block;
  cursor: pointer;
}
.input-eye:hover {
  opacity: 0.35;
}

#demands-wrap #notetable-body-wrap {
  width: inherit !important;
  overflow: clip;
  margin-right: 0px;
}

#demands-wrap #notetable-body {
  position: relative !important;
  /*left: -15px !important;*/
  left: 0px !important;
}
/*
#demands-wrap #note-set-alike {
    margin-left: 15px;
}
*/

.notetable-row {
  font-size: 13px;
}

#demands-wrap .notetable-row {
  margin-top: 0px;
  padding-top: 2px;
}

#demands-wrap .notetable-row[row-size="1"] {
  height: 22px !important;
}
#demands-wrap .notetable-row[row-size="2"] {
  height: 44px !important;
}
#demands-wrap .notetable-row[row-size="3"] {
  height: 66px !important;
}
#demands-wrap .notetable-row[row-size="4"] {
  height: 88px !important;
}

#demands-wrap .notetable-headrow {
  margin-bottom: 0px !important;
  position: relative !important;
}

#demands-wrap .note-font {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#demands-wrap #notetable-main-wrap .notetable-col.selected {
  box-shadow: inset 0 0 0 1000px rgba(255, 250, 0, 0.3) !important;
}

#demands-wrap .notetable-headrow .notetable-daynum.selected {
  color: red;
  transform: scale(1.3);
  transform-origin: center bottom;
  /*position: relative;*/
  top: -3px;
}

#demands-wrap #notetable-main-wrap .notetable-row.selected {
  background-color: rgba(255, 240, 20, 0.4) !important;
}
#demands-wrap #notetable-main-wrap .notetable-row.selected .notetable-name {
  color: red;
}

#workspace-table .plan-cell.dem-conn {
  /*color: red !important;*/
  /*transform: scale(1.06); */
  background-color: rgba(0, 230, 255, 0.4) !important;
}
#workspace-table .plan-cell.dem-conn2,
#workspace-table .plan-cell.dem-conn2b.dem-conn {
  color: red !important;
  /*transform: scale(1.06); */
  background-color: rgba(255, 230, 0, 0.75) !important;
  -moz-box-shadow: 0 0 2px #f00;
  -webkit-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00;
}

#notetable-body.ntdemhide .notetable-row .notetable-cell {
  display: none;
}
#notetable-body.ntdemhide .notetable-row .notetable-cell.notetable-daynum {
  display: block;
}

#notetable-body-wrap.onlyextra .notetable-cell.notetable-daynum,
#notetable-body-wrap.onlyextra .notetable-cell,
#notetable-body-wrap.onlyextra .notetable-col,
#notetable-body-wrap.onlyextra .notejobico,
#notetable-body-wrap.onlyextra .noterjobico,
#notetable-body-wrap.onlyextra .notefloatcell,
#notetable-body-wrap.onlyextra .notetable-point,
#notetable-body-wrap.onlyextra .notetable-repoint,
#notetable-body-wrap.onlyextra .notetable-ch35,
#notetable-body-wrap.onlyextra .notesum,
#notetable-body-wrap.onlyextra #note-set-alike,
#notetable-body-wrap.onlyextra #note-set-div,
#notetable-body-wrap.onlyextra #nrow-1,
#notetable-body-wrap.onlyextra #notetable-filter,
#notetable-body-wrap.onlyextra
  #notetable-body.ntdemhide
  .notetable-row
  .notetable-cell.notetable-daynum,
#notetable-body-wrap.onlyextra .notetable-footnote-wrap {
  display: none;
}
#notetable-body-wrap.onlyextra #nt-onlyextra-h3 {
  display: inline-block !important;
  top: 0px;
}
#notetable-body-wrap.onlyextra #nt-onlyextra-div {
  margin-top: 80px;
}
#demands-wrap #notetable-body-wrap.onlyextra #nt-onlyextra-div {
  margin-top: 0px;
}
#demands-wrap #notetable-body-wrap.onlyextra #nt-onlyextra-h3 {
  display: inline-block !important;
  top: -80px;
}

#notetable-body-wrap.onlyextra #notetable-body {
  overflow: visible;
}

#notetable-body-wrap.onlyextra #notetable-body .notetable-row {
  height: 26px !important;
  min-height: 26px !important;
}
#demands-wrap #notetable-body-wrap .notetable-row {
  /*width: 98.5%;*/
  width: 100%;
}
#demands-wrap #notetable-body-wrap.onlyextra .notetable-row {
  height: 22px !important;
}
#demands-wrap #notetable-body-wrap.onlyextra #nt-onlyextra-div {
  margin-top: 80px;
  margin-left: 15px !important;
}

#notetable-body-wrap.onlyextra .notetable-ecell,
#notetable-body-wrap.onlyextra .notetable-ecol,
#notetable-body-wrap.onlyextra .notetable-ecol-head {
  display: block;
  position: absolute;
}

.notetable-ecell {
  display: block;
  position: absolute;
  top: -2px;
  z-index: 0;
  padding-top: 2px;
  margin-top: 3px;
  height: 100%;
  font-size: 11px;
  text-align: center;
}
.notetable-ecell.single {
  /*    
    font-size: 14px;
    padding-top: 0px;
*/
}
.notetable-ecell.zero {
  font-size: 10px;
  padding-top: 4px;
  opacity: 0.22;
}
.notetable-ecell.long {
  font-size: 9.5px;
}

#nrow-1 .notetable-ecell {
  display: none !important;
}
#nrow-1 {
  display: none;
}
#tab1 #notetable-body.ntrjob #nrow-1,
#tab2 #notetable-body.ntrjob #nrow-1 {
  display: block;
}

#notetable-body-wrap.onlyextra .notetable-ecell {
  top: 1px;
  padding-top: 0px;
  margin-top: 0px;
  font-size: 14px;
}

#notetable-body-wrap:not(.onlyextra) .notetable-ecol.first-ecol {
  border-left: 2px solid rgba(0, 0, 0, 0.35);
}

.notetable-ecol.last-ecol {
  border-right: 1px solid #e5e5f2;
}

.notetable-ecol-head {
  z-index: 20;
  position: absolute;
  white-space: nowrap;
  /*    
    font-size: 14px;
    top: 4px;    
    transform: scale(0.85) rotate(-50deg);
    transform-origin: 15px center;    
    */
  font-size: 14px;
  top: 10px;
  transform: scale(0.8) rotate(-90deg);
  transform-origin: 9px center;
}
#notetable-body-wrap.onlyextra .notetable-ecol-head {
  font-size: 13px;
  padding-left: 18px;
  /*    
    top: 13px;
    transform: rotate(-15deg);
*/
  transform: rotate(-27deg);
}
#notetable-body-wrap.onlyextra.many-ecol .notetable-ecol-head {
  transform: rotate(-27deg);
}

#workspace-table-wrap.spec-wt2 {
  padding-left: 15px;
  padding-right: 25px;
  border-right: 1px solid #e3e3e3;
}

#workspace-table-wrap.spec-wt2 + #demands-wrap {
  padding-left: 10px;
}
#workspace-table-wrap.spec-wt2 + #demands-wrap #notetable-close-btn {
  display: block !important;
}

#wt-inforow {
  display: none;
}
#workspace-table-wrap.spec-wt2 #wt-inforow {
  display: block;
  /*height: 120px !important;*/
  height: 65px !important;
}

#note-set-alike {
  margin-left: 12px;
}

/*
.notetable-point, .notetable-repoint {
    cursor: pointer;
}
.notetable-point.point-empty {
    pointer-events: none;
}
*/

.notetable-point,
.notetable-repoint {
  cursor: pointer;
  pointer-events: none;
  /*transform-style: preserve-3d;*/
}
#tab2 .notetable-point,
#tab2 .notetable-repoint {
  pointer-events: auto;
}
#tab2 .notetable-point.point-empty,
#tab2 .notetable-repoint.repoint-empty {
  pointer-events: none;
}

.notetable-ch35 {
  height: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
  z-index: 1 !important;
  pointer-events: none;
}
.notetable-ch35.bad35y {
  background-color: rgba(255, 240, 0, 0.8);
}
.notetable-ch35.bad35 {
  background-color: rgba(255, 0, 0, 0.6);
}

/*
.notetable-point.ch35y_bad::before {
    content: " ";
    width: 140%;
    height: 45%;
    position: absolute;
    top: -1px;
    left: -20%;
    background-color: rgba(255,240,0,0.65);
    z-index: -1 !important;
    /*transform: translateZ(-1px);*/ /*
}
.notetable-point.ch35_bad::before {
    content: " ";
    width: 140%;
    height: 45%;
    position: absolute;
    top: -1px;
    left: -20%;
    background-color: rgba(255,0,0,0.65);
    z-index: -1 !important;
    /*transform: translateZ(-1px);*/ /*
}
.notetable-point.forced-hidden {
    display: block !important;
    background-color: transparent !important;
    border: none !important;
    pointer-events: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}
*/

.notetable-repoint::after {
  content: " ";
  width: 100%;
  height: 7px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  left: 0px;
  top: -6px;
  z-index: 100;
}

.notetable-point:hover,
.notetable-repoint:hover {
  border: 1px solid red !important;
  transform: scale(1.6);
  z-index: 10;
}

.setworker-cell.current {
  background-color: #afffe5 !important;
  opacity: 1 !important;
}
.setworker-cell.current .clickable {
  cursor: default !important;
}

#div-setworker h4 {
  position: absolute;
  top: -50px;
  left: -2px;
  padding: 6px;
  border: 2px solid #3060a0;
  border-bottom: 1px solid #e2ffd7;
  background-color: #fff; /*rgba(255,255,255,0.75);*/
  z-index: 1000;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  cursor: default;
  white-space: nowrap;
  padding-right: 12px;
  min-height: 39px;
}

#setworker-caption-date,
#setrjob-caption-date {
  font-style: italic;
  font-weight: 500;
  font-size: 15px;
  color: #7b88a4;
  width: 110px;
  padding-left: 4px;
  display: inline-block;
  margin-top: 2px;
}
#setworker-caption-date.hday,
#setjob-caption-date.hday,
#setrjob-caption-date.hday {
  color: #cc3464;
}

#setworker-caption-job {
  padding-right: 20px;
  font-weight: 700;
  font-size: 19px;
  color: #555;
}

#setworker-caption-time {
  font-style: italic;
  font-weight: 500;
  font-size: 13px;
  color: #999999;
}

#setworker-caption-time.nonstandard {
  color: #ea1357;
}

#workspace-table tr:not(.no-highlight):hover td {
  background-color: #ffffc2;
}
#workspace-table tr:not(.no-highlight) td.plan-cell:hover {
  background-color: #e0ffd0;
  cursor: pointer;
}

#history-div.history-div-fixed #history-close-btn {
  right: 4px !important;
  top: 8px !important;
}

#history-div-top {
  position: absolute;
  top: -25px;
  height: 25px;
  width: 100%;
  background-color: transparent;
  overflow: hidden;
  text-align: right;
  padding-right: 20px;
  z-index: 1;
  pointer-events: none;
}
#history-div.history-div-fixed #history-div-top {
  display: none;
}
#history-div.forced-history-div-not-fixed #history-div-top {
  display: block;
}
#history-div-top .item {
  position: relative;
  top: 1px;
  z-index: 1;
  float: right;
  margin-left: 2px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 1px solid rgba(230, 205, 170, 0.9);
  border-left: 1px solid rgba(230, 205, 170, 0.9);
  border-right: 1px solid rgba(230, 205, 170, 0.9);
  background-color: #ffd;
  pointer-events: auto;
  font-size: 15px;
  font-weight: 400;
  color: #048707;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  display: inline-block;
  max-width: 150px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  height: 25px;
}
#history-div-top .item:hover {
  color: #24a727;
  background-color: rgb(255, 230, 160);
}
#history-div-top .item .h-date {
  display: none;
}

#demands-wrap {
  position: relative;
}

#demands-wrap::before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 101%;
  background-color: #e3e3e3;
}

.notetable-row.selected-fixed,
.notetable-headrow.selected-fixed {
  display: none;
}
#demands-wrap .notetable-row.selected-fixed,
#demands-wrap .notetable-headrow.selected-fixed {
  display: block;
}

#tab1 #notetable-main-wrap,
#tab2 #notetable-main-wrap {
  /*top: -46px;*/
  top: -56px;
}
#notetable-body .notesum {
  z-index: 200;
  position: relative;
}

#notetable-viset-row {
  z-index: 202;
}

#demands-wrap
  #notetable-main-wrap
  .notetable-row.selected-fixed:not(.notetable-headrow) {
  position: fixed !important;
  border: 1px solid red !important;
  border-bottom: 1px solid rgb(255, 250, 60) !important;
  background-color: rgb(255, 250, 60) !important;
  bottom: 0px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  z-index: 9999 !important;
}

#demands-wrap #notetable-main-wrap .notetable-headrow.selected-fixed {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-bottom: none !important;
  margin-bottom: -4px !important;
  margin-top: -1px !important;
  position: fixed !important;
  top: auto !important;
  z-index: 9999 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
#demands-wrap
  #notetable-main-wrap
  .notetable-headrow.selected-fixed
  .notetable-ecol-head {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 7px;
}

.tabletemplate {
  font-size: 12px;
}
.tabletemplate td,
.tabletemplate th {
  padding: 0px !important;
  text-indent: 2px;
  border-right: 1px solid rgb(237, 237, 237);
  max-width: 200px;
  min-width: 32px;
  position: relative;
}
.tabletemplate td:hover,
.tabletemplate th:hover {
  cursor: pointer;
}
.tabletemplate td:hover {
  background-color: #efe4d0;
  color: #007;
}

th.tabte-delete-tr,
.tabte-control-tr th {
  color: #f66;
}
th.tabte-delete-tr:hover,
.tabte-control-tr th:hover {
  color: #f00;
  background-color: #fcc;
}

#tabte-main {
  width: 96vw;
  padding-left: 2vw;
  position: relative;
  overflow-x: auto;
}

.tabte-data-wrap {
  overflow-wrap: break-word;
  padding: 0px !important;
  /*max-width: 200px;*/
  max-height: 53px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.tabletemplate-unused {
  margin-bottom: 0px;
  margin-top: 24px;
}
.tabletemplate th {
  background-color: #fff5e8;
}
.tabletemplate-unused th {
  background-color: #eee;
  color: #999;
}
#tabte-input {
  text-indent: 2px;
  position: absolute;
  margin: 0px;
  padding: 0px;
  border: 1px solid red;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  color: red;
  background-color: #ccddff;
  white-space: nowrap;
  overflow: hidden;
  -ms-overflow-style: none;
}

.tabte-head-th,
.tabte-headm-th {
  cursor: move !important;
}
.tabte-head-th:hover {
  text-decoration: underline;
  color: #00f;
}

.force-layout-fixed {
  table-layout: fixed !important;
}
.tabte-thin .tabte-data-wrap {
  max-height: 16px;
  overflow: hidden;
  border: none;
}
table:not(.tabte-thin) .tabte-data-wrap {
  min-height: 19px;
}

#notetable-headrow {
  background-color: rgba(255, 255, 255, 0.92); /*#FFFFFFE8 !important;*/
}
#notetable-headrow.spec-float::before {
  content: " ";
  width: 101%;
  height: 20px;
  position: absolute;
  top: -20px;
  left: -0.5%;
  background-color: rgba(255, 255, 255, 0.92);
  z-index: 20;
}

html.shift-mode tr.row-current td.plan-cell,
html.shift tr.row-current td.plan-cell {
  cursor: crosshair !important;
}

html.replace-mode * {
  cursor: move !important;
  cursor: grabbing !important;
}

html.shift-mode #ctrl-hint {
  border: 2px solid rgba(255, 100, 200, 0.7);
}
html.replace-mode #ctrl-hint {
  border: 2px solid rgba(130, 230, 130, 0.9);
}
html.replace-mode.replace-mode-nobetter #ctrl-hint {
  border: 2px solid rgba(100, 200, 230, 0.8);
}
html.replace-mode.replace-mode-allbad #ctrl-hint {
  border: 2px solid rgba(240, 180, 130, 0.9);
}

html.replace-mode .cicon-object {
  pointer-events: none;
}

#ctrl-hint-ico {
  display: none;
  width: 24px;
  height: 22px;
  background-image: url(../images/green-arrows-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
  float: left;
  clear: none;
}
#ctrl-hint-line0,
#ctrl-hint-line1 {
  display: none;
  width: 100%;
  clear: both;
  padding: 2px;
  margin: 0px;
  border: none;
  white-space: nowrap;
}
html.replace-mode #ctrl-hint-line0,
html.replace-mode #ctrl-hint-line1 {
  display: block;
}

html.replace-mode #ctrl-hint-ico {
  display: block;
}
#ctrl-hint > div[wid] {
  float: left;
}

#ctrl-hint-line0 span,
#ctrl-hint-line1 span {
  float: left;
  margin-right: 4px !important;
}

.replace-mode-line {
  position: relative;
  top: 2px;
  min-width: 170px;
  text-align: right;
  float: left;
  margin-right: 6px;
  font-size: 12px;
  font-style: italic;
}

html.replace-mode #ctrl-hint .ico-none {
  display: block;
  float: left;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  position: relative;
  top: 2px;
  left: 0px;
}

html.replace-mode #ctrl-hint {
  background-color: rgba(248, 252, 255, 0.85);
  z-index: 1009;
}

/*
html.replace-mode #ctrl-hint div[num="7"],
html.replace-mode #ctrl-hint div[num="8"] {
    display: none !important;
}
*/

.replace-mode-note {
  border-radius: 6px;
  background-color: rgb(255, 255, 230);
  border: 1px solid #444;
  padding: 2px;
  margin-left: 20px;
  font-size: 11px;
  font-style: italic;
  color: red;
}

.replace-cell-halfpoint0,
.replace-cell-halfpoint1 {
  position: absolute;
  top: 4px;
  width: 7px;
  height: 13px;
  z-index: 100;
  display: none;
  pointer-events: none;
}
.replace-cell-halfpoint0 {
  border: 3px solid rgba(120, 230, 255, 0.9);
  border-right: none;
  /*left: 3px;*/
  right: 8px;
  top: 1px;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  width: 10px;
  height: 19px;
}
.replace-cell-halfpoint1 {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-left: none;
  /*left: 13px;*/
  right: 1px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.replace-cell-halfpoint0 {
  top: auto;
  bottom: 0px;
  left: 23px;
  width: 3px;
  height: 3px;
  border: none;
  /*border: 1px solid rgba(0,160,200,0.45);
    right: 4px;
    border-right: none;    
    border-bottom: none;    
    */
  border-radius: 3px;
}
.replace-cell-halfpoint1 {
  top: auto;
  bottom: 0px;
  left: 27px;
  width: 3px;
  height: 3px;

  border: none;
  /*
    right: 0px;
    border: 1px solid rgba(0,0,0,0.25);
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;    
    */
  border-radius: 3px;
}

.replace-cell-halfpoint {
  background-color: #e2ffd7;
}
.replace-cell-halfpoint.suitable2 {
  background-color: #11d707;
}
.replace-cell-halfpoint.suitable1 {
  background-color: #41d707;
}
/*.replace-cell-halfpoint.suitable0 {background-color: #a2e18a;}*/
.replace-cell-halfpoint.suitable-1 {
  background-color: rgb(255, 225, 134);
}
.replace-cell-halfpoint.suitable-2 {
  background-color: rgb(255, 133, 26);
}
.replace-cell-halfpoint.suitable-3 {
  background-color: rgb(255, 0, 0);
}

html.replace-mode .replace-cell-halfpoint0,
html.replace-mode .replace-cell-halfpoint1 {
  display: block;
}

html.replace-mode .anim-highlight .replace-cell-halfpoint0,
html.replace-mode .anim-highlight .replace-cell-halfpoint1 {
  display: none;
}
/*
html.replace-mode .cicon-object {
    opacity: 0.15;
}
*/

/*
html.replace-mode .plan-cell:not(.anim-highlight) {color: #aaaaaa; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable1 {color: #307531; background-color: #e0ffe0 !important;}
html.replace-mode .plan-cell.suitable0 {color: #5e5556; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-1 {color: #8e8586; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-2 {color: #bea596; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-3 {color: #dea5a6; background-color: #ffffff !important;}

html.replace-mode .plan-cell:not(.anim-highlight) {color: #aaaaaa; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable1 {color: #307531; background-color: #e0ffe0 !important;}
html.replace-mode .plan-cell.suitable0 {color: #5e5556; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-1 {color: #999999; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-2 {color: #bbbbbb; background-color: #ffffff !important;}
html.replace-mode .plan-cell.suitable-3 {color: #bbbbbb; background-color: #ffffff !important;}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable1:not(.suitable-3):not(.suitable-2):not(.suitable-1) {
    background-color: #95ff95 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable1:not(.suitable-3):not(.suitable-2):not(.suitable-1):not(.suitable0) {
    color: #307531; background-color: #60ff60 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable0:not(.suitable-3):not(.suitable-2):not(.suitable-1):not(.suitable1) {
    background-color: #d0ffd0 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable2:not(.suitable-3):not(.suitable-2):not(.suitable-1):not(.suitable0) {
    background-color: #ffef06 !important;
}

*/

html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable4 {
  background-color: #ffef96 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable3 {
  background-color: #ffef06 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable2 {
  color: #307531;
  background-color: #60ff60 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable1 {
  background-color: #95ff95 !important;
}
html.replace-mode #workspace-table tr.row-current td.plan-cell.suitable0 {
  background-color: #d0ffd0 !important;
}
html.replace-mode
  #workspace-table
  tr.row-current
  td.plan-cell.suitable999:not(.anim-highlight) {
  background-color: rgba(200, 250, 255, 0.8) !important;
}

html.replace-mode.replace-suitable-1 #ctrl-hint {
  border-top: 2px solid rgba(255, 225, 134, 0.45);
  border-left: 2px solid rgba(255, 225, 134, 0.45);
}
html.replace-mode.replace-suitable-2 #ctrl-hint {
  border-top: 2px solid rgba(255, 133, 26, 0.45);
  border-left: 2px solid rgba(255, 133, 26, 0.45);
}
html.replace-mode.replace-suitable-3 #ctrl-hint {
  border-top: 2px solid rgba(255, 0, 0, 0.45);
  border-left: 2px solid rgba(255, 0, 0, 0.45);
}

html.replace-mode #ctrl-hint {
  background-color: rgba(230, 252, 255, 0.88) !important;
}

.anim-highlight {
  animation-duration: 1s;
  animation-name: kf-anim-highlight;
  animation-iteration-count: infinite;
}

@keyframes kf-anim-highlight {
  from {
    transform: scale(1.03);
    background-color: rgba(200, 250, 255, 1);
  }
  50% {
    transform: scale(1.11);
    background-color: rgba(100, 240, 250, 1);
  }
  to {
    transform: scale(1.03);
    background-color: rgba(200, 250, 255, 1);
  }
}

html.replace-mode td.plan-cell:not(.anim-highlight):hover .plan-cell-wrap {
  background-color: rgba(100, 240, 250, 1) !important;
}
html.replace-mode td.plan-cell:hover .cicon-object div:first-child,
html.replace-mode .anim-highlight .cicon-object div:first-child {
  background-position: 0px 0px !important;
  background-image: url(../images/green-arrows-icon.png) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

/*
td.deg90 {
  position: relative;
  transform: rotate(-90deg);
  transform-origin: 35px bottom;
  top: -20px;

  position: relative;
  transform: rotate(-90deg);
  transform-origin: 25px bottom;
  top: -25px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ddd;
  text-align: left;
  height: 25px;
}

#workspace-table td.deg90 .plan-cell-div {
  margin-left: 0px;
  margin-right: 0;
  margin-top: 1px;
  overflow: hidden;
  max-width: 25px;
}
*/

/*

CALENDAR NC2 part
*/

#calendar2-body {
  text-align: center;
  width: 100%;
  font-family: "Fira Sans";
}

#calendar2-part1 {
  width: 320px;
  float: left;
}
#calendar2-part2 {
  width: 320px;
  float: right;
}

#calendar2-main,
#calendar2-head,
#calendar2-select,
#calendar2-note,
#calendar2-note-text,
#calendar2-note-edit,
#calendar2-bottom {
  display: inline-block;
  position: relative;
}

#calendar2-bottom {
  margin-top: 20px;
}

#calendar2-head h2 {
  font-size: 25px;
  font-weight: 400;
}
#calendar2-head h4 {
  font-size: 17px;
  font-weight: 400;
}
#calendar2-head h1 {
  font-size: 38px;
  font-weight: 400;
}

#calendar2-main {
  padding-bottom: 24px;
  padding-top: 13px;
}

#calendar2-select {
  background-color: rgb(50, 100, 150);
  width: 320px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
}

#calendar2-date {
  position: relative;
  font-size: 15px;
  color: white;
  font-weight: 500;
  padding-bottom: 3px;
  text-align: left;
  left: 1px;
  top: -10px;
  -webkit-transition: height 0.25s linear;
  -o-transition: height 0.25s linear;
  transition: height 0.25s linear;

  /*height: 27px;*/
}

.calendar2-buttons {
  position: relative;
  width: 280px;
  height: auto;
  min-height: 45px;
  border-radius: 4px;
  border: 1px solid rgb(40, 80, 120);
  display: flex;
  flex-direction: column;

  background: rgb(
    240,
    240,
    240
  ); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgb(255, 255, 255),
    rgb(225, 225, 225)
  ); /* Standard syntax */
}

.calendar2-buttons-row {
  display: flex;
  flex-direction: row;
  height: 45px;
}

/* Dynamic widths based on visible button count */
.calendar2-buttons-row-basic .nc2-button:first-child:nth-last-child(3),
.calendar2-buttons-row-basic
  .nc2-button:first-child:nth-last-child(3)
  ~ .nc2-button:nth-of-type(2) {
  width: 33% !important;
}

.calendar2-buttons-row-basic .nc2-button:first-child:nth-last-child(2),
.calendar2-buttons-row-basic
  .nc2-button:first-child:nth-last-child(2)
  ~ .nc2-button {
  width: 50% !important;
}

.calendar2-buttons-row-basic .nc2-button:only-child {
  width: 100% !important;
}

/* Extended types (vacation/unavailability) - 50% each */
.calendar2-buttons-row-extended .nc2-button {
  width: 50% !important;
}

/* Extended row with single visible button should fill width */
.calendar2-buttons-row-extended .nc2-button:only-child {
  width: 100% !important;
  left: -20px;
}

.calendar2-buttons-row-basic .nc2-button:only-child .nc2-ico20 {
  left: 37% !important;
}

.calendar2-buttons-row-basic .nc2-button:only-child .nc2-ico {
  left: 37% !important;
}

.calendar2-buttons-row-basic .nc2-button:only-child .nc2-text {
  left: 45% !important;
}

.calendar2-buttons-row-extended .nc2-button:only-child .nc2-ico20,
.calendar2-buttons-row-extended .nc2-button:only-child .nc2-ico {
  left: 37% !important;
}

.calendar2-buttons-row-extended .nc2-button:only-child .nc2-text {
  left: 45% !important;
}

/* Last button in row should inherit border-right */
.calendar2-buttons-row .nc2-button:last-child {
  border-right: inherit;
}

/* Basic row buttons should inherit border-bottom */
.calendar2-buttons-row-basic .nc2-button {
  border-bottom: inherit !important;
}

/* Positioning adjustments */
.calendar2-buttons.css-expanded {
  left: 1px;
}

.calendar2-buttons.css-not-expanded {
  left: -6px;
}

#calendar2-edit {
  display: inline-block;
  margin-top: 15px;
}

#calendar2-edit-ico {
  margin-top: 3px;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  background-image: url(../images/ncico.png);
  background-repeat: no-repeat;
  background-position: 0px -150px;
  float: left;
}

#calendar2-edit-text {
  font-size: 14px;
  color: white;
  font-weight: 400;
  float: left;
}

#calendar2-note {
  background-color: rgb(70, 115, 160);
  width: 320px;
  height: 48px;
}

#calendar2-body .nc2-cell {
  float: left;
  position: relative;
  width: 40px;
  height: 36px;
  /*
	border: 1px solid rgb(237,237,237);
	border-collapse: separate;
	border-spacing: 0;
	*/

  background-color: white;
  color: rgb(93, 93, 93);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

#calendar2-body .nc2-cell.nc2-dayname {
  border-bottom: 1px solid #aaa;
  /*rgb(230,230,230);*/
}

/*
#calendar2-body .nc2-cell:hover, #calendar2-body .nc2-cell.nc2-selected {
	border: 2px solid rgb(95,95,95);
}

#calendar2-body.nc2-touch .nc2-cell.nc2-selected {
	border: 2px solid rgb(0,0,200) !important;
}
*/

#calendar2-body .nc2-cell .nc2-text {
  position: absolute;
  left: 5px;
  top: 8px;
  font-size: 15px;
  color: #444;
  font-weight: 400;
}

#calendar2-body .nc2-cell .nc2-cell-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
/*
#calendar2-body .nc2-cell.nc2-selected .nc2-cell-wrap, #calendar2-body .nc2-cell:hover .nc2-cell-wrap {
	top: -1px;
	left: -1px;
}
*/

/*
#calendar2-body .nc2-cell .nc2-ico {
	position: absolute;
	left: 23px;
	top: 17px;
	background-image: url(../images/ncico.png);
	width: 15px;
	height: 15px;
	display: none;
	background-repeat: no-repeat;
}
#calendar2-body .nc2-cell.nc2-green .nc2-ico {
	background-position: 0px -60px;
	display: block;
}
#calendar2-body .nc2-cell.nc2-orange .nc2-ico {
	background-position: 0px -75px;
	display: block;
}
#calendar2-body .nc2-cell.nc2-red .nc2-ico {
	background-position: 0px -90px;
	display: block;
}
*/

#calendar2-body .nc2-cell .nc2-note {
  position: absolute;
  left: 23px;
  top: 0px;
  background-image: url(../images/ncico.png);
  width: 15px;
  height: 15px;
  display: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#calendar2-body .nc2-cell .nc2-note.hasone {
  display: block;
}

#calendar2-body .nc2-cell .nc2-ltc {
  position: absolute;
  /*font-size: 18px;
    top: 18px;*/
  font-size: 14px;
  bottom: 3px;
  width: 15px;
  height: 15px;
  display: block;
  color: rgba(255, 255, 255, 0.35);
  font-weight: normal;
}

#calendar2-body .nc2-cell .nc2-ltc-seg0 {
  /*left: 3px;*/
  left: 1px;
}

#calendar2-body .nc2-cell .nc2-ltc-seg1 {
  /*left: 23px;*/
  right: 1px;
}

@media screen and (max-width: 479px) {
  #calendar2-body .nc2-cell .nc2-ltc-seg0 {
    bottom: unset;
    top: 14px;
    left: 14px;
  }
  #calendar2-body .nc2-cell .nc2-ltc-seg1 {
    right: unset;
    left: 1px;
  }
}

.ltc-ico {
  font-size: 18px;
  color: #000;
}

.ltc-info {
  text-align: left;
  left: 15px;
  position: absolute;
  margin-top: 15px;
  vertical-align: bottom;
}

.ltc-info img {
  width: 20px;
  margin-bottom: 5px;
}

/*
#calendar2-body .nc2-cell.nc2-green .nc2-note {
	background-position: 0px -15px;
}
#calendar2-body .nc2-cell.nc2-orange .nc2-note {
	background-position: 0px -30px;
}
#calendar2-body .nc2-cell.nc2-red .nc2-note {
	background-position: 0px -45px;
}
*/

#calendar2-body .nc2-cell.nc2-green .nc2-text,
#calendar2-body .nc2-cell.nc2-red .nc2-text,
#calendar2-body .nc2-cell.nc2-orange .nc2-text {
  color: white;
}
#calendar2-body .nc2-cell.nc2-green {
  background-color: rgb(94, 168, 94);
  border: 1px solid rgb(90, 160, 90);
}
#calendar2-body .nc2-cell.nc2-orange {
  background-color: rgb(230, 130, 0);
  border: 1px solid rgb(210, 120, 0);
}
#calendar2-body .nc2-cell.nc2-red {
  background-color: rgb(216, 90, 90);
  border: 1px solid rgb(200, 85, 85);
}

/*
#calendar2-body .nc2-cell.nc2-red:hover, #calendar2-body .nc2-cell.nc2-red.selected {
	border: 2px solid rgb(90,30,30);
}
#calendar2-body .nc2-cell.nc2-orange:hover, #calendar2-body .nc2-cell.nc2-orange.selected {
	border: 2px solid rgb(90,90,30);
}
#calendar2-body .nc2-cell.nc2-green:hover, #calendar2-body .nc2-cell.nc2-green.selected {
	border: 2px solid rgb(30,90,30);
}
*/

#calendar2-body .nc2-cell.nc2-empty .nc2-text,
#calendar2-body .nc2-cell.nc2-empty .nc2-ico {
  visibility: hidden;
}
#calendar2-body .nc2-cell.nc2-empty {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid rgba(244, 244, 244, 1) !important;
}

#calendar2-body.nc2-marknojob
  .nc2-nedostupne:not(.nc2-red):not(.nc2-orange):not(.nc2-green) {
  background-image: url(../images/nc_bck3.png);
  background-position: 0px 0px;
}
#calendar2-body.nc2-markclose
  .nc2-nedostupne-red:not(.nc2-red):not(.nc2-orange):not(.nc2-green) {
  background-image: url(../images/nc_bckr3b.png);
  background-position: 0px 0px;
}

/*
#calendar2-body.nc2-marknojob .nc2-nedostupne:not(.nc2-red):not(.nc2-orange):not(.nc2-green) .nc2-text,
#calendar2-body.nc2-markclose .nc2-nedostupne-red:not(.nc2-red):not(.nc2-orange):not(.nc2-green) .nc2-text{
	color: rgb(180,180,180);
}

*/

.calendar2-buttons .nc2-button {
  position: relative;
  border-right: 1px solid rgb(220, 220, 220);
  border-left: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(220, 220, 220);
  border-top: 1px solid rgb(255, 255, 255);
  float: left;
  top: 1px;
  left: 1px;
  height: 42px;
  cursor: pointer;
}

.calendar2-buttons .nc2-button:hover {
  background-color: rgba(255, 230, 0, 0.11);
}

.calendar2-buttons .nc2-button .nc2-ico {
  position: absolute;
  left: 8px;
  top: 15px;
  background-image: url(../images/ncico.png);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}
.calendar2-buttons .nc2-button.nc2-green .nc2-ico {
  background-position: 0px -105px;
}
.calendar2-buttons .nc2-button.nc2-orange .nc2-ico {
  background-position: 0px -120px;
}
.calendar2-buttons .nc2-button.nc2-red .nc2-ico {
  background-position: 0px -135px;
}

.calendar2-buttons .nc2-button .nc2-text {
  position: absolute;
  left: 26px;
  top: 13px;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
.calendar2-buttons .nc2-button.nc2-green .nc2-text {
  color: rgb(94, 168, 94);
}
.calendar2-buttons .nc2-button.nc2-orange .nc2-text {
  color: rgb(230, 130, 0);
}
.calendar2-buttons .nc2-button.nc2-red .nc2-text {
  color: rgb(216, 90, 90);
}
.calendar2-buttons .nc2-button.nc2-green {
  width: 64px;
}
.calendar2-buttons .nc2-button.nc2-orange {
  width: 95px;
}
.calendar2-buttons .nc2-button.nc2-red {
  width: 95px;
}

#calendar2-buttons2.calendar2-exp-xbtn .nc2-button.nc2-blue {
  width: 108px;
}
#calendar2-buttons2.calendar2-exp-xbtn .nc2-button.nc2-violet {
  width: 136px;
}
#calendar2-buttons2.calendar2-exp-xbtn .nc2-button.nc2-gray {
  width: 56px;
  color: #878787;
}
#calendar2-buttons .nc2-button.nc2-gray .nc2-gico,
#calendar2-buttons2 .nc2-button.nc2-gray .nc2-gico {
  top: 14px;
  left: 1px;
  position: absolute;
}
#calendar2-buttons .nc2-button.nc2-gray .nc2-text,
#calendar2-buttons2 .nc2-button.nc2-gray .nc2-text {
  top: 13px;
  left: 20px;
}

#calendar2-buttons2.calendar2-exp-xbtn .nc2-button.nc2-gray .nc2-gico {
  left: 5px;
}
#calendar2-buttons2.calendar2-exp-xbtn .nc2-button.nc2-gray .nc2-text {
  left: 25px;
}

#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-green {
  width: 61px;
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-orange {
  width: 77px;
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-red {
  width: 86px;
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-gray {
  width: 52px;
  color: #878787;
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-gray .nc2-gico {
  top: 14px;
  left: 1px;
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-button.nc2-gray .nc2-text {
  top: 13px;
  left: 20px;
}

#calendar2-note,
#calendar2-note-text {
  cursor: pointer;
}

#calendar2-note-text {
  /*background-color: rgb(130,150,170);*/
  background-color: white;
  width: 320px;
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 7px;

  font-size: 18px;
  color: rgb(80, 80, 80);
  font-weight: 600;
  /*	text-align: justify;
    text-justify: inter-word;
	*/
}

.clearfloat {
  clear: both;
  width: 0px;
  height: 0px;
}

#calendar2-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
  margin-top: 54px;
}

#calendar2-select-wrap {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}

#calendar2-note-edit {
  background-color: rgb(50, 100, 150);
  width: 320px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#cnote2data {
  width: 100%;
  background-color: rgb(70, 115, 160);
  font-size: 16px;
  font-weight: 400;
  color: white;
  border: 1px solid white;
  margin-bottom: 6px;
}

#calendar2-select,
#calendar2-note,
#calendar2-note-edit {
  width: 100%;
}

#calendar2-head h1 {
  font-size: 30px;
  margin-top: 18px;
}

#nc2-max-div,
#nc2-hourfund-div {
  width: 304px;
}

@media screen and (max-width: 1023px) {
  .naked #top {
    display: none;
  }
  .naked footer {
    display: none;
  }
  .naked body {
    min-width: 320px;
  }

  .naked .container {
    width: 100%;
    padding: 0px;
  }
  .naked .col-xs-12 {
    padding: 0px;
  }
  .naked #calendar2-wrap {
    margin-top: 0px;
  }
}

/*
#nc2-modala,#nc2-modalb {
	width: 1010px;
}
*/

#calendar2-body ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #aaa;
}
#calendar2-body :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaa;
  opacity: 1;
}
#calendar2-body ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
#calendar2-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaa;
}
#calendar2-body :placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #aaa;
}
#nc2shift-hint {
  pointer-events: none;
  position: fixed;
  z-index: 1060;
  border: 2px solid rgba(100, 180, 100, 0.85);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Fira Sans";
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.nc2-specpad14 {
  padding-left: 13px !important;
  padding-right: 9px !important;
}
#nc2-helpico {
  position: relative;
  top: 6px;
}
#nc2-hico2 {
  display: none;
}
html:not(.naked) #nc2-helpico-text {
  display: none;
}
html:not(.naked) #nc2-helpico {
  position: absolute;
  top: -42.5px;
  left: 562px;
}
html:not(.naked) #nc2-hico1 {
  display: none;
}
html:not(.naked) #nc2-hico2 {
  display: block;
}
#cnote2save1 {
  width: 92px;
}
#cnote2saven {
  width: 200px;
}

#calendar2-body {
  display: table;
}

#nc2-specfill {
  display: none;
  width: 1px;
  height: 280px;
}

.nc2-specsmall {
  font-size: 19px !important;
  font-weight: 700 !important;
  margin-bottom: 17px;
}

@media screen and (max-width: 1279px) {
  /*
	html.nc2-dynamic-width #nc2-modala, html.nc2-dynamic-width #nc2-modalb {
		width: 322px;
	}
    */
  /* .naked #*/
  html.nc2-dynamic-width #calendar2-wrap {
    width: 100%;
  }
  html.nc2-dynamic-width #calendar2-part1 {
    width: 100%;
    clear: both;
  }
  html.nc2-dynamic-width #calendar2-part2 {
    width: 100%;
    clear: both;
  }
  html:not(.naked).nc2-dynamic-width #nc2-helpico {
    left: 197px;
  }
  html.nc2-dynamic-width .nc2-spectext {
    display: none;
  }
}
html.nc2-fixed-width #calendar2-wrap {
  width: 100%;
}
html.nc2-fixed-width #calendar2-part1 {
  width: 100%;
}
html.nc2-fixed-width #calendar2-part2 {
  width: 337px;
}
html:not(.naked).nc2-fixed-width #nc2-helpico {
  left: 197px;
}
html.nc2-fixed-width .nc2-spectext {
  display: none;
}

html.nc2-fixed-width #calendar2-note {
  display: none;
}
html.nc2-fixed-width #calendar2-body {
  position: relative;
}
html.nc2-fixed-width #calendar2-bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-bottom: 20px;
  padding-right: 18px;
}
html.nc2-fixed-width #calendar2-main {
  position: absolute;
  padding-bottom: 20px;
  bottom: 0px;
  left: 18px;
}

html.nc2-fixed-width .long-term-claims #calendar2-main {
  position: absolute;
  padding-bottom: 20px;
  bottom: auto;
  left: 18px;
}

html.nc2-fixed-width #calendar2-part1 {
  min-height: 600px;
  position: relative;
}

html.nc2-fixed-width .long-term-claims #calendar2-part1 {
  min-height: 200px;
  position: relative;
}

html.nc2-fixed-width .long-term-claims .nc2-cell .nc2-text {
  font-size: 14px !important;
}

#longterm-claims-div.ltc-compact {
  margin-bottom: 22px;
}

html.nc2-fixed-width #longterm-claims-div.ltc-compact #calendar2-part1::after {
  content: none;
}

#longterm-claims-div.ltc-compact #calendar2-body {
  max-height: 80px !important;
  display: inline-block;
}

#longterm-claims-div.ltc-compact #calendar2-body #calendar2-part1 {
  min-height: 80px;
}
#longterm-claims-div.ltc-compact #ltc-cf-last {
  height: 2px !important;
}
#longterm-claims-div.ltc-compact .ltc-info {
  margin-top: 0px;
  top: 78px;
}
#longterm-claims-div.ltc-compact .ltc-info img {
  margin-bottom: 0px;
}

#longterm-claims-div.ltc-compact #calendar2-body #calendar2-part2 {
  margin-top: -23px !important;
}
#longterm-claims-div.ltc-compact
  #calendar2-body
  .calendar2-buttons
  .nc2-button {
  height: 27px !important;
}
#longterm-claims-div.ltc-compact #calendar2-body .calendar2-buttons .nc2-text {
  top: 3px !important;
}
#longterm-claims-div.ltc-compact #calendar2-body .calendar2-buttons .nc2-ico20 {
  top: 2px !important;
}
#longterm-claims-div.ltc-compact #calendar2-body #calendar2-buttons2 {
  height: 58px;
}
#longterm-claims-div.ltc-compact #ltc-label0 {
  display: none;
}
#longterm-claims-div.ltc-compact #calendar2-select-wrap {
  position: relative;
}
#longterm-claims-div.ltc-compact #calendar2-date {
  top: 0px;
  font-size: 14px;
  display: none;
}
#longterm-claims-div.ltc-compact #calendar2-date-claim {
  /*margin-top: -6px;*/
  margin-top: 0px;
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 500;
}
#longterm-claims-div.ltc-compact #calendar2-select {
  padding-top: 0px;
}
#longterm-claims-div.ltc-compact #lt-week-0-row {
  display: none;
}
#longterm-claims-div.ltc-compact #calendar2-claim-group {
  /*position: relative;*/
  position: absolute;
  width: 304px;
  z-index: 2300;
  top: 122px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 12px 3px rgba(85, 84, 115, 1);
  -moz-box-shadow: 0px 10px 12px 3px rgba(85, 84, 115, 1);
  box-shadow: 0px 10px 12px 3px rgba(85, 84, 115, 1);
}
#longterm-claims-div.ltc-compact
  #calendar2-claim-group
  .btn-group.nc2-grp-select {
  padding-top: 0px;
  padding-bottom: 0px;
}

#longterm-claims-div.ltc-compact #nc2-claim-select-wrap {
  width: 235px;
}
#longterm-claims-div.ltc-compact #ccgsave1 {
  position: absolute;
  top: 0px;
  height: 36px;
  padding-top: 7px;
  right: 0px;
  padding-left: 4px;
  padding-right: 4px;
  width: 65px;
}
#longterm-claims-div.ltc-compact #calendar2-select-wrap {
  /*min-height: 142px;*/
  min-height: 82px;
}
#longterm-claims-div.ltc-compact #calendar2-note-edit {
  top: -3px;
  padding-top: 0px;
  left: -5px;
}
#longterm-claims-div.ltc-compact #calendar2-note-edit #cnote2data {
  width: 235px;
  margin-bottom: 0px;
}
#longterm-claims-div.ltc-compact #cnote2save1 {
  position: absolute;
  top: 0px;
  height: 36px;
  padding-top: 7px;
  right: 9px;
  padding-left: 4px;
  padding-right: 4px;
  width: 65px;
}

#longterm-claims-div.ltc-compact #calendar2-body .nc2-cell {
  width: 79px !important;
  height: 38px !important;
}
#longterm-claims-div.ltc-compact #calendar2-part2 {
  width: 310px;
}

#longterm-claims-div.ltc-compact #ltc-row0 {
  position: absolute;
  top: -25px;
  left: 294px;
}
#longterm-claims-div.ltc-compact #lt-pattern-1-label {
  margin-right: 13px !important;
}
#longterm-claims-div.ltc-compact #calendar2-main {
  padding-top: 0px;
  left: 0px;
}
#longterm-claims-div.ltc-compact #nc2-cell-holiday {
  position: absolute;
  top: 20px;
  left: 560px;
}
#longterm-claims-div.ltc-compact #calendar2-body.weekly #ltc-cf-first {
  height: 20px !important;
}

#ewf-restrain-block .btn-group.bootstrap-select {
  top: -6px !important;
}

#calendar2-part1 .lt-calendar-info {
  font-style: italic;
  padding-left: 20px;
  font-size: 13px;
}

html.nc2-fixed-width #calendar2-part1::after {
  content: " ";
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #e5e5e5;
  right: -5px;
  top: 0px;
}

html.nc2-fixed-width #calendar2-note-edit {
  background-color: rgb(255, 255, 255);
  color: #555;
  padding-left: 7px;
  padding-right: 9px;
}

html.nc2-fixed-width #calendar2-select {
  background-color: rgb(255, 255, 255);
  color: #555;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 6px;
}

html.nc2-fixed-width #calendar2-select-wrap {
  width: 304px;
}
html.nc2-fixed-width .calendar2-buttons {
  width: 304px;
}
html.nc2-fixed-width .calendar2-buttons .nc2-button.nc2-green {
  width: 86px;
}
html.nc2-fixed-width .calendar2-buttons .nc2-button.nc2-orange {
  width: 100px;
}
html.nc2-fixed-width .calendar2-buttons .nc2-button.nc2-red {
  width: 114px;
}
html.nc2-fixed-width .nc2-specrel {
  position: relative;
  /*left: 11px;*/
  left: 1px;
}
html.nc2-fixed-width #calendar2-date {
  color: #555;
}
html.nc2-fixed-width #cnote2data {
  background-color: rgb(255, 255, 255);
  border: 1px solid #555;
  color: #7f7f7f;
  margin-bottom: 12px;
}
html.nc2-fixed-width #calendar2-head {
  text-align: left;
  padding-left: 18px;
  width: 100%;
}
html.nc2-fixed-width #nc2-monthname {
  position: relative;
  top: -5px;
}
html.nc2-fixed-width #cnote2save1 {
  float: left;
  width: 92px;
}
html.nc2-fixed-width #cnote2saven {
  float: right;
  width: 200px;
}
html.nc2-fixed-width #calendar2-bottom {
  margin-top: 0px;
}

@media screen and (min-width: 1280px) {
  html.nc2-dynamic-width #calendar2-wrap {
    width: 1280px;
  }

  html.nc2-dynamic-width #nc2-specfill {
    display: block;
  }
  html.nc2-dynamic-width #calendar2-part1 {
    width: 930px;
  }
  html.nc2-dynamic-width #calendar2-part2 {
    width: 337px;
  }

  html.nc2-dynamic-width #calendar2-select,
  html.nc2-dynamic-width #calendar2-note,
  html.nc2-dynamic-width #calendar2-note-edit {
    width: 320px;
  }

  html.nc2-dynamic-width #calendar2-body {
    position: relative;
  }
  html.nc2-dynamic-width #calendar2-bottom {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    padding-right: 18px;
  }
  html.nc2-dynamic-width #calendar2-main {
    width: 930px;
    position: absolute;
    padding-bottom: 20px;
    bottom: 0px;
    left: 18px;
  }

  html.nc2-dynamic-width #calendar2-note {
    display: none;
  }

  html.nc2-dynamic-width #calendar2-part1 {
    min-height: 600px;
    position: relative;
  }

  html.nc2-dynamic-width #calendar2-part1::after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #e5e5e5;
    right: -5px;
    top: 0px;
  }

  html.nc2-dynamic-width #calendar2-note-edit {
    background-color: rgb(255, 255, 255);
    color: #555;
    padding-left: 7px;
    padding-right: 9px;
  }

  html.nc2-dynamic-width #calendar2-select {
    background-color: rgb(255, 255, 255);
    color: #555;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 6px;
  }

  html.nc2-dynamic-width #calendar2-select-wrap {
    width: 304px;
  }
  html.nc2-dynamic-width .calendar2-buttons {
    width: 304px;
  }
  html.nc2-dynamic-width .calendar2-buttons .nc2-button.nc2-green {
    width: 86px;
  }
  html.nc2-dynamic-width .calendar2-buttons .nc2-button.nc2-orange {
    width: 100px;
  }
  html.nc2-dynamic-width .calendar2-buttons .nc2-button.nc2-red {
    width: 114px;
  }

  html.nc2-dynamic-width .nc2-specrel {
    position: relative;
    /*left: 11px;*/
    left: 1px;
  }

  html.nc2-dynamic-width #calendar2-date {
    color: #555;
  }

  html.nc2-dynamic-width #cnote2data {
    background-color: rgb(255, 255, 255);
    border: 1px solid #555;
    color: #7f7f7f;
    margin-bottom: 12px;
  }

  html.nc2-dynamic-width #calendar2-head {
    text-align: left;
    padding-left: 18px;
    width: 100%;
  }

  html.nc2-dynamic-width #nc2-monthname {
    position: relative;
    top: -5px;
  }

  html.nc2-dynamic-width #cnote2save1 {
    float: left;
    width: 92px;
  }
  html.nc2-dynamic-width #cnote2saven {
    float: right;
    width: 200px;
  }
  html.nc2-dynamic-width #calendar2-bottom {
    margin-top: 0px;
  }
}

#calendar2-main .nc2-cell-wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 2px;
  border-color: yellow;
  overflow: hidden;
  position: absolute;
}
/*
#calendar2-main.nc2-vmode .nc2-cell-wrap {
    border-top-style: solid;
    border-bottom-style: solid;
}
#calendar2-main.nc2-hmode .nc2-cell-wrap {
    border-left-style: solid;
    border-right-style: solid;
}
*/

#calendar2-main .nc2-cell.same-seg .nc2-cell-wrap {
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: solid;
  border-bottom-style: solid;
}

#calendar2-main .nc2-cell .nc2-seg0-wrap,
#calendar2-main .nc2-cell .nc2-seg1-wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  overflow: hidden;
  position: absolute;
}
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg0-wrap,
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg1-wrap {
  width: 61%;
  height: 100%;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg0-wrap {
  width: 62%;
}
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg0-wrap {
  left: -10%;
  border-right-style: none;
}
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg1-wrap {
  left: 50%;
  border-left-style: none;
}

#calendar2-main.nc2-hmode .nc2-cell .nc2-seg0-wrap:after {
  content: "";
  width: 3px;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  position: absolute;
  left: 12%;
}

#calendar2-main.nc2-hmode .nc2-cell.nc2-cell-long .nc2-seg0-wrap:after {
  width: 5px;
}

#calendar2-main.nc2-hmode .nc2-cell .nc2-seg1-wrap:after {
  content: "";
  width: 3px;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  position: absolute;
  left: 81%;
}

#calendar2-main.nc2-vmode .nc2-cell .nc2-seg0-wrap,
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg1-wrap {
  width: 100%;
  height: 61%;
  -webkit-transform: skewY(-20deg);
  -moz-transform: skewY(-20deg);
  -ms-transform: skewY(-20deg);
  -o-transform: skewY(-20deg);
}
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg0-wrap {
  height: 62%;
}

#calendar2-main.nc2-vmode .nc2-cell .nc2-seg0-wrap {
  top: -10%;
  border-bottom-style: none;
}
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg1-wrap {
  top: 50%;
  border-top-style: none;
}
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg0-wrap:after {
  content: "";
  height: 3px;
  width: 100%;
  -webkit-transform: skewY(20deg);
  -moz-transform: skewY(20deg);
  -ms-transform: skewY(20deg);
  -o-transform: skewY(20deg);
  position: absolute;
  top: 12%;
  left: 0px;
}
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg1-wrap:after {
  content: "";
  height: 3px;
  width: 100%;
  -webkit-transform: skewY(20deg);
  -moz-transform: skewY(20deg);
  -ms-transform: skewY(20deg);
  -o-transform: skewY(20deg);
  position: absolute;
  top: 81%;
  left: 0px;
}

#calendar2-main .nc2-cell.same-seg .nc2-seg0-wrap,
#calendar2-main .nc2-cell.same-seg .nc2-seg1-wrap {
  display: none;
}

.nc2-cell {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*border: 1px solid rgba(237,237,237,1) !important;*/
}

html.nc2-fixed-width #nc2-hico2 {
  position: absolute;
  left: 710px;
}

#calendar2-main.nc2-hmode .nc2-seg0-inner,
#calendar2-main.nc2-hmode .nc2-seg1-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
}
#calendar2-main.nc2-hmode .nc2-seg0-inner {
  left: 14%;
}
#calendar2-main.nc2-hmode .nc2-seg1-inner {
  left: -14%;
}

#calendar2-main.nc2-vmode .nc2-seg0-inner,
#calendar2-main.nc2-vmode .nc2-seg1-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: skewY(20deg);
  -moz-transform: skewY(20deg);
  -ms-transform: skewY(20deg);
  -o-transform: skewY(20deg);
}
#calendar2-main.nc2-vmode .nc2-seg0-inner {
  top: 14%;
}
#calendar2-main.nc2-vmode .nc2-seg1-inner {
  top: -14%;
}

.nc2-cell[s0cvg="0"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="0"] .nc2-seg1-wrap {
  background-color: white;
  border-color: rgb(237, 237, 237);
}
.nc2-cell[s0cvg="0"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="0"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="0"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="0"]:hover .nc2-seg1-wrap {
  border-color: rgb(95, 95, 95);
  background-color: rgb(240, 240, 255);
}
.nc2-cell[s0cvg="0"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="0"] .nc2-seg1-wrap:after {
  background-color: rgb(237, 237, 237);
}
.nc2-cell[s0cvg="0"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="0"] .nc2-seg1-wrap:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="0"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="0"]:hover .nc2-seg1-wrap:after {
  background-color: rgb(95, 95, 95);
}

.nc2-cell[s0cvg="1"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="1"] .nc2-seg1-wrap {
  background-color: rgb(94, 168, 94);
  border-color: rgb(74, 148, 74);
}
.nc2-cell[s0cvg="1"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="1"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="1"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="1"]:hover .nc2-seg1-wrap {
  background-color: rgb(114, 188, 114);
  border-color: rgb(70, 130, 70);
}
.nc2-cell[s0cvg="1"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="1"] .nc2-seg1-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="1"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="1"]:hover .nc2-seg1-wrap:after {
  background-color: rgb(74, 148, 74);
}
.nc2-cell[s0cvg="1"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="1"] .nc2-seg1-wrap:hover:after {
  background-color: rgb(70, 130, 70);
}

.nc2-cell.nc2-empty .nc2-seg0-wrap,
.nc2-cell.nc2-empty .nc2-seg1-wrap {
  background-color: white;
  border: none !important;
}

.nc2-cell[s0cvg="-1"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="-1"] .nc2-seg1-wrap {
  background-color: rgb(216, 90, 90);
  border-color: rgb(196, 70, 70);
}
.nc2-cell[s0cvg="-1"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="-1"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-1"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-1"]:hover .nc2-seg1-wrap {
  background-color: rgb(236, 110, 110);
  border-color: rgb(130, 70, 70);
}
.nc2-cell[s0cvg="-1"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="-1"] .nc2-seg1-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-1"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-1"]:hover .nc2-seg1-wrap:after {
  background-color: rgb(196, 70, 70);
}
.nc2-cell[s0cvg="-1"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="-1"] .nc2-seg1-wrap:hover:after {
  background-color: rgb(130, 70, 70);
}

.nc2-cell[s0cvg="-2"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="-2"] .nc2-seg1-wrap {
  background-color: rgb(230, 130, 0);
  border-color: rgb(220, 120, 0);
}
.nc2-cell[s0cvg="-2"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="-2"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-2"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-2"]:hover .nc2-seg1-wrap {
  background-color: rgb(250, 150, 0);
  border-color: rgb(140, 110, 30);
}
.nc2-cell[s0cvg="-2"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="-2"] .nc2-seg1-wrap:after {
  background-color: rgb(220, 120, 0);
}
.nc2-cell[s0cvg="-2"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="-2"] .nc2-seg1-wrap:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-2"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-2"]:hover .nc2-seg1-wrap:after {
  background-color: rgb(140, 110, 30);
}

.nc2-cell[s0cvg="-4"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="-4"] .nc2-seg1-wrap {
  background-color: #b93ae2;
  border-color: #991ac2;
}
.nc2-cell[s0cvg="-4"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="-4"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-4"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-4"]:hover .nc2-seg1-wrap {
  background-color: #c94af2;
  border-color: #890ab2;
}
.nc2-cell[s0cvg="-4"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="-4"] .nc2-seg1-wrap:after {
  background-color: #991ac2;
}
.nc2-cell[s0cvg="-4"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="-4"] .nc2-seg1-wrap:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-4"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-4"]:hover .nc2-seg1-wrap:after {
  background-color: #890ab2;
}

.nc2-cell[s0cvg="-3"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="-3"] .nc2-seg1-wrap {
  background-color: #3a77e2;
  border-color: #1a57b2;
}
.nc2-cell[s0cvg="-3"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="-3"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-3"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-3"]:hover .nc2-seg1-wrap {
  background-color: #4a87f2;
  border-color: #0a47a2;
}
.nc2-cell[s0cvg="-3"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="-3"] .nc2-seg1-wrap:after {
  background-color: #1a57b2;
}
.nc2-cell[s0cvg="-3"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="-3"] .nc2-seg1-wrap:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-3"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-3"]:hover .nc2-seg1-wrap:after {
  background-color: #0a47a2;
}

.nc2-cell[s0cvg="-5"] .nc2-seg0-wrap,
.nc2-cell[s1cvg="-5"] .nc2-seg1-wrap {
  background-color: #826c64;
  border-color: #624c44;
}
.nc2-cell[s0cvg="-5"] .nc2-seg0-wrap:hover,
.nc2-cell[s1cvg="-5"] .nc2-seg1-wrap:hover,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-5"]:hover .nc2-seg0-wrap,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-5"]:hover .nc2-seg1-wrap {
  background-color: #927c74;
  border-color: #523c34;
}
.nc2-cell[s0cvg="-5"] .nc2-seg0-wrap:after,
.nc2-cell[s1cvg="-5"] .nc2-seg1-wrap:after {
  background-color: #624c44;
}
.nc2-cell[s0cvg="-5"] .nc2-seg0-wrap:hover:after,
.nc2-cell[s1cvg="-5"] .nc2-seg1-wrap:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s0cvg="-5"]:hover .nc2-seg0-wrap:after,
#calendar2-body.nc2-hoverboth .nc2-cell[s1cvg="-5"]:hover .nc2-seg1-wrap:after {
  background-color: #523c34;
}

.nc2-cell-wseg-vgid {
  position: absolute;
  top: 1px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-top: none;
  min-width: 17px;
  height: 9px;
  background-color: #ffffff;
  z-index: 1000;
  font-size: 9px;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
  font-style: italic;
}
.nc2-cell-wseg0-vgid {
  left: 1px;
  border-left: none;
  border-bottom-right-radius: 7px;
  text-align: left;
}
.nc2-cell-wseg1-vgid {
  right: 1px;
  border-right: none;
  border-bottom-left-radius: 7px;
  text-align: right;
}
.nc2-cell-wseg-vgid span {
  position: relative;
  top: -2px;
}
.nc2-cell-wseg0-vgid span {
  left: 2px;
}
.nc2-cell-wseg1-vgid span {
  left: -2px;
}

.nc2-cell[s0wcvg="0"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="0"] .nc2-cell-wseg1-vgid {
  color: #444;
}

.nc2-cell[s0wcvg="1"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="1"] .nc2-cell-wseg1-vgid {
  background-color: rgb(94, 168, 94);
}
.nc2-cell[s0wcvg="-1"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="-1"] .nc2-cell-wseg1-vgid {
  background-color: rgb(216, 90, 90);
}
.nc2-cell[s0wcvg="-2"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="-2"] .nc2-cell-wseg1-vgid {
  background-color: rgb(230, 130, 0);
}
.nc2-cell[s0wcvg="-3"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="-3"] .nc2-cell-wseg1-vgid {
  background-color: #3a77e2;
}
.nc2-cell[s0wcvg="-4"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="-4"] .nc2-cell-wseg1-vgid {
  background-color: #c94af2;
}
.nc2-cell[s0wcvg="-5"] .nc2-cell-wseg0-vgid,
.nc2-cell[s1wcvg="-5"] .nc2-cell-wseg1-vgid {
  background-color: #826c64;
}
.nc2-cell[s0cvg="0"][s0wcvg="0"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="1"][s0wcvg="1"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="-1"][s0wcvg="-1"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="-2"][s0wcvg="-2"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="-3"][s0wcvg="-3"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="-4"][s0wcvg="-4"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s0cvg="-5"][s0wcvg="-5"] .nc2-cell-wseg0-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="0"][s1wcvg="0"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="1"][s1wcvg="1"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="-1"][s1wcvg="-1"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="-2"][s1wcvg="-2"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="-3"][s1wcvg="-3"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="-4"][s1wcvg="-4"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}
.nc2-cell[s1cvg="-5"][s1wcvg="-5"] .nc2-cell-wseg1-vgid {
  background-color: transparent;
  border: none;
}

#calendar2-body.nc2-marknojob
  .nc2-cell[s0av="0"][s0cvg="0"]
  .nc2-seg0-wrap
  .nc2-seg0-inner,
#calendar2-body.nc2-marknojob
  .nc2-cell[s1av="0"][s1cvg="0"]
  .nc2-seg1-wrap
  .nc2-seg1-inner,
#calendar2-body.nc2-marknojob
  .nc2-cell.nc2-empty[s0av="0"]
  .nc2-seg0-wrap
  .nc2-seg0-inner,
#calendar2-body.nc2-marknojob
  .nc2-cell.nc2-empty[s1av="0"]
  .nc2-seg1-wrap
  .nc2-seg1-inner {
  background-image: url(../images/nc_bck3.png);
  background-position: 0px 0px;
}

#calendar2-body.nc2-markclose
  .nc2-cell[s0av="-1"][s0cvg="0"]
  .nc2-seg0-wrap
  .nc2-seg0-inner,
#calendar2-body.nc2-markclose
  .nc2-cell[s1av="-1"][s1cvg="0"]
  .nc2-seg1-wrap
  .nc2-seg1-inner,
#calendar2-body.nc2-markclose
  .nc2-cell.nc2-empty[s0av="-1"]
  .nc2-seg0-wrap
  .nc2-seg0-inner,
#calendar2-body.nc2-markclose
  .nc2-cell.nc2-empty[s1av="-1"]
  .nc2-seg1-wrap
  .nc2-seg1-inner {
  background-image: url(../images/nc_bckr3b.png);
  background-position: 0px 0px;
}

.nc2-cell .nc2-seg0-wrap.nc2-selected,
.nc2-cell .nc2-seg1-wrap.nc2-selected {
  border-color: rgb(0, 0, 200);
}
.nc2-cell .nc2-seg0-wrap.nc2-selected:hover,
.nc2-cell .nc2-seg1-wrap.nc2-selected:hover,
#calendar2-body.nc2-hoverboth .nc2-cell:hover .nc2-seg0-wrap.nc2-selected,
#calendar2-body.nc2-hoverboth .nc2-cell:hover .nc2-seg1-wrap.nc2-selected {
  border-color: rgb(0, 0, 230);
}
.nc2-cell .nc2-seg0-wrap.nc2-selected:after,
.nc2-cell .nc2-seg1-wrap.nc2-selected:after {
  background-color: rgb(0, 0, 200);
}
.nc2-cell .nc2-seg0-wrap.nc2-selected:hover:after,
.nc2-cell .nc2-seg1-wrap.nc2-selected:hover:after,
#calendar2-body.nc2-hoverboth .nc2-cell:hover .nc2-seg0-wrap.nc2-selected:after,
#calendar2-body.nc2-hoverboth
  .nc2-cell:hover
  .nc2-seg1-wrap.nc2-selected:after {
  background-color: rgb(0, 0, 230);
}

/*
.nc2-seg1-wrap:hover, .nc2-seg0-wrap:hover {
    border-style: solid !important;
}
*/

#calendar2-body .nc2-cell .nc2-text {
  top: 5%;
}

#calendar2-body .nc2-cell[s0cvg="-1"] .nc2-text {
  color: white !important;
}
#calendar2-body .nc2-cell[s0cvg="1"] .nc2-text {
  color: white !important;
}
#calendar2-body .nc2-cell[s0cvg="-2"] .nc2-text {
  color: white !important;
}
#calendar2-body .nc2-cell[s0cvg="-4"] .nc2-text {
  color: white !important;
}
#calendar2-body .nc2-cell[s0cvg="-3"] .nc2-text {
  color: white !important;
}
#calendar2-body .nc2-cell[s0cvg="-5"] .nc2-text {
  color: white !important;
}

#calendar2-body .nc2-cell[s0cvg="0"][s0av="-1"] .nc2-text {
  color: rgb(180, 180, 180);
}
#calendar2-body .nc2-cell[s0cvg="0"][s0av="0"] .nc2-text {
  color: rgb(180, 180, 180);
}

#longterm-claims-div.ltc-compact
  #calendar2-body
  .nc2-seg0-wrap.nc2-selected
  .nc2-text {
  left: 5.5px !important;
}
#longterm-claims-div.ltc-compact
  #calendar2-body
  .nc2-seg1-wrap.nc2-selected
  .nc2-text.nc2-text-seg1 {
  left: 5.5px !important;
}
#calendar2-body .nc2-cell[s1cvg="0"] .nc2-text.nc2-text-seg1 {
  color: unset !important;
}
#calendar2-body .nc2-cell[s1cvg="-1"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}
#calendar2-body .nc2-cell[s1cvg="1"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}
#calendar2-body .nc2-cell[s1cvg="-2"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}
#calendar2-body .nc2-cell[s1cvg="-4"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}
#calendar2-body .nc2-cell[s1cvg="-3"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}
#calendar2-body .nc2-cell[s1cvg="-5"] .nc2-text.nc2-text-seg1 {
  color: white !important;
}

#calendar2-body .nc2-cell[s1cvg="0"][s1av="-1"] .nc2-text.nc2-text-seg1 {
  color: rgb(180, 180, 180);
}
#calendar2-body .nc2-cell[s1cvg="0"][s1av="0"] .nc2-text.nc2-text-seg1 {
  color: rgb(180, 180, 180);
}

.nc2-cell .nc2-ico {
  position: absolute;
  background-image: url(../images/ncico.png);
  width: 15px;
  height: 15px;
  display: none;
  background-repeat: no-repeat;
}
.nc2-cell[s0cvg="1"] .nc2-seg0-inner .nc2-ico {
  background-position: 0px -60px;
  display: block;
}
.nc2-cell[s0cvg="-2"] .nc2-seg0-inner .nc2-ico {
  background-position: 0px -75px;
  display: block;
}
.nc2-cell[s0cvg="-1"] .nc2-seg0-inner .nc2-ico {
  background-position: 0px -90px;
  display: block;
}
.nc2-cell[s1cvg="1"] .nc2-seg1-inner .nc2-ico {
  background-position: 0px -60px;
  display: block;
}
.nc2-cell[s1cvg="-2"] .nc2-seg1-inner .nc2-ico {
  background-position: 0px -75px;
  display: block;
}
.nc2-cell[s1cvg="-1"] .nc2-seg1-inner .nc2-ico {
  background-position: 0px -90px;
  display: block;
}

.nc2-cell[s0cvg="-3"] .nc2-seg0-inner .nc2-ico,
.nc2-cell[s1cvg="-3"] .nc2-seg1-inner .nc2-ico {
  background-position: 0px -165px;
  display: block;
}
.nc2-cell[s0cvg="-4"] .nc2-seg0-inner .nc2-ico,
.nc2-cell[s1cvg="-4"] .nc2-seg1-inner .nc2-ico {
  background-position: 0px -180px;
  display: block;
}

.nc2-cell[s0cvg="-1"][s1cvg="-1"] .nc2-seg0-inner .nc2-ico {
  display: none;
}
.nc2-cell[s0cvg="-2"][s1cvg="-2"] .nc2-seg0-inner .nc2-ico {
  display: none;
}
.nc2-cell[s0cvg="1"][s1cvg="1"] .nc2-seg0-inner .nc2-ico {
  display: none;
}
.nc2-cell[s0cvg="-4"][s1cvg="-4"] .nc2-seg0-inner .nc2-ico {
  display: none;
}
.nc2-cell[s0cvg="-3"][s1cvg="-3"] .nc2-seg0-inner .nc2-ico {
  display: none;
}

.nc2-cell[s0cvg="-5"] .nc2-seg0-inner .nc2-ico,
.nc2-cell[s1cvg="-5"] .nc2-seg1-inner .nc2-ico {
  display: none;
}

#calendar2-main.nc2-hmode .nc2-cell .nc2-seg0-inner .nc2-ico {
  bottom: 1px;
  right: 32%;
}
#calendar2-main.nc2-hmode .nc2-cell .nc2-seg1-inner .nc2-ico {
  bottom: 1px;
  left: 6px;
}

#calendar2-main.nc2-vmode .nc2-cell .nc2-seg0-inner .nc2-ico {
  bottom: 12%;
  left: 2px;
}
#calendar2-main.nc2-vmode .nc2-cell .nc2-seg1-inner .nc2-ico {
  top: 4px;
  right: 1px;
}

@media screen and (min-width: 640px) {
  #calendar2-body .nc2-cell .nc2-text {
    font-size: 17px;
  }
}
@media screen and (min-width: 800px) {
  #calendar2-body .nc2-cell .nc2-text {
    font-size: 19px;
  }
}

.claim-preview-tr td {
  width: 44px;
  height: 32px;
  border: 6px solid transparent;
  position: relative;
}
.claim-preview-tr td[ctype_g="1"] {
  background-color: #5ea85e;
}
.claim-preview-tr td[ctype_g="-1"] {
  background-color: #d85a5a;
}
.claim-preview-tr td[ctype_g="-2"] {
  background-color: #e68201;
}
.claim-preview-tr td[ctype_g="-4"] {
  background-color: #b93ae2;
}
.claim-preview-tr td[ctype_g="-3"] {
  background-color: #3a77e2;
}
.claim-preview-tr td[ctype_g="-5"] {
  background-color: #826c64;
}

.cico.claim-3 {
  background-image: none;
  background-color: #b93ae2;
  border: 1px solid silver;
}
.cico.claim-4 {
  background-image: none;
  background-color: #3a77e2;
  border: 1px solid silver;
}
.cico.claim-5 {
  background-image: none;
  background-color: #826c64;
  border: 1px solid silver;
}

.claim-mask-ico {
  position: absolute;
  background-image: url(../images/ncico.png);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: -15px 0px;
  top: 6px;
  left: 12px;
}
.claim-mask-ico[ctype_g="1"] {
  background-position: 0px -60px;
}
.claim-mask-ico[ctype_g="-2"] {
  background-position: 0px -75px;
}
.claim-mask-ico[ctype_g="-1"] {
  background-position: 0px -90px;
}
.claim-mask-ico[ctype_g="-3"] {
  background-position: 0px -165px;
}
.claim-mask-ico[ctype_g="-4"] {
  background-position: 0px -180px;
}

#claim-mask-div {
  overflow-x: auto;
}

#claim-mask-empty-corner {
  width: 200px;
}

.claim-mask-checkbox-td {
  text-align: center;
  padding-left: 7px;
}

#claim-mask-table {
  margin-left: 21px;
}

.nc2-disabled {
  -webkit-filter: grayscale(100%) brightness(1.25);
  filter: grayscale(100%) brightness(1.25);
  cursor: default !important;
  pointer-events: none;
}

#calendar2-note-edit.nc2-float {
  position: fixed;
  top: 30%;
  width: 100% !important;
  z-index: 1500;
  left: 0px;
  opacity: 0.92;
  border-top: 7px solid #000;
  border-bottom: 7px solid #000;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

#calendar2-glass-div {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1400;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0.35;
  background-color: #000;
}

#calendar2-body .nc2-cell[s0cvg="1"] .nc2-note {
  background-position: 0px -15px;
}
#calendar2-body .nc2-cell[s0cvg="-2"] .nc2-note {
  background-position: 0px -30px;
}
#calendar2-body .nc2-cell[s0cvg="-1"] .nc2-note {
  background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-4"] .nc2-note {
  background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-3"] .nc2-note {
  background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-5"] .nc2-note {
  background-position: 0px -45px;
}

#ewf-priority + div {
  width: 310px;
}

#hourfund-div .row {
  margin-bottom: 15px !important;
}
.param-fixed {
  color: red;
  font-style: italic;
  font-size: 13px;
}

.input100 {
  width: 100px;
  display: inline-block;
}

#calendar2-body .nc2-cell.nc2-holiday .nc2-text {
  /*color: #ffb2ff !important;    */
  border-radius: 12px;
  /*border: 1px solid #ffb2ff;*/
  left: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: rgba(255, 220, 255, 0.32);
}
#calendar2-body .nc2-cell[s0cvg="0"].nc2-holiday .nc2-text {
  background-color: transparent;
  color: #d837d8 !important;
  border: none;
}
#calendar2-body .nc2-cell[s0cvg="0"][s0av="-1"].nc2-holiday .nc2-text {
  color: #eca1ec !important;
}

#nc2-hourfund-div .col-xs-7 {
  border: 1px solid #d4d4f7;
  /*    background-color: #eef1ff;*/
  background-color: #346499;
  color: white;
}

.nc2-hourfund-row,
#nc3workerstats .row {
  margin-bottom: 6px !important;
}

#nc2-hourfund-div .col-xs-5 {
  font-size: 15px;
}

#confirmNoclaimModal .modal-dialog,
#confirmNoclaimModal .modal-content {
  width: 400px;
}

@media screen and (max-width: 410px) {
  #confirmNoclaimModal .modal-dialog,
  #confirmNoclaimModal .modal-content {
    width: 310px;
  }
}

.nc3-jobicos {
  width: 34px;
  height: 32px;
  padding: 3px;
  background-color: white;
  border: 1px solid rgb(59, 83, 193);
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0.65;
  border-radius: 11px;
  pointer-events: none;
  overflow: hidden;
}
.nc3-jobicoswrap {
  width: 54px;
  height: 54px;
}
.nc3scale2 {
  transform: scale(0.5, 1);
  transform-origin: 0px 0px;
}
.nc3scale4 {
  transform: scale(0.5, 0.5);
  transform-origin: 0px 0px;
}
.nc3shift {
  float: left;
}

#nc3workerstats .col-xs-7 {
  border: 1px solid #d4d4f7;
  /*background-color: #eef1ff;*/
  background-color: #346499;
  color: white;
  text-align: center;
}

#nc3prejobs-div {
  /*    
    width: 240px;
    margin-right: 24px;
*/
  width: 300px;
  display: inline-block;
}

#nc3prejobs-div .nc3pjrow {
  width: 100%;
  height: 26px;
  border-radius: 8px;
}
#nc3prejobs-div .nc3pjspacerow {
  height: 5px;
  width: 100%;
}
#nc3prejobs-div .nc3pjrow .part {
  float: left;
  min-height: 26px;
}
#nc3prejobs-div .nc3pjrow[ctype_g="1"] {
  background-color: #8ed88e;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-1"] {
  background-color: #f88a8a;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-2"] {
  background-color: #ffb231;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-4"] {
  background-color: #e96aff;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-3"] {
  background-color: #6aa7ff;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-5"] {
  background-color: #b29c94;
}
/*
#nc3prejobs-div .nc3pjrow[ctype_g="1"] {
    background-color: #5ea85e;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-1"] {
    background-color: #d85a5a;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-2"] {
    background-color: #e68201;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-4"] {
    background-color: #b93ae2;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-3"] {
    background-color: #3a77e2;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-5"] {
    background-color: #826c64;
}
*/
#nc3prejobs-div .nc3pjrow .part:first-child {
  width: 70px;
  color: #346499;
  font-style: italic;
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 8px;
}
#nc3prejobs-div .nc3pjrow .part.nc3holiday1:first-child,
#nc3prejobs-div .nc3pjrow .part.nc3holiday3:first-child {
  color: #d837d8;
}
#nc3prejobs-div .nc3pjrow .part.nc3holiday2:first-child {
  color: #b94242;
}

#nc3prejobs-div .nc3pjrow .pjtime {
  padding-left: 20px;
  color: #666;
  font-weight: 700;
}
@media screen and (max-width: 1279px) {
  html.nc2-dynamic-width .nc3prejobs #nc3prejobs-div {
    margin-top: 6px;
    margin-bottom: 0px !important;
  }
}

#nc3prejobs-div.limited {
  max-height: 140px;
  overflow: auto;
}

/*
@media screen and (min-width: 1280px) {
    .nc3prejobs #nc3prejobs-div {
        margin-bottom: 200px;
    }
}
*/

.nc3-ico-plus {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  position: relative;
  background-image: url(../images/icoplus32.png);
  background-repeat: no-repeat;
  background-position: left 0px;
  cursor: pointer;
  text-indent: 38px;
  padding-top: 5px;
  color: #048707;
}
.nc3-ico-plus:hover {
  opacity: 0.65;
}

.btn-small {
  /*height:28px;*/
  line-height: 1;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
}
.btn-smallest {
  line-height: 1;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}

.paircolorpalette {
  display: inline-block;
}

.paircolorpalette.pcpextra {
  float: left;
  height: 0px;
  margin-top: -15px;
}

.pcp-cell {
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  width: 22px;
  min-height: 22px;
  text-align: center;
  padding-top: 3px;
  /*    border: 1px solid #555;    */
  margin: 2px;
  float: left;
  cursor: pointer;
}

.pcp-cell:hover {
  position: relative;
  top: -2px;
}

#nc2_revertline,
.nc2_revertline {
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  color: #888;
  padding-bottom: 8px;
  position: relative;
  height: 18px;
}
#table-wdems .nc2_revertline {
  position: absolute;
  left: 9px;
  bottom: -4px;
  padding-bottom: 0px;
  pointer-events: none;
  width: 100%;
  z-index: 10;
  white-space: nowrap;
  opacity: 0.55;
}
#table-wdems .sticky-top {
  z-index: 20 !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
}

#nc2_rl_notsend,
.nc2_rl_notsend {
  position: absolute;
}
#nc2_rl_send,
.nc2_rl_send {
  position: absolute;
}
#nc2_rl_refresh,
.nc2_rl_refresh {
  position: absolute;
  /*    
    top: -13px;
    left: 132px;    
*/
  top: -4px;
  left: 470px;
  font-size: 13px;
}

#nc2_rl_diff,
.nc2_rl_diff {
  position: absolute;
  top: -1px;
  left: 256px;
  color: #ff5400;
}
#table-wdems .nc2_rl_diff {
  left: 284px;
}

/*
#nc_rl_refresh {
    float: right;
    margin-right: 22px;
    top: -29px;
    position: relative;        
}
*/

.alike {
  color: #048707;
  cursor: pointer;
}

.alike:hover {
  color: #5ea860;
}

#calendar2-claim-group {
}
#calendar2-claim-group .bootstrap-select {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

#calendar2-claim-group .bootstrap-select > button {
  background-color: white;
  /*weird color in <640px behavior*/
}

#nc2-fullname {
  min-height: 34px;
  margin-bottom: 11px;
}

#calendar2-part1.spec-shorter {
  min-height: 400px;
}

.tmp-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

.note-inactive {
  font-size: 11px;
  font-style: italic;
  color: #999;
}

div.oneline-small-label label {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
  padding-right: 3px !important;
}

#calendar2-date-claim {
  position: relative;
  font-size: 13px;
  color: white;
  font-weight: 400;
  text-align: left;
  left: 1px;
  top: 0px;
  font-style: italic;
  margin-top: -17px;
  min-height: 19px;
}

#calendar2-buttons2 {
  width: 304px;
}
#calendar2-buttons2 .nc2-button.nc2-green {
  width: 86px;
}
#calendar2-buttons2 .nc2-button.nc2-orange {
  width: 100px;
}
#calendar2-buttons2 .nc2-button.nc2-red {
  width: 114px;
}
#calendar2-buttons2 .nc2-button.nc2-blue {
  width: 146px;
}
#calendar2-buttons2 .nc2-button.nc2-violet {
  width: 154px;
}
#calendar2-buttons2 .nc2-button .nc2-text {
  left: 28px;
}

#calendar2-body .nc2-cell .nc2-claimshort {
  position: absolute;
  left: 1px;
  bottom: 1px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  background-color: rgba(255, 255, 230, 0.6);
  text-align: center;
  border-top-right-radius: 6px;
  font-size: 11px;
  width: 18px;
  height: 13px;
}
html.nc2-dynamic-width #calendar2-body .nc2-cell .nc2-claimshort {
  font-size: 12px;
  width: 20px;
  height: 14px;
}
/*html:not(.nc2-dynamic-width) .nc2-demexp  #calendar2-select-wrap {*/
.nc2-demexp #calendar2-select-wrap {
  min-height: 211px;
}

#calendar2-body .nc2-cell.nc2-blue .nc2-ico {
  background-position: 0px -165px;
  display: block;
}
#calendar2-body .nc2-cell.nc2-violet .nc2-ico {
  background-position: 0px -180px;
  display: block;
}
#calendar2-body .nc2-cell.nc2-violet .nc2-note {
  background-position: 0px -45px;
}
#calendar2-body .nc2-cell.nc2-blue .nc2-note {
  background-position: 0px -30px;
}

.calendar2-buttons .nc2-button .nc2-ico20 {
  position: absolute;
  left: 4px;
  top: 12px;
  background-image: url(../images/ncico20.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.calendar2-buttons .nc2-button.nc2-green .nc2-ico20 {
  background-position: 0px 0px;
}
.calendar2-buttons .nc2-button.nc2-orange .nc2-ico20 {
  background-position: 0px -40px;
}
.calendar2-buttons .nc2-button.nc2-red .nc2-ico20 {
  background-position: 0px -20px;
}
.calendar2-buttons .nc2-button.nc2-blue .nc2-ico20 {
  background-position: 0px -60px;
}
.calendar2-buttons .nc2-button.nc2-violet .nc2-ico20 {
  background-position: 0px -80px;
}

.calendar2-buttons .nc2-button.nc2-blue .nc2-text {
  color: rgb(6, 158, 220);
}
.calendar2-buttons .nc2-button.nc2-violet .nc2-text {
  color: rgb(166, 49, 119);
}
#ccgsave1 {
  width: 92px;
}
#ccgsaven {
  width: 200px;
}

#calendar2-body .nc2-seg1-inner .nc2-claimshort {
  left: 42%;
  border-top-left-radius: 6px;
}

#calendar2-body .nc2-cell .nc2-text {
  top: 5%;
  z-index: 1000;
}
@media screen and (max-width: 479px) {
  #calendar2-body .nc2-cell .nc2-text {
    top: 5%;
    z-index: 1000;
  }
}

#calendar2-body .nc2-cell.nc2-empty .nc2-claimshort {
  display: none;
}

@media screen and (max-width: 680px) and (min-width: 498px) {
  #calendar2-body .nc2-cell .nc2-claimshort {
    border-radius: 2px;
    bottom: 0px;
    left: 0px;
    font-size: 9px;
    width: 16px;
    height: 11px;
    color: #2e2e2e;
  }
  #calendar2-body .nc2-seg1-inner .nc2-claimshort {
    left: 50%;
  }
}

@media screen and (max-width: 497px) {
  #calendar2-body .nc2-cell .nc2-claimshort {
    bottom: initial;
    top: 1px;
    left: 50%;
    color: #2e2e2e;
    width: 18px;
  }
  #calendar2-body .nc2-seg0-inner .nc2-claimshort {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  #calendar2-body .nc2-seg1-inner .nc2-claimshort {
    top: initial;
    bottom: 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  #calendar2-body .nc2-cell .nc2-note {
    left: 16px;
    top: 16px;
  }
}

@media screen and (min-width: 1280px) {
  #calendar2-date-claim {
    color: #555;
  }

  #ccgsave1 {
    float: left;
    width: 92px;
  }
  #ccgsaven {
    float: right;
    width: 200px;
  }
}
html.nc2-fixed-width #calendar2-date-claim {
  color: #555;
}
html.nc2-fixed-width #ccgsave1 {
  float: left;
  width: 92px;
}
html.nc2-fixed-width #ccgsaven {
  float: right;
  width: 200px;
}

@media screen and (max-width: 1279px) {
  html.nc2-dynamic-width #calendar2-buttons2 {
    left: -12px;
  }
  html.nc2-dynamic-width #calendar2-claim-group {
    width: 300px;
    margin-left: -10px;
  }
}

html.nc2-fixed-width #calendar2-note-edit {
  width: 320px;
}

.force-usel {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

#nc3workerstats,
#nc2-hourfund-div {
  font-size: 15px;
}

#nc3prejobs-div .nc3pjrow.vacation {
  background-color: #ffffff;
}
#nc3prejobs-div .nc3pjrow .info {
  font-size: 13px;
  padding-left: 20px;
  color: #bbb;
  font-weight: 500;
  font-style: italic;
}

#nc2-send-btn {
  position: relative;
}

#nc2-send-btn-img {
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 100;
  width: 30px;
  display: none;
}

#nc2-send-btn.btn-alert #nc2-send-btn-img {
  display: block;
}

.btn-alertx {
  position: relative !important;
}
.btn-alertx:after {
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 100;
  width: 30px;
  height: 26px;
  background: transparent url(../images/red-alert.png) no-repeat;
}

.btn-forbidden {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

#nc2-force-cnote-text {
  font-size: 13px !important;
  font-style: italic;
  color: #ae61ee;
}

.nc2-cell .nc2-seg0-wrap.nc2-selected,
.nc2-cell .nc2-seg1-wrap.nc2-selected {
  animation-duration: 1000ms;
  animation-name: nc2-selected-highlight;
  animation-iteration-count: infinite;
}

@keyframes nc2-selected-highlight {
  from {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.25);
  }
  to {
    filter: brightness(1);
  }
}

.nc2-cell[s0cvg="0"] .nc2-seg0-wrap.nc2-selected,
.nc2-cell[s1cvg="0"] .nc2-seg1-wrap.nc2-selected {
  background-color: rgb(200, 245, 245);
}

#calendar2-bottom #nc2-max-div .row {
  margin-right: 0px;
}
#calendar2-bottom #nc2-max-div .row .bootstrap-select {
  float: right;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed version, currently not supported by any browser */
}

.overline {
  text-decoration: overline;
}
.underline {
  text-decoration: underline;
}
.overunderline {
  text-decoration: overline underline;
}

.n-seg {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.d-seg {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.supa-2seg-span {
  position: absolute;
  left: 2px;
  top: 1px;
  font-size: 13px;
  font-weight: 700;
  background-color: rgba(255, 255, 235, 0.4);
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 8px;
  z-index: 10;
}

.supa-dp-span {
  position: absolute;
  left: 0px;
  top: 13px;
  font-size: 10px;
  font-weight: 700;
  background-color: rgba(247, 255, 0, 0.64);
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 8px;
  z-index: 10;
  padding-top: 1px;
}

/*
#workspace-table td.jobname-td {
    cursor: se-resize;
}
#workspace-table td.jobname-td:hover {
    opacity: 0.7;
}

#workspace-table td.jobname-td.deg90 {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    
    text-align: left;

    overflow-y: auto;
    overflow-x: auto;
    
    position: relative;
}

#workspace-table td.jobname-td.deg90 .jobname-td-div {
    transform: rotate(-90deg);
    transform-origin: 23px bottom;
    bottom: 29px;
    position: absolute;
    white-space: nowrap;
    overflow: auto;
}

#workspace-pre-headrow td.deg90 *,
#workspace-table td.plan-cell.deg90 *,
#workspace-table td.nedostupne.deg90 * {
    display: none !important;
}

#workspace-table td.plan-cell.deg90,
#workspace-pre-headrow td.deg90,
#workspace-table td.nedostupne.deg90 {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: inline-block !important;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;        
}
*/

@media screen and (min-width: 1280px) {
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-green {
    width: 66px !important;
  }
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-orange {
    width: 82px !important;
  }
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-red {
    width: 91px !important;
  }
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray {
    width: 61px !important;
  }
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {
    left: 27px !important;
  }
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-gico {
    left: 6px !important;
  }
}

/**/
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text,
#calendar2-buttons2.calendar2-exp-xbtn .nc2-gray .nc2-text {
  color: #fff;
  font-weight: 500;
  text-shadow:
    -1px -2px 2px rgba(0, 0, 0, 0.4),
    2px 1px 2px rgba(0, 0, 0, 0.4),
    1px -1px 1px rgba(0, 0, 0, 0.4),
    -1px 1px 1px rgba(0, 0, 0, 0.4);
  top: 3px !important;
  font-size: 12px;
  left: -3px !important;
  text-align: center;
  transform: scaleX(0.88);
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {
  left: -3px !important;
  transform: scaleX(0.85);
}
@media screen and (min-width: 1280px) {
  #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {
    left: -1px !important;
    transform: scaleX(0.9);
  }
}
#calendar2-buttons2.calendar2-exp-xbtn .nc2-gray .nc2-gico {
  /*    
  width: 15px;
  top: 4px !important;
  left: 2px !important;
*/
  width: 49px;
  top: -3px !important;
  left: 2px !important;
  filter: blur(2px);
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-gico {
  width: 45px;
  top: -2px !important;
  left: 4px !important;
  filter: blur(2px);
}
/*

width: 46px;
  top: -1px !important;
  left: 5px !important;
  opacity: 0.9;


width: 40px;
top: 1px !important;
left: 7px !important;
opacity: 0.9;

color: #fff;
text-shadow: -1px -2px 2px rgba(0,0,0,0.4), 2px 1px 2px rgba(0,0,0,0.4), 1px -1px 1px rgba(0,0,0,0.4), -1px 1px 1px rgba(0,0,0,0.4);
text-shadow: -1px -2px 2px rgba(0,0,0,0.6), 2px 1px 2px rgba(0,0,0,0.6), 1px -1px 1px rgba(0,0,0,0.6), -1px 1px 1px rgba(0,0,0,0.6);
text-shadow: -1px -2px 2px rgba(0,0,0,0.4), 2px 1px 2px rgba(0,0,0,0.4), 1px -1px 1px rgba(0,0,0,0.4), -1px 1px 1px rgba(0,0,0,0.4);

*/

.wheel-icon {
  position: relative;
  display: inline-block;
  float: left;
  height: 24px;
  max-height: 24px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  z-index: 2;
  background-image: url(../images/ico-wheel-24a.png);
  color: #048707;
  padding-left: 30px;
  font-size: 16px;
}
.wheel-icon:hover {
  background-position: 0px -24px;
  color: #5ea860;
}

.wheel-icon-blue16 {
  position: relative;
  display: inline-block;
  float: left;
  height: 16px;
  max-height: 16px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0px -32px;
  cursor: pointer;
  z-index: 2;
  background-image: url(../images/ico-wheel-16.png);
  color: #346499;
  padding-left: 20px;
  font-size: 15px;
}
.wheel-icon-blue16:hover {
  background-position: 0px 0px;
  color: #048707;
}

.short-div {
  text-align: left;
  height: 24px;
  min-width: 25px;
  border: 1px solid rgba(120, 120, 120, 0.3);
  margin: 0px;
  padding: 0px;
  top: 0px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  clear: none;
  font-family: "Fira Sans", sans-serif;
  display: inline-table;
  /*    
    display: -webkit-inline-box;
    width: 25px;
    max-width: 25px;
*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.short-div {
  display: block;
  width: 25px;
  height: 25px;
  clear: none;
  float: left;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0);
}

.short-main {
  position: relative;
  font-size: 21px;
  font-weight: 700;
  margin-right: 2px;
  top: 1px;
  line-height: 0.8;
  left: 2px;
  z-index: 2;
  display: inline-block;
  max-width: 25px;
  /*
    max-width: 21px;
    max-width: 25px;
    min-width: 24px;
    */
}
.short-index {
  display: inline-block;
  position: relative;
  font-size: 10px;
  font-weight: 500;
  font-style: italic;
  /*    
    top: 6px;
    left: -2px;
*/
  top: 7px;
  left: -4px;
  margin-right: 0px;
  /*    
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    top: 4px;
    left: -1px;
    margin-right: 2px;
*/
  z-index: 3;
  max-width: 24px;
}
.short-div.short-sub .short-main {
  /*
    top: -1px;
    font-size: 16px;
    */
  font-size: 15px;
  top: -1px;
}
.short-div.short-sub .short-index {
  position: absolute;
  left: auto;
  right: 3px;
  top: 12px;
  font-size: 9.3px;
}
.short-div.short-single .short-main {
  font-size: 21px;
  left: 6px;
  top: 3px;
}
.short-div.short-tri .short-main {
  font-size: 11px;
}

.jobname-jobico {
  float: left;
  margin-left: 6px;
  top: -2px;
  position: relative;
}

.wtable-jobico {
  margin-left: -6px;
  margin-right: -8px;
}

.jobrow-shorts-div,
.rjobrow-shorts-div {
  padding-right: 6px;
  height: 1px;
  float: left;
}
.rjob-timeinfo {
  font-size: 9.5px;
  font-style: italic;
  color: #c0c0c0;
  font-weight: 500;
  margin-left: 14px;
  position: absolute;
  top: 26px;
  left: 41px;
}

.job-timeinfo {
  font-size: 9.5px;
  font-style: italic;
  color: #c0c0c0;
  font-weight: 500;
  margin-left: 14px;
  position: absolute;
  top: 27px;
  left: 104px;
}
#main-tbody.segnum1 .job-timeinfo {
  left: 38px;
}

.jrow-jobico {
  /*margin-right: 6px;    */
}

.opacity01 {
  opacity: 0.11 !important;
}
.opacity02 {
  opacity: 0.2 !important;
}

.lockmask-head div {
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
}

.tooltip-small {
  font-size: 10px;
  font-style: italic;
  font-weight: 700;
  color: #999;
}

#rjobhidediv {
  opacity: 0.4;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  background-color: #113377;
}

#rjobsetdiv {
  position: fixed;
  display: table;
  border: 2px solid #3060a0;
  background-color: #f7fff7;
  z-index: -100;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80%;
  width: 1000px;
  cursor: default;
}

#rjobsetdiv h4 {
  margin-top: 3px;
  margin-bottom: 4px;
  white-space: nowrap;
  padding-right: 12px;
}

#setrjob-caption-name {
  display: inline-block;
  margin-top: 4px;
  font-weight: 700;
  font-size: 19px;
  color: #555;
}
#setrjob-pt {
  font-size: 11px;
  font-style: italic;
  color: #92bff1;
  position: absolute;
  top: 26px;
  left: 4px;
}
#setrjob-wh {
  font-size: 11px;
  font-style: italic;
  color: #d0d0d0;
  position: absolute;
  top: 26px;
  left: 110px;
}

#setrjob-note {
  margin-left: 8px;
  font-size: 14px;
  color: #19447f;
  background-color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 6px;
  border: 1px solid #19447f;
  top: -27px;
  position: relative;
  white-space: normal;
  display: inline-block;
  max-width: 620px;
}

#setrjob-caption-date {
  margin-top: 5px;
  float: left;
}

#setrjob-main .setrjobitem.unsuitable {
  background-color: #fff;
  opacity: 0.35;
}
#setrjob-main .setrjobitem.unavailable {
  background-image: url(../images/nedostupne-bg.jpg);
  pointer-events: none;
  cursor: default;
  opacity: 0.45;
}
#setrjob-main .setrjobitem.suitable {
  background-color: #e2ffd7;
}
#setrjob-main .setrjobitem.normal {
  background-color: rgb(248, 255, 234);
}
#setrjob-main .setrjobitem:hover {
  background-color: #beee70;
}

#setrjob-main {
  position: relative;
  display: inline-block;
  width: 100%;
  border-top: 2px;
  border-top-color: #3060a0;
  border-top-style: solid;
  margin-top: 8px;
  padding-top: 4px;
  background-color: #effdff;
}

#setrjob-main-info {
  position: relative;
  color: #888;
  font-size: 12px;
  font-style: italic;
  margin-top: 7px;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: -9px;
}

#setrjob-title {
  display: block;
  clear: both;
  font-size: 18px;
  font-weight: 500;
  margin-left: 26px;
  margin-bottom: 16px;
}
#setrjob-main .setrjobitem {
  width: 33.3%;
  height: 26px;
  min-height: 26px;
  float: left;
  cursor: pointer;
  background-color: #e8faff;
  color: rgb(10, 125, 181);
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#setrjob-main > div.setrjobitem:nth-child(odd) {
  background-color: #effdff;
}
#setrjob-main .setrjobitem:hover {
  background-color: #a2f4ff !important;
}
#setrjob-main > div.setrjobitem.selected {
  background-color: #ffff99;
  opacity: 1;
}
#setrjob-main > div.setrjobitem.selected:hover {
  background-color: #feff00 !important;
  opacity: 1;
}

#setrjob-main .setrjobitem-info {
  font-style: italic;
  font-weight: 400;
  font-size: 10px;
  color: #aaa;
}

#setrjob-head {
  display: inline-block;
  width: 100%;
  padding-bottom: 0px;
  padding-top: 4px;
  background-color: rgb(229, 241, 253);
  border-bottom: 2px;
  border-bottom-color: #3060a0;
  border-bottom-style: solid;
  color: rgb(10, 125, 181);
}

#setrjob-headtitle {
  clear: both;
  font-size: 18px;
  font-weight: 500;
  margin-left: 38px;
}

#setrjob-headitem {
  position: absolute;
  bottom: -6px;
  display: inline-block;
  height: 26px;
  min-height: 26px;
  font-size: 15px;
  right: 8px;
}

#setrjob-freediv {
  display: block;
  float: right;
  cursor: pointer;
  padding-right: 8px;
  height: 16px;
  margin-top: 3px;
}
#setrjob-freediv:hover {
  opacity: 0.7;
}
#setrjob-freediv span,
#setrjob-freeopt span {
  color: #777;
  font-style: italic;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: -3px;
}
#setrjob-freeopt {
  padding-top: 3px;
  padding-left: 4px;
}

.ico-gray {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(../images/smile-gray.png) no-repeat center center;
}

#short-div-setrjob-iconow {
  top: -3px;
}

.d3btngroup {
  border: 2px solid rgb(208, 230, 246);
  background-color: rgb(208, 230, 246);
  border-radius: 24px;
  /*height: 32px;*/
  padding: 0px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed version, currently not supported by any browser */
}
.d3btngroup .d3option {
  color: rgb(10, 125, 181);
  border-radius: 24px;
  height: 28px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 4px;
  /*    vertical-align: middle;*/
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.d3btngroup .d3option:hover,
.d3btngroup .d3option.selected {
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 12px -2px rgba(124, 124, 124, 1);
  -moz-box-shadow: 3px 3px 12px -2px rgba(124, 124, 124, 1);
  box-shadow: 3px 3px 12px -2px rgba(124, 124, 124, 1);
}
.d3btngroup .d3option.selected {
  cursor: default;
  pointer-events: none;
}
.d3btngroup .d3option.multi,
.d3btngroup .d3option.switch {
  cursor: pointer;
  pointer-events: all;
}

.d3btngroup .d3option.disabled {
  opacity: 0.19;
  cursor: default;
  pointer-events: none;
}

.d3btngroup.medium-size .d3option,
.d3btngroup.small .d3option {
  padding-left: 9px;
  padding-right: 9px;
  font-size: 14px;
}

.d3option-checkbox-ico {
  margin-bottom: 0px;
  margin-right: 2px;
  width: 20px;
  height: 19px;
  /*float: left;*/
  background: transparent url(../images/checkbox-sprite.png) no-repeat;
  vertical-align: top;
  display: inline-block;
  position: relative;
  /*top: -6px;*/
  z-index: 1;
}
.semi-selected .d3option-checkbox-ico {
  background-position: 0px -19px;
  opacity: 0.4;
}
.selected .d3option-checkbox-ico {
  background-position: 0px -19px;
}

.d3btngroup.small .d3option {
  height: 18px;
  line-height: 0.6;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}
.d3btngroup.small .d3option-checkbox-ico {
  top: -5px;
}

#tab2 #notetable-body.ntwidth3 .notesum .btn,
#tab2 #notetable-body.ntwidth4 .notesum .btn,
#tab1 #notetable-body.ntwidth3 .notesum .btn,
#tab1 #notetable-body.ntwidth4 .notesum .btn {
  line-height: 1;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

#notetable-filter {
  position: absolute;
  top: -2px;
  left: 377px;
  white-space: normal;
}
#notetable-body.ntwidth3 #notetable-filter,
#notetable-body.ntwidth4 #notetable-filter {
  top: -20px;
  max-width: 256px;
  left: 361px;
}
#notetable-body-wrap.no-rjob #notetable-body.ntwidth3 #notetable-filter,
#notetable-body-wrap.no-rjob #notetable-body.ntwidth4 #notetable-filter {
  max-width: 190px;
}

#main-tbody.no-job-times .job-timeinfo {
  display: none;
}

.pointer-events-none {
  pointer-events: none !important;
  cursor: pointer !important;
}

#workspace-headrow td,
#workspace-headsegrow td {
  white-space: nowrap;
}
#workspace-headsegrow td span,
#workspace-headsegrow td .short-div {
  float: none;
  display: inline-table;
}

#workspace-headrow td {
  position: relative;
}
#workspace-headrow td span.empty {
  padding-left: 19px;
}
#workspace-headrow td .short-div {
  position: absolute;
  z-index: 1;
  left: 7px;
}

/*
#workspace-headrow td span, #workspace-headrow td .short-div {
    float: none;
    display: inline-table;    
}
#workspace-headrow .short-div {
    margin-left: -4px;
    margin-right: 0px;
}
#workspace-headrow .jobname-td-div {    
    text-align: center;
    max-width: 100%;
}
*/

#workspace-table .showjobtimes1 {
  position: relative;
  top: -3px;
}
#workspace-headrow .showjobtimes1 {
  top: -9px;
}
#workspace-table .showjobtimes0 .workspace-head-jobtime {
  display: none;
}
#workspace-table .showjobtimes1 .workspace-head-jobtime {
  position: absolute;
  left: 0px;
  top: 15px;
  color: #c0c0c0;
  font-style: italic;
  font-size: 9.5px;
  font-weight: 500;
}
#workspace-headrow .showjobtimes1 .workspace-head-jobtime {
  left: 20px;
}

#stats-table {
  background-color: #fff;
}

#stats-table .stats-cell.zero {
  color: #e0e0e0;
}

#workspace-table.thin-td tr td:not(:first-child),
#workspace-table.thin-td tr td:not(:first-child) .width-limit-normal {
  min-width: 75px !important;
  max-width: 75px !important;
}
#workspace-table.thin-td #workspace-headrow td:not(:first-child),
#workspace-table.thin-td #workspace-headsegrow td:not(:first-child),
#workspace-table.thin-td #workspace-pre-headrow td:not(:first-child) {
  overflow: hidden;
}
#workspace-table.thin-td tr td:not(:first-child) .plan-cell-wrap {
  display: block;
}
#workspace-table.thin-td tr td:not(:first-child) .plan-cell-div {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 2px;
  margin-left: 20px;
  font-size: 12px;
}

#workspace-top-div {
  position: absolute;
  z-index: 4;
  right: 118px;
  top: -34px;
}
/*
#workspace-top-div {
    padding-top: 20px;
    text-align: right;    
    width: 100%;
}
#workspace-table-wrap.spec-wt2 #workspace-top-div {
    position: absolute;
    margin-top: -45px;
    margin-left: -41px;    
}
*/

.select-white-hover li a:hover,
.select-white-hover li a:hover span,
.select-white-hover li.selected a,
.select-white-hover li.selected a span {
  color: #fff !important;
}

.helpico20 {
  width: 20px;
  height: 20px;
  position: relative;
  top: -10px;
  left: -4px;
}

#workspace-headrow td,
#workspace-headsegrow td {
  overflow: hidden;
}

#short-div-setworker {
  line-height: 0.7;
}

#top-fs-img:hover {
  opacity: 1 !important;
}

.tranqulity-warn-level3 {
  color: orange;
}
.tranqulity-warn-level2 {
  color: orange;
}
.tranqulity-warn-level1 {
  color: #ff249e;
}
.tranqulity-warn-level0 {
  color: red;
}

.login-reject1 {
  background-color: rgba(255, 0, 0, 0.2);
}

.forced-transparent-color {
  color: rgba(255, 255, 255, 0) !important;
}
input.forced-transparent-color:-webkit-autofill {
  -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
}
input.forced-transparent-color:-webkit-autofill,
input.forced-transparent-color:-webkit-autofill:hover,
input.forced-transparent-color:-webkit-autofill:focus,
input.forced-transparent-color:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.notetable-dtype {
  position: absolute;
  top: -50%;
  font-weight: 500;
  font-style: italic;
  font-size: 72%;
}

.notehead-weekend {
  color: #30cbdc;
}
.notehead-holi {
  color: #d837d8;
}

#rjob-timerow .rjob-stnd.selected {
  background-color: #ffff99;
}
#rjob-timerow .rjob-stnd,
#rjob-timerow-today .rjob-today {
  padding-bottom: 8px;
  padding-top: 8px;
}

.se-tr-segname {
  position: absolute;
  z-index: 10;
  left: 4px;
  top: 10px;
  pointer-events: none;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 76px;
  text-overflow: ellipsis;
}
.se-tr-seg-del {
  position: absolute;
  z-index: 10;
  top: 6px;
  left: 78px;
}
.se-hiddencell {
  width: 0px;
  position: relative;
}

.search-div {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  width: 220px;
  top: -2px;
}
.search-div input {
  padding-left: 38px;
  padding-right: 32px;
}
.search-div-ico {
  position: absolute;
  left: 8px;
  top: 6px;
  z-index: 10;
  /*https://www.iconsdb.com/black-icons/search-3-icon.html*/
}
.search-div-count {
  position: absolute;
  left: 6px;
  top: 22px;
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  color: rgb(90, 90, 90);
  z-index: 11;
}
.search-selected {
  background-color: rgb(255, 255, 153) !important;
}
.search-div-close {
  position: absolute;
  right: 4px;
  top: 5px;
  transform: scale(0.8);
  z-index: 10;
  opacity: 0.55;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  cursor: pointer;
}
.search-div-close:hover {
  opacity: 0.8;
}
.sticky-bottomshadow {
  box-shadow: none !important;
}
.sticky-bottomshadow.sticky-now {
  box-shadow:
    inset 0 0 0 0,
    inset 0 -2px 0 rgba(0, 0, 0, 0.3) !important;
}

#qwrk-div .workgrouptag {
  position: relative;
}
#qwrk-div .workgrouptag.wgtag-100::after,
#qwrk-div .workgrouptag.wgtag-50::after,
#qwrk-div .workgrouptag.wgtag-1::after {
  content: " ";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 39%;
  top: -10px;
  background-color: #00d700;
  border-radius: 10px;
}
#qwrk-div .workgrouptag.wgtag-50::after {
  background-color: #ffe300;
}
#qwrk-div .workgrouptag.wgtag-1::after {
  background-color: #e8f1ff;
}

html.dev-server {
  /*    
    border-bottom: 8px solid #8fee2f;
    border-top: 8px solid #8fee2f;
    border-left: 4px solid #8fee2f;
    border-right: 4px solid #8fee2f;    
*/
}
html.dev-server::after {
  content: "DEV";
  font-size: 20px;
  font-weight: 700;
  padding-top: 53px;
  text-indent: 6px;
  color: #8fee2fb7;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  border-bottom: 8px solid #8fee2f97;
  border-top: 8px solid #8fee2f97;
  border-left: 8px solid #8fee2f97;
  border-right: 8px solid #8fee2f97;
  pointer-events: none;
}

html.stage-server::after {
  content: "STAGE";
  font-size: 20px;
  font-weight: 700;
  padding-top: 53px;
  text-indent: 6px;
  color: #f97316b7;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  border-bottom: 8px solid #f9731697;
  border-top: 8px solid #f9731697;
  border-left: 8px solid #f9731697;
  border-right: 8px solid #f9731697;
  pointer-events: none;
}

#xrabbit {
  position: absolute;
  left: 4px;
  bottom: -17px;
  font-size: 20px;
  cursor: pointer;
  transition:
    bottom 0.4s linear,
    opacity 0.4s linear;
  opacity: 0.1;
}

#xrabbit:hover {
  bottom: 15px;
  opacity: 1;
}

#xgoat {
  position: absolute;
  left: 546px;
  bottom: -19px;
  font-size: 20px;
  cursor: pointer;
  transition:
    bottom 0.4s linear,
    opacity 0.4s linear,
    font-size 0.4s linear;
  opacity: 0.07;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#xgoat:hover {
  font-size: 28px;
  bottom: 10px;
  opacity: 1;
}

#xbat {
  position: absolute;
  right: -7px;
  transform: rotate(540deg) scale(0.5);
  top: -16px;
  font-size: 30px;
  cursor: pointer;
  transition:
    transform 0.25s linear,
    top 0.3s linear,
    right 0.25s linear,
    opacity 0.4s linear;
  opacity: 0.09;
  z-index: 1020;
}
#xbat:hover {
  top: 0px;
  right: 2px;
  transform: rotate(0deg) scale(1);
  opacity: 1;
}

#xgv {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99998;
  opacity: 1;
  pointer-events: all;
  cursor: zoom-out;
  transition: opacity 0.8s linear;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.93);
}
#xgv.zero-opacity {
  pointer-events: none;
  cursor: initial;
}

#table2-jobs {
  color: #346499;
}
#table2-jobs td {
  position: relative;
}
#table2-jobs .clickable {
  cursor: pointer;
}

.table2-jobs,
.tbody2-jobs {
  position: relative;
}
.table2-jobs tr:hover {
  background-color: inherit;
}
.d2highlight {
  background-color: #ffc;
  padding: 3px;
  border-radius: 12px;
}
.table2-jobs tr th {
  width: 2.5%;
  text-align: center;
}
table.table2-jobs tr th {
  border-bottom: 2px solid #30cbdc;
}
table.table2-jobs tr th.htype1,
table.table2-jobs tr th.htype3 {
  border-bottom: 2px solid #d837d8;
}
table.table2-jobs tr th.htype0 {
  border-bottom: 2px solid #c4c4c4;
}
.table2-jobs tr th:first-child {
  text-align: left;
  min-width: 255px;
  max-width: 500px;
  border-bottom: none;
}
.jh-on .table2-jobs tr td:first-child {
  height: 37px !important;
}
table.table2-jobs tr:last-child td:first-child {
  border-bottom: none;
}

table.table2-jobs .td2-jobs .tinfo {
  display: block;
  font-size: 10px;
  line-height: 1.27;
  color: #ea1357;
  clear: both;
}
table.table2-jobs .d2-daytype,
#d2wmain .d2-daytype {
  font-size: 10px;
  font-style: italic;
  color: #30cbdc;
}
table.table2-jobs .d2-daytype.htype1,
#d2wmain .d2-daytype.htype1,
table.table2-jobs .d2-daytype.htype3,
#d2wmain .d2-daytype.htype3 {
  color: #d837d8;
}
table.table2-jobs .d2-daytype.htype0,
#d2wmain .d2-daytype.htype0 {
  color: #c4c4c4;
}

table.table2-jobs .th2-jobs {
  color: #30cbdc;
}
table.table2-jobs .th2-jobs.htype1,
table.table2-jobs .th2-jobs.htype3 {
  color: #d837d8;
}
table.table2-jobs .th2-jobs.htype0 {
  color: #777;
}

table.table2-jobs .td2-jobs .tinfo.r1 {
  position: absolute;
  left: 1px;
  top: 2px;
  min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r2 {
  position: absolute;
  top: 14px;
  left: 4px;
  min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r3 {
  position: absolute;
  top: 26px;
  left: 2px;
  line-height: 1;
  min-width: 15px;
}

table.table2-jobs .td2-jobs.unavail0 {
  border: 1px solid #77bc79;
  /*
    border-left: 1px solid rgba(0,255,0,0.25);
    border-right: 1px solid rgba(0,255,0,0.25);
    */
  background-color: #bbeebb;
  background-image: url(../images/small-check-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.jh-on table.table2-jobs .td2-jobs.unavail0 {
  background-image: url(../images/small-check-icon.png);
  background-position: bottom right;
}

table.table2-jobs .td2-jobs.unavail0:hover {
  background-color: #ccffaa;
}
table.table2-jobs .td2-jobs.unavail1 {
  border: 1px solid #dd8f8f;
  /*
    border-left: 1px solid rgba(255,0,0,0.25);
    border-right: 1px solid rgba(255,0,0,0.25);    
    */
  background-color: #eebbbb;
  background-image: url(../images/small-false-icon.png);
  background-position: center;
  background-repeat: no-repeat;
}
table.table2-jobs .td2-jobs.unavail1:hover {
  background-color: #ffccaa;
}
table.table2-jobs .td2-jobs.unavail1 .tinfo {
  display: none;
}

table.table2-jobs .td2-jobs.unavail0.d2standard .tinfo {
  color: #57b15a;
}

.top-left-seginfo {
  position: absolute;
  left: 1px;
  top: 0px;
}

table.table2-jobs .td2-empty {
  position: relative;
  background: none;
  border: none;
  width: 4px;
  background-color: white !important;
}

.tr2-jobs .delete-icon {
  padding-left: 14px;
  width: 0px;
  height: 16px;
  position: relative;
  left: 13px;
  cursor: pointer;
}

.d2backlight {
  background-color: #ffb;
  color: red !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.d2jobs-monogram {
  border-radius: 6px;
  position: absolute;
  max-height: 30px;
  margin: auto;
  top: 2px;
  right: -1px;
  /*
    bottom: 0;
    left: 0;
    */
  z-index: 402;
  opacity: 0.65;
}

#table2-jobs[mode-monograms="-1"] .d2jobs-monogram {
  display: none;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] td.td2-jobs.td2day {
  height: 56px;
}
#table2-jobs[mode-monograms="0"] .td2-jobs.unavail1,
#table2-jobs[mode-monograms="1"] .td2-jobs.unavail1 {
  opacity: 0.35;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] .td2-jobs.unavail1 {
  background-position-y: 34px;
}
#table2-jobs[mode-monograms="1"] .d2jobs-monogram {
  margin: 0px;
  top: inherit;
  bottom: 0px;
  opacity: 1;
}
#table2-jobs[mode-monograms="0"][mode-clocks="1"] .d2jobs-monogram {
  pointer-events: none;
}

#table2-jobs[mode-monograms="-1"][mode-clocks="0"]
  td.td2day.unavail0:not(.gunavail)::after {
  content: "*";
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: red;
  font-size: 10px;
  font-size: 12px;
  height: 10px;
  width: 8px;
}

.d2jobs-jh-div {
  font-size: 13px;
  color: #68af68;
  position: absolute;
  left: 42px;
  top: 18px;
  height: 18px;
  width: 100%;
}

#table2-jobs .gunavail .tinfo {
  color: #78bf78;
}

.d2jobs-jh {
  position: relative;
  display: inline-block;
  font-style: italic;
  cursor: text;
  width: 35px;
}
.d2jobs-jh:hover {
  color: #ff530e;
}
#table2-jobs .tinfo:hover {
  color: #000080;
  /*#ff530e;*/
}

.d2jobs-jh-3 {
  width: 30px;
  position: absolute;
  bottom: 0px;
  left: 85px;
}
.d2jobs-jh-0 {
  display: inline-block;
  font-style: italic;
  color: #a7a7a7;
  position: absolute;
  bottom: 0px;
  right: 49px;
  font-size: 10px;
}
.d2jobs-jh-0:after {
  content: " h";
}
.d2jobs-jh-3:before {
  content: "p";
}

.d2jobs-ginfo {
  position: relative;
  display: inline-block;
  color: #f87800;
  position: absolute;
  left: 124px;
  top: 4px;
  font-style: italic;
  font-size: 8.5px;
  cursor: pointer;
}
.d2jobs-ginfo:hover {
  opacity: 0.75;
}

#jobs2-top-left {
  min-width: 280px;
}

#table2-jobs .tinfo {
  z-index: 310;
  background-color: rgba(240, 255, 210, 0.4);
  cursor: text;
}
#table2-jobs .tinfo:hover {
  background-color: rgba(255, 255, 238, 1);
}

#d2setjob-main .jhinput-editable:after {
  content: " ";
  position: absolute;
  width: 140%;
  height: 160%;
  left: -20%;
  top: -30%;
  z-index: 309;
}

#d2setjob-main .jhinput-editable {
  z-index: 310;
  cursor: text;
  position: relative;
}
#d2setjob-main .jhinput-editable:hover {
  background-color: rgba(255, 255, 238, 1);
  color: #000080;
}

#d2setjob-main .jhinput-editable[jhix="3"]:before {
  content: "p";
}

#jh-inplace {
  display: inline-block;
  position: absolute;
  z-index: 10000;
  left: -10%;
  top: -5%;
  min-width: 30px;
  min-height: 14px;
  width: 130%;
  height: 115%;
  border: 1px solid red;
  text-indent: 2px;
  margin: 0px;
  padding: 0px;
  color: red;
  background-color: #ccddff;
  overflow: hidden;
  -ms-overflow-style: none;
}

.d2-deletetwo {
  position: absolute !important;
  bottom: -14px;
  z-index: 2;
}

.setback-icon {
  position: relative;
  display: inline-block;
  float: left;
  height: 24px;
  max-height: 24px;
  width: 24px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  z-index: 2;
  background-image: url(../images/icosetback24.png);
}
.setback-icon:hover {
  background-position: 0px -24px;
}

#table2-jobs[mode-clocks="0"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="-1"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="0"] .td2-jobs .tinfo,
#table2-jobs[mode-clocks="-1"] .td2-jobs .tinfo {
  display: none;
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail0 {
  background-position: center;
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail1 {
  background-position-y: center;
}
#table2-jobs[mode-clocks="-1"] .td2-jobs.td2day {
  background-color: transparent;
  background-image: none;
  border-color: #eee;
}

#table2-jobs[mode-clocks="0"] tr td:first-child,
#table2-jobs[mode-clocks="-1"] tr td:first-child {
  height: 26px !important;
}
#table2-jobs[mode-clocks="0"] .d2jobs-monogram,
#table2-jobs[mode-clocks="-1"] .d2jobs-monogram {
  height: 25px !important;
  min-height: 25px !important;
  opacity: 1;
  top: 0px;
  right: 0px;
  border: none;
  padding-top: 2px;
  border-radius: 0px;
  width: 100%;
}

#table2-jobs[mode-mouseover="1"] .th2-jobs.selected {
  background-color: red !important;
  color: #96f5ff !important;
  border-color: #fff !important;
  opacity: 1;
  transform-origin: center;
  transform: scale(1.16);
  -webkit-box-shadow: 0px 0px 8px 2px #ff0000;
  box-shadow: 0px 0px 8px 2px #ff0000;
  z-index: 1000;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span {
  color: #96f5ff !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span.htype0,
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.htype0 {
  color: white !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.multiselected {
  background-color: #f700ff !important;
}
#table2-jobs[mode-mouseover="0"] .th2-jobs.selected {
  border: 1px solid #f00 !important;
  border-left: 4px solid #f00 !important;
  border-right: 4px solid #f00 !important;
  opacity: 1;
}
#table2-jobs[mode-mouseover="1"] .d2jobs-monogram.selected {
  background-color: red !important;
  color: white !important;
  border-color: #fff !important;
  opacity: 1;
  transform-origin: center;
  transform: scale(1.16);
  -webkit-box-shadow: 0px 0px 8px 2px #ff0000;
  box-shadow: 0px 0px 8px 2px #ff0000;
  z-index: 1000;
}
#table2-jobs[mode-mouseover="0"] .d2jobs-monogram.selected {
  border: 1px solid #f00 !important;
  border-left: 4px solid #f00 !important;
  border-right: 4px solid #f00 !important;
  opacity: 1;
}
#table2-jobs[mode-mouseover="0"][mode-clocks="0"] .d2jobs-monogram.selected,
#table2-jobs[mode-mouseover="0"][mode-clocks="-1"] .d2jobs-monogram.selected {
  padding-top: 1px;
}

#table2-jobs .d2jobs-dayborder {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 255, 255, 0.4);
  pointer-events: none;
}
#table2-jobs[mode-jhdays="-1"] .d2jobs-dayborder {
  display: none;
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder {
  z-index: 350;
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder {
  z-index: 3000;
  background-color: rgba(0, 255, 255, 0.5);
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype3 {
  background-color: rgba(240, 120, 255, 0.4);
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype3 {
  background-color: rgba(240, 120, 255, 0.5);
}
#table2-jobs .d2jobs-dayborder.htype0 {
  background: none;
}

#table2-jobs .tr2-jobs.selected td {
  background-color: rgba(255, 235, 0, 0.3) !important;
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 {
  background-position: bottom right !important;
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 .d2jobs-monogram {
  display: none;
}

.small-section-name {
  font-size: 12px;
  font-style: italic;
  color: #bbb;
}

.table2 .td2,
.table2 .th2 {
  padding: 0px;
}

.td2-jobs-first {
  position: relative;
  /*padding-left: 18px !important;    */
}

.td2-jobs-first .moveud-icon {
  position: absolute;
  top: 4px;
  left: -16px;
}
.td2-jobs-first .roll-icon {
  width: 16px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  /*
    bottom: 1px;
    left: 0px;
    */
  bottom: -2px;
  left: 30px;
  opacity: 0.5;
}

.td2day {
  position: relative;
}

#history-timetables-div {
  opacity: 0.23;
}
#history-timetables-div:hover {
  opacity: 1;
}
.history-timetable-export {
  float: right;
  margin-right: 0px;
}
.history-timetable-delete {
  float: right;
  margin-right: 75px;
}
#history-timetables-div .col-xs-4:hover {
  background-color: #ffc;
}
#history-timetables-div .col-xs-4:nth-child(3n + 1) a.calendar-icon {
  margin-left: -8px;
}
#history-timetables-div .col-xs-4:nth-child(3n + 2) a.calendar-icon {
  margin-left: 8%;
}
#history-timetables-div .col-xs-4:nth-child(3n + 2) .history-timetable-delete {
  margin-right: 15px;
}
#history-timetables-div .col-xs-4:nth-child(3n + 3) a.calendar-icon {
  margin-left: 20%;
}
#history-timetables-div .col-xs-4:nth-child(3n + 3) .history-timetable-delete {
  margin-right: 15px;
}

#history-timetables-div .col-xs-4:hover .history-timetable-export,
#history-timetables-div .col-xs-4:hover .history-timetable-delete {
  opacity: 1 !important;
}

#live-timetables-row tr:hover {
  background-color: #ffc;
}

.err-msg-abs {
  position: absolute;
  top: -14px;
  z-index: 30;
  white-space: nowrap;
}
.err-msg-div {
  color: red;
  font-size: 11.5px;
  font-style: italic;
  text-shadow:
    -1px -2px 2px #fff,
    2px 1px 2px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    -3px -2px 2px #fff,
    3px 2px 2px #fff,
    2px -2px 1px #fff,
    -2px 2px 1px #fff;
  pointer-events: none;
}
/*
#ewf-parttime-common-div {
    position: absolute;
    z-index: 20;
    top: -16px;
    left: 0px;
    width: 600px;
    white-space: nowrap;
    padding-left: 135px;
    padding-right: 0px;
}
#ewf-parttime-common-div > span {
    font-size: 10px;
    font-style: italic;    
    float: left;
    margin-left: 1px;
    margin-bottom: 2px;
    margin-right: 1px;
    padding-left: 0px;
    padding-right: 3px;
    background-color: rgba(18, 162, 18, 0.2);
    border: 1px solid #5ea860;
    border-radius: 5px;   
    line-height: 1.1;
    padding-top: 2px;    
}
#ewf-parttime-common-div > span:hover {
    border: 1px solid #ffe409;
    background-color: rgba(253, 230, 44, 0.2);
}
*/

#ewf-parttime-common-div {
  width: 65px;
  top: 0px;
  left: 115px;
  z-index: 1000;
}
.input-options {
  position: absolute;
  min-width: 50px;
  color: #555555;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #555555;

  /*    
    color: #555555;
    border: 1px solid #346499;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);        */
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-color: #fff;
}
.input-options > span {
  display: block;
  width: 100%;
  height: 24px;
  font-weight: 500;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.input-options > span:hover {
  background-color: #346499;
  color: #fff;
}

.date135 {
  background-position: 105px 8px;
  width: 135px;
  display: inline-block;
}

.ewf-ym-nonuniform {
  position: absolute;
  color: orange;
  cursor: pointer;
  font-size: 11px;
  font-style: italic;
  left: 15px;
  top: 26px;
  white-space: nowrap;
  z-index: 30;
}
.ewf-ym-nonuniform:hover {
  opacity: 0.6;
}

.ewf-nonuni-from {
  float: left;
  width: 140px;
  font-size: 16px;
  font-style: italic;
  text-align: right;
}
.ewf-nonuni-to {
  padding-left: 8px;
  padding-right: 8px;
  float: left;
  text-align: left;
  width: 180px;
  font-size: 16px;
  font-style: italic;
}
.ewf-nonuni-def {
  padding-left: 160px;
  padding-right: 8px;
  float: left;
  text-align: left;
  font-size: 17px;
  width: 320px;
}
.ewf-nonuni-val {
  float: right;
  text-align: right;
  width: 60px;
  font-size: 16px;
  font-weight: 500;
  color: #ff18af;
}
.mode-div-4 hr,
.mode-div-1 hr,
.mode-div-0 hr {
  opacity: 0;
}

.wrk-minifund {
  position: absolute;
  top: 24px;
  left: -1px;
  font-size: 9px;
  color: #989898;
  width: 20px;
  white-space: nowrap;
  text-align: center;
}

#editWorkerModal .col-xs-6.form-group .row .form-group {
  margin-bottom: 4px;
}

#ewf-wrap-parttime {
  position: relative;
  margin-bottom: -15px;
}
#ewf-wrap-parttime .bootstrap-select,
#ewf-wrap-parttime .calendar-icon-dark,
#ewf-wrap-overtime .bootstrap-select,
#ewf-wrap-overtime .calendar-icon-dark {
  background-color: white;
}
#editWorkerModal #ewf-wrap-parttime::before {
  content: " ";
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -0.5%;
  background-color: rgba(0, 171, 255, 0.055);
  z-index: 0;
}

#ewf-wrap-overtime {
  position: relative;
  margin-bottom: 10px;
}

#editWorkerModal #ewf-wrap-overtime::before {
  content: " ";
  width: 101%;
  height: 110%;
  position: absolute;
  top: 0px;
  left: -0.5%;
  background-color: rgba(255, 187, 0, 0.04);
  z-index: 0;
}

.ewf-overtime-y-info {
  font-size: 10px;
  font-style: italic;
  color: #d0d0d0;
  margin-left: 3px;
  font-weight: 500;
  position: relative;
  top: 12px;
  left: -16px;
  margin-right: -21px;
}

.small-form label.control-label {
  font-size: 13px;
  padding-top: 0px;
}
.small-form input {
  font-size: 15px;
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
}

#rjob-direct-fundi-div button.selectpicker.btn-default {
  padding-left: 21px;
}
#rjob-direct-fundi-div ul li a {
  padding-left: 23px;
}

#rjob-jobcrow {
  position: relative;
}
#editRJobModal #rjob-jobcrow::before {
  content: " ";
  width: 106%;
  height: 116%;
  max-height: 140px;
  position: absolute;
  top: 1px;
  left: -3%;
  background-color: rgba(255, 187, 0, 0.05);
  z-index: 0;
}

#rjob-acceptrow {
  position: relative;
}
#rjob-autoaccept-wrap .bootstrap-select.btn-group {
  background-color: #fff;
}
#editRJobModal #rjob-acceptrow::before {
  content: " ";
  width: 106%;
  height: 100%;
  position: absolute;
  top: 11px;
  left: -3%;
  background-color: rgba(255, 0, 239, 0.05);
  z-index: 0;
}

#rjob-fundrow,
#rjob-adapt-wh-row,
#rjob-adapt-pt-row {
  position: relative;
}
#rjob-fundrow .bootstrap-select.btn-group {
  background-color: #fff;
}
#editRJobModal #rjob-fundrow::before,
#editRJobModal #rjob-adapt-pt-row::before,
#editRJobModal #rjob-adapt-wh-row::before {
  content: " ";
  width: 106%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -3%;
  background-color: rgba(0, 171, 255, 0.055);
  z-index: 0;
}

.rjob-access {
  position: absolute;
  top: 29px;
  left: 40px;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-radius: 8px;
  /*background-color: #FF8F00;*/
  background-color: #ffd42b;
}
.rjob-access0 {
  background-color: transparent;
  /*border: 1px solid #B0B0B0;*/
  border: 2px solid #00abff;
  width: 8px;
  height: 8px;
  top: 28px;
}
.rjob-access3 {
  background-color: #00c605;
}
.rjob-access-inactive {
  background-color: #dd0000;
  border: none;
  width: 7px;
  height: 7px;
  top: 29px;
}
.rjob-autoaccept {
  position: relative;
  font-size: 10.5px;
  font-style: italic;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: 12px;
  color: #c203ff;
  border: 1px solid #c203ff;
  background-color: #f8e3ff;
  border-radius: 16px;
  float: right;
}
.spec-nonactive .rjob-autoaccept {
  color: #bbb;
  border: 1px solid #bbb;
  background-color: transparent;
}
tr[override-access="0"] .rjob-autoaccept,
tr[override-access="1"] .rjob-autoaccept,
tr[override-access="3"] .rjob-autoaccept {
  color: #c203ff;
  border: 1px solid #c203ff;
  background-color: #f8e3ff;
}
tr[override-access="-1"] .rjob-autoaccept {
  color: #bbb;
  border: 1px solid #bbb;
  background-color: transparent;
}
tr[override-access="-1"] .crjobm-td-1 {
  color: #ddd;
  text-decoration: line-through;
}
tr[override-access="0"] .crjobm-td-1,
tr[override-access="1"] .crjobm-td-1,
tr[override-access="3"] .crjobm-td-1 {
  color: inherit;
  text-decoration: none;
}

.rjob-autoaccept b {
  display: inline-block;
  position: absolute;
  font-weight: 900;
  font-size: 18px;
  top: -15px;
  right: -6px;
}

.forced-height0-tr,
.forced-height0-tr * {
  max-height: 0px !important;
  min-height: 0px !important;
  height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  opacity: 0;
  overflow: hidden !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
  line-height: 0 !important;
  font-size: 0px !important;
}
.height-transition-tr,
.height-transition-tr * {
  max-height: 200px;
  -webkit-transition:
    height 0.4s linear,
    padding 0.4s linear,
    border 0.4s linear,
    font-size 0.4s linear,
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear,
    line-height 0.4s linear;
  -o-transition:
    height 0.4s linear,
    padding 0.4s linear,
    border 0.4s linear,
    font-size 0.4s linear,
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear,
    line-height 0.4s linear;
  transition:
    height 0.4s linear,
    padding 0.4s linear,
    border 0.4s linear,
    font-size 0.4s linear,
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear,
    line-height 0.4s linear;
}

.ewfjobico {
  width: 25px;
  height: 27px;
  padding-top: 2px;
  cursor: pointer;
  display: inline-flex;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  position: relative;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
}
.ewfjobico:hover {
  background-color: rgba(255, 240, 0, 0.5);
}

.inblo {
  display: inline-block;
}

.width-transition {
  -webkit-transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear,
    opacity 0.3s linear !important;
  -o-transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear,
    opacity 0.3s linear !important;
  transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear,
    opacity 0.3s linear !important;
}

.modal-dialog.width-transition {
  -webkit-transition:
    transform 0.3s ease-out,
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear !important;
  -o-transition:
    transform 0.3s ease-out,
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear !important;
  transition:
    transform 0.3s ease-out,
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear !important;
}

.width1400 {
  max-width: 1400px !important;
  overflow-x: hidden !important;
}
.width1300 {
  max-width: 1300px !important;
  overflow-x: hidden !important;
}
.width1200 {
  max-width: 1200px !important;
  overflow-x: hidden !important;
}
.width1100 {
  max-width: 1100px !important;
  overflow-x: hidden !important;
}
.width1000 {
  max-width: 1000px !important;
  overflow-x: hidden !important;
}
.width200 {
  max-width: 200px !important;
  overflow-x: hidden !important;
}
.width100 {
  max-width: 100px !important;
  overflow-x: hidden !important;
}
.width0 {
  max-width: 0px !important;
  min-width: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  border: 0px !important;
  overflow-x: hidden !important;
  white-space: nowrap !important;
  opacity: 0;
}

#ewf-customdp-span-inner {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
}

.ewfjobico-dinfo {
  position: absolute;
  top: -13px;
  font-weight: 500;
  font-size: 72%;
  font-style: italic;
  left: 4px;
  color: #aaa;
}
.ewfjobico-dinfo[day="5"],
.ewfjobico-dinfo[day="6"] {
  color: #30cbdc;
}
.ewfjobico-dinfo[day="7"] {
  color: #d837d8;
}

.ewfjobico-hinfo {
  position: absolute;
  top: 27px;
  font-weight: 500;
  font-size: 65%;
  text-align: center;
  width: 25px;
  left: 0px;
  color: #346499;
}
.ewfjobico-hinfo[fundi="0"] {
  color: #ccc;
  display: none;
}
.ewfjobico-hinfo[fundi="1"] {
}
.ewfjobico-hinfo[fundi="2"] {
  color: rgb(194, 3, 255);
}
.ewfjobico-hinfo[fundi="3"] {
  color: orange;
}
.ewfjobico-hinfo small {
  padding-left: 1px;
}

.opacity-06 {
  opacity: 0.6 !important;
}
.ewf-green {
  color: #048707;
}

.rjob-modal-right .modal-dialog,
.rjob-modal-left .modal-dialog {
  position: relative;
  /*top: 56px;*/
  /*top: 29px;*/
  top: -29px;
}
.rjob-modal-left {
  left: auto;
  /*right: 50.4vw;*/
  right: 50%;
  overflow-y: hidden !important;
}
.rjob-modal-left .modal-header button.close {
  display: none !important;
}

.rjob-modal-right {
  right: auto;
  left: 50%;
}

#groupeditModal #ewf-m20fund {
  color: #346499;
}

.crjobm-tr td {
  position: relative;
  padding-top: 2px !important;
}
.crjobm-tr.nonglobal {
  background-color: rgb(238, 252, 255);
}

.crjobm-tr.selected {
  background-color: rgb(255, 246, 98) !important;
}

.crjobm-td-0 {
  width: 80px;
  pointer-events: none;
}

/* Position Operating Hours Visual Component */
.position-oh-day {
  width: 25px;
  height: 27px;
  padding-top: 2px;
  cursor: pointer;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  position: relative;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
}

.position-oh-day .short-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  text-align: center;
}

.position-oh-single-box .short-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  text-align: center;
}

#position-operating-hours-visual-wrap .short-main {
  position: static;
}

.position-oh-day:hover {
  background-color: rgba(255, 240, 0, 0.5);
}

.position-oh-day-info {
  position: absolute;
  top: -13px;
  font-weight: 500;
  font-size: 72%;
  font-style: italic;
  left: 4px;
  color: #aaa;
}

.position-oh-day-info[day="5"],
.position-oh-day-info[day="6"] {
  color: #30cbdc;
}

.position-oh-day-info[day="7"] {
  color: #d837d8;
}

.position-oh-hinfo {
  position: absolute;
  top: 27px;
  font-weight: 500;
  font-size: 65%;
  text-align: center;
  width: 25px;
  left: 0px;
  color: #346499;
}

.position-oh-hinfo[fundi="2"] {
  color: rgb(194, 3, 255);
}

.position-oh-hinfo[fundi="3"] {
  color: orange;
}

.position-oh-hinfo small {
  padding-left: 1px;
}

.position-oh-single-box {
  width: 25px;
  height: 27px;
  padding-top: 2px;
  cursor: pointer;
  display: inline-flex;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  position: relative;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(138, 138, 138, 1);
}

.position-oh-single-box:hover {
  background-color: rgba(255, 240, 0, 0.5);
}
.crjobm-td-0 span {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.crjobm-td-0 span::after {
  content: "stnd";
  position: absolute;
  left: 24px;
  top: -1px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.25);
}
tr[override-access="0"] .crjobm-td-0 span {
  background-color: #00abff;
}
tr[override-access="0"] .crjobm-td-0 span::after {
  content: "skryt";
  color: #00abff;
}
tr[override-access="3"] .crjobm-td-0 span {
  background-color: #00c605;
}
tr[override-access="3"] .crjobm-td-0 span::after {
  content: "akt. +";
  color: #00c605;
}
tr[override-access="1"] .crjobm-td-0 span {
  background-color: #f2c100;
}
tr[override-access="1"] .crjobm-td-0 span::after {
  content: "akt.";
  color: #f2c100;
}
tr[override-access="-1"] .crjobm-td-0 span {
  background-color: #dd0000;
}
tr[override-access="-1"] .crjobm-td-0 span::after {
  content: "ne";
  color: #dd0000;
}

.crjobm-td-0::before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 87%;
  height: 100%;
  pointer-events: auto;
  cursor: pointer;
}
.crjobm-td-0:hover::before {
  background-color: rgba(0, 255, 255, 0.2);
}

.crjobm-td-1 {
  /*    padding-left: 32px;*/
  height: 34px !important;
}
.crjobm-td-2 {
  width: 50px;
}
.crjobm-td-2 span {
  position: relative;
  top: 6px;
  padding-left: 15px;
}

.crjobm-tr .clickable {
  cursor: pointer;
}
.rjob-autoaccept-suffix {
  text-align: center;
  display: inline-block;
  width: 25px;
}
#crjobmodal-tbody .moveud-icon {
  position: absolute;
  top: 6px;
  left: -8px;
  opacity: 0.4;
  z-index: 1000;
}
#crjobmodal-tbody .rjob-access,
#crjobmodal-tbody .rjob-timeinfo {
  margin-top: -6px;
}
#crjobmodal-tbody .rjob-autoaccept {
  top: 4px;
}

#crjobmodal-tbody.hide-tr-rjob-accept tr.tr-rjob-accept,
#crjobmodal-tbody.hide-tr-rjob-accept tr.tr-rjob-accept * {
  max-height: 0px !important;
  min-height: 0px !important;
  height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  opacity: 0;
  overflow: hidden !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
  line-height: 0 !important;
  font-size: 0px !important;
}
#crjobmodal-tbody tr:hover {
  background-color: rgba(255, 240, 0, 0.15);
}

#crjobm-import {
  float: left;
  margin-left: 70px;
  margin-bottom: 0px;
}

.selwrkmodal-wrk {
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}
.selwrkmodal-wrk:hover {
  background-color: rgba(255, 240, 0, 0.12);
}

.spec-clickable-fulltd::before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.noterjobico .short-div .short-main {
  left: 2px;
}
.noterjobico.noshortix .short-div.short-sub .short-main {
  top: 3px;
}
.spec-noterjobico .noterjobico.noshortix .short-div.short-sub .short-main {
  top: 4px;
}

.noterjobico.selected {
  border: 1px solid red !important;
  opacity: 1 !important;
  z-index: 3;
  -webkit-box-shadow: 0px 1px 0px 3px #ff00ef;
  -moz-box-shadow: 0px 1px 0px 3px #ff00ef;
  box-shadow: 0px 1px 0px 3px #ff00ef;
}
.noterjobico.selected .short-div {
  opacity: 1 !important;
}

.noterjobsum-wrap {
  width: 100%;
  position: absolute;
  left: 0px;
  /*    
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
*/
}

#rjobsetdiv #rjob-fundrow,
#rjobsetdiv #rjob-jobcrow,
#rjobsetdiv #rjob-accessrow,
#rjobsetdiv #rjob-adapt-pt-row,
#rjobsetdiv #rjob-sumrow,
#rjobsetdiv #rjob-adapt-wh-row {
  padding-left: 200px !important;
}
#rjobsetdiv #rjob-fundrow > .col-xs-12 {
  max-width: 615px;
}

#rjobsetdiv #rjob-jobcrow hr,
#rjobsetdiv #rjob-sumrow hr {
  margin-left: -215px;
  width: 995px;
}

#rjobsetdiv #rjob-fundrow::before,
#rjobsetdiv #rjob-adapt-pt-row::before,
#rjobsetdiv #rjob-adapt-wh-row::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 171, 255, 0.15);
  z-index: 0;
}
#rjobsetdiv #rjob-jobcrow::before {
  content: " ";
  width: 100%;
  height: 110%;
  position: absolute;
  top: 1px;
  left: 0%;
  background-color: rgba(255, 187, 0, 0.15);
  z-index: 0;
}

.noterjobico.nocolli {
  border: 1px solid rgba(0, 255, 0, 0.42) !important;
}

#pdp-div .workgrouptag {
  position: relative;
  top: 3px;
}
#pdp-div .workgrouptag.wgtag-100::after,
#pdp-div .workgrouptag.wgtag-50::after,
#pdp-div .workgrouptag.wgtag-1::after {
  content: " ";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 39%;
  top: -10px;
  background-color: #00d700;
  border-radius: 10px;
}
#pdp-div .workgrouptag.wgtag-50::after {
  background-color: #ffe300;
}
#pdp-div .workgrouptag.wgtag-1::after {
  background-color: #e8f1ff;
}

#processDPModal.spec360 .modal-dialog,
#processDPModal.spec360 .modal-content {
  max-width: 360px !important;
}

#processDPModal .spec-mh-28 {
  max-height: 28px;
  margin-bottom: 0px !important;
}
#processDPModal h5 span.roll-icon {
  position: relative;
  margin-bottom: 0px;
  top: 2px;
  left: 4px;
}
#processDPModal .spec-mh-28 .btn,
#processDPModal .spec-mh-28 input,
#processDPModal .spec-mh-28 label,
#processDPModal .spec-mh-28 .oneplus,
#processDPModal .spec-mh-28 .twoexact {
  display: none !important;
}

/*
#pdp-wrap-auto, #pdp-wrap-jobs,#pdp-wrap-rjob {
  -webkit-transition: top 0.15s linear, left 0.15s linear, opacity 0.15s linear;
  -o-transition:  top 0.15s linear, left 0.15s linear, opacity 0.15s linear;
  transition:  top 0.15s linear, left 0.15s linear, opacity 0.15s linear;    
}

#processDPModal.spec360 #pdp-wrap-auto {
    position: absolute;
    top: 50px;
    left: 0px;
    min-height: 185px;    
}
#processDPModal.spec360 #pdp-wrap-jobs {
    position: absolute;
    top:0px;
    left: 360px;
    min-height: 235px;    
}
#processDPModal.spec360 #pdp-wrap-rjob {
    position: absolute;
    top:0px;
    left: 720px;
    min-height: 235px;
}
*/
#processDPModal span.btn-small {
  margin-right: 0px;
  width: 330px;
}
#processDPModal span img {
  transform: scale(0.65);
  transform-origin: left top;
  z-index: 10;
  position: absolute;
  top: 2px;
  right: -9px;
  /*    pointer-events: auto;*/
  background-color: white;
  border-radius: 20px;
}

#processDPModal h4,
#processDPModal h5 {
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 6px;
}
#processDPModal .btn .short-div {
  margin-left: 8px;
}

#stats-table td {
  padding-top: 2px;
  padding-bottom: 2px;
}
#stats-table td.stats-head {
  padding-left: 2px !important;
  padding-right: 2px !important;
  font-size: 13px;
}
#pdp-wrap-auto,
#pdp-wrap-jobs,
#pdp-wrap-ym {
  position: relative;
}
#pdp-wrap-auto::before {
  content: " ";
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 255, 255, 0.11);
  z-index: 0;
}
#pdp-wrap-jobs::before {
  content: " ";
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 240, 0, 0.11);
  z-index: 0;
}
#pdp-wrap-ym::before {
  content: " ";
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 0, 240, 0.1);
  z-index: 0;
}
#pdp-wrap-auto,
#pdp-wrap-rjob,
#pdp-wrap-jobs,
#pdp-wrap-ym {
  background-color: #fff;
  max-width: 360px;
  width: 360px;
  padding: 15px;
  padding-top: 4px;
}
#processDPModal .modal-footer {
  max-width: 360px;
}

#processDPModal .modal-content {
  -webkit-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
  border: none !important;
}
#pdp-wrap-auto,
#pdp-wrap-rjob,
#pdp-wrap-jobs,
#pdp-wrap-ym,
#pdp-main-wrap,
#processDPModal .modal-header {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  border: none !important;
  position: relative;
}

#pdp-wrk-wrap .col-xs-3,
#pdp-wrk-wrap .col-xs-2 {
  max-height: 18px;
}
#pdp-wrk-wrap .workgrouptag {
  line-height: 15px;
}
#pdp-header {
  display: none;
}
#processDPModal.spec360 #pdp-main-wrap {
  margin-bottom: -25px !important;
}

.stats-head.ymcol {
  font-size: 12px;
  color: #346499;
  /*    text-orientation: upright; nope not yet
    writing-mode: vertical-rl;    */
}
.notetable-ecol-head.ymcol.odd,
.notetable-ecell.ymcol.odd {
  color: #346499;
}
.notetable-ecell.ymcol.even {
  padding-top: 0px;
}
.notetable-ecell.ymcol.odd {
  padding-top: 8px;
}
.notetable-ecell.ymcol.zero {
  padding-top: 2px;
}

.notetable-ecell[highlight="3"],
.stats-cell[highlight="3"] {
  color: red !important;
  font-weight: 500;
}
.notetable-ecell[highlight="2"],
.stats-cell[highlight="2"] {
  color: orange !important;
}
.notetable-ecell[highlight="1"],
.stats-cell[highlight="1"] {
  color: #5ea860 !important;
}
.notetable-ecell[highlight="-1"],
.stats-cell[highlight="-1"] {
  color: purple !important;
}

.notetable-ecell.ymcol.editable,
.stats-cell.ymcol.editable {
  pointer-events: auto;
  cursor: pointer;
}
.stats-cell.ymcol.editable:hover,
.notetable-ecell.ymcol.editable:hover,
#demands-wrap .notetable-ecell.ymcol.editable:hover {
  background-color: #92ff6a !important;
  color: red !important;
}

.stats-cell.mod,
.notetable-ecell.mod,
#demands-wrap .notetable-ecell.mod {
  /*    color: blue !important;*/
  font-weight: 700;
  text-decoration: underline;
}
.stats-cell.mod::after,
.notetable-ecell.mod::after,
#demands-wrap .notetable-ecell.mod::after {
  content: "+";
  position: absolute;
  background-color: rgba(0, 255, 255, 0.3);
  left: 38%;
  top: 0px;
  width: 7px;
  height: 8px;
  font-size: 13px;
  font-weight: 500;
  z-index: 10;
  line-height: 0.5;
  color: red;
}
.notetable-ecell.mod.even::after,
.notetable-ecell.mod.zero::after,
#demands-wrap .notetable-ecell.mod.even::after,
#demands-wrap .notetable-ecell.mod.zero::after {
  top: unset;
  bottom: 0px;
}

.stats-cell.abs,
.notetable-ecell.abs,
#demands-wrap .notetable-ecell.abs {
  background-color: rgba(0, 255, 255, 0.3);
  font-weight: 900;
  text-decoration: underline;
}
.stats-cell.abs::after,
.notetable-ecell.abs::after,
#demands-wrap .notetable-ecell.abs::after {
  content: "=";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 255, 255, 0.3);
  left: 0px;
  top: 0px;
  font-size: 11px;
  font-weight: 500;
  text-align: left;
  z-index: 10;
  line-height: 0.5;
  color: red;
  padding-left: 38%;
}
.notetable-ecell.abs.even::after,
.notetable-ecell.abs.zero::after {
  padding-top: 19px;
}
#demands-wrap .notetable-ecell.abs.even::after,
#demands-wrap .notetable-ecell.abs.zero::after {
  padding-top: 15px;
}
.stats-cell.hlock,
.notetable-ecell.hlock,
#demands-wrap .notetable-ecell.hlock {
  text-decoration: underline;
}
.stats-cell.hlock::after,
.notetable-ecell.hlock::after,
#demands-wrap .notetable-ecell.hlock::after {
  content: "H";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(128, 128, 128, 0.4);
  left: 0px;
  top: 0px;
  font-size: 8px;
  font-weight: 500;
  text-align: left;
  z-index: 20;
  line-height: 10px;
  color: #fff;
  padding-left: 38%;
}
.notetable-ecell.hlock.even::after,
.notetable-ecell.hlock.zero::after {
  padding-top: 17px;
}
#demands-wrap .notetable-ecell.hlock.even::after,
#demands-wrap .notetable-ecell.hlock.zero::after {
  padding-top: 12px;
}
.notetable-ecell.hlock.zero,
#demands-wrap .notetable-ecell.hlock.zero,
.notetable-ecell.abs.zero,
#demands-wrap .notetable-ecell.abs.zero {
  opacity: 1;
  text-decoration: none;
}

#notetable-body-wrap.onlyextra .notetable-ecell.hlock::after {
  padding-top: 16px;
}
#notetable-body-wrap.onlyextra .notetable-ecell.abs::after {
  padding-top: 18px;
}
#notetable-body-wrap.onlyextra .notetable-ecell.mod::after {
  top: unset;
  bottom: 0px;
}

.stats-cell.hdiff::after,
.notetable-ecell.hdiff::after,
#demands-wrap .notetable-ecell.hdiff::after {
  color: #f00;
}

.stats-cell.ymcol {
  position: relative;
}

#ymsetdiv {
  position: fixed;
  display: table;
  border: 2px solid #3060a0;
  background-color: #f7fff7;
  z-index: -100;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80%;
  width: 960px;
  cursor: default;
  padding-bottom: 10px;
}
#ymsetdiv input {
  width: 100%;
}
#ymset-wname {
  font-size: 22px;
  font-weight: 500;
  padding-top: 8px;
  display: inline-block;
  padding-left: 317px;
}
#ymset-wgtag {
  position: absolute;
  right: 645px;
  top: 14px;
}
#ymset-cname {
  font-size: 18px;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 12px;
  display: inline-block;
  padding-left: 317px;
  color: #0087ff;
}
#ymset-aval {
  font-size: 19px;
  font-weight: 900;
  float: right;
  color: #649934;
  position: absolute;
  right: 15px;
}
#ymset-eval {
  font-size: 19px;
  font-weight: 900;
  float: right;
  color: #0087ff;
}
#ymset-hval {
  font-size: 19px;
  font-weight: 900;
  color: #b7b7b7;
}
#ymsetdiv control-label {
  font-size: 14px;
  margin-top: 3px;
}
#ym-close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
}
.abs-left0 {
  position: absolute;
  left: 0px;
}
.abs-left25 {
  position: absolute;
  left: 25px;
}
.abs-left50 {
  position: absolute;
  left: 50px;
}
.pdp-dnch,
.pdp-snch,
.pdp-wnch {
  position: relative;
  z-index: 1;
  font-size: 11px !important;
  padding-left: 22px !important;
  padding-right: 3px;
}
.pdp-dnch.chk,
.pdp-snch.chk,
.pdp-wnch.chk {
  color: #346499;
}
.pdp-wnch {
  padding-right: 1px;
}
.ttwn6 .pdp-wnch {
  padding-right: 0px;
  margin-right: 0px;
}
.spec-scale95 {
  transform: scale(0.95);
  transform-origin: 0 0;
  width: 95%;
  margin-right: -10%;
}
.spec-scale90 {
  transform: scale(0.9);
  transform-origin: 0 0;
  width: 90%;
  margin-right: -15%;
}
.spec-scale85 {
  transform: scale(0.85);
  transform-origin: 0 0;
  width: 85%;
  margin-right: -20%;
}
.spec-scale80 {
  transform: scale(0.8);
  transform-origin: 0 0;
  width: 80%;
  margin-right: -25%;
}
.spec-scale75 {
  transform: scale(0.75);
  transform-origin: 0 0;
  width: 75%;
  margin-right: -30%;
} /* margin-bottom: -20%;}*/

#stats-table.many-cols td.stats-cell {
  padding-left: 2px;
  padding-right: 2px;
}
#stats-table.many-cols td.stats-head {
  font-size: 12px;
}
/*
#stats-table.spec-full-width {
    width: 100%;    
}
#table2-jobs.deg90 {
    transform: rotate(90deg);
}
#table2-jobs.deg90 td, #table2-jobs.deg90 th {
    transform: rotate(-90deg);
}
*/

.rd-rc-info {
  position: absolute;
  z-index: 10;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  font-size: 11px;
  bottom: -15px;
  right: 0px;
  padding-right: 6px;
  padding-left: 6px;
  background-color: rgba(0, 0, 0, 0.22);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.notetable-ecol-head .norjob-overtime-warn {
  display: none;
}

.workers-info {
  margin-left: 5px;
  min-width: 35px;
  padding-left: 19px;
}

.health-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; /* Makes it a circle */
  margin-right: 5px; /* Optional spacing */
  margin-left: 5px;
}

.health-status-red {
  background-color: red;
}

.health-status-orange {
  background-color: #ffa900;
}

.health-status-green {
  background-color: green;
}

.health-status-grey {
  background-color: grey;
}

.health-status-blue {
  background-color: rgb(0, 145, 255);
}

#supa-allmail-div > div:nth-child(odd) {
  background-color: rgb(255, 251, 225);
}

#feModalBody {
  max-height: 64vh;
  overflow-y: auto;
  -webkit-transition: max-height 0.15s linear;
  -o-transition: max-height 0.15s linear;
  transition: max-height 0.15s linear;
}
.custom-text #feModalBody {
  max-height: 45vh;
}

@media screen and (min-width: 1728px) and (max-width: 1919px) {
  .supaolink a {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1728px) {
  .supaolink a {
    font-size: 10px !important;
  }
}
.supalogo {
  max-width: 150px;
  max-height: 120px;
  position: absolute;
  top: 0px;
  left: -220px;
}
@media screen and (max-width: 1880px) {
  .supalogo {
    max-width: 85px;
    max-height: 70px;
    position: absolute;
    top: 0px;
    left: -150px;
  }
}

html.sgedit #esData,
html.sgedit #esm-wrap0 {
  display: none !important;
}

#ee1-main-div .item-selected {
  float: left;
}
#ee1-main-div:not(.multiedit) .item-selected {
  display: none !important;
}

html:not(.sgedit) #cht-wrap-sgedit {
  display: none;
}
html:not(.sgedit) #tariffLabel-sgedit {
  display: none;
}

html.sgedit #cht-wrap {
  display: none;
}
html.sgedit #tariffLabel {
  display: none;
}

.worker-seg0only-ico {
  font-size: 12px;
  font-weight: 700;
  text-decoration: line-through;
  color: #888;
  position: absolute;
  top: -5px;
  right: -6px;
}
.worker-ltc-ico {
  font-size: 14px;
  color: #888;
  position: absolute;
  top: 5px;
  right: -8px;
}

.span-personal-num {
  position: absolute;
  left: -4px;
  top: -10px;
  margin-left: 4px;
  font-size: 9px;
  font-style: italic;
  color: #aaa;
}

.span-personal-fn {
  position: absolute;
  left: -4px;
  top: 15px;
  margin-left: 4px;
  font-size: 9px;
  font-style: italic;
  color: #ce8ac0;
}

#customRJobBtn7 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 15px;
  margin-left: 23px;
}

#customRJobWeekBtn,
#customRJobConfirmBtn {
  padding: 12px 21px;
}

/* Select2 choice styling - křížek vpravo */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 5px;
  padding-right: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__display {
  display: inline-block;
  padding-right: 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}

/* Fix select2 dropdown scrolling when there are many options */
.select2-dropdown--bootstrap .select2-results,
.select2-bootstrap-dropdown .select2-results {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.select2-container--bootstrap .select2-results {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Ensure select2 dropdown is scrollable in modals */
.modal .select2-dropdown,
.modal .select2-container--bootstrap .select2-dropdown {
  z-index: 9999;
}

.modal .select2-dropdown .select2-results,
.modal .select2-container--bootstrap .select2-dropdown .select2-results {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.calendar-icon-blue {
  display: inline-block;
  height: 12px;
  width: 14px;
  margin-right: 4px;
  background: url(../images/calblue.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

/* ========================================
   HEADER - Modern Flexbox Layout
   ========================================
   HTML Structure:
   .header-wrapper
   ├── .header-brand (#header-logo)
   │   └── .navbar-brand
   ├── .header-main
   │   ├── .header-org-panel
   │   │   └── #header-org-select
   │   │       └── #header-org-picker + .bootstrap-select
   │   └── .header-quick-nav
   │       └── .header-quick-link
   ├── .header-main-nav
   │   └── .header-nav-link
   └── .header-user
       ├── .header-superadmin
       └── .header-user-links
           ├── .header-account
           └── .header-logout
   ======================================== */

/* Container */
.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100vw;
  padding: 0 20px;
  background-color: #205085;
  min-height: 64px;
  gap: 0 5px;
  position: relative;
  box-sizing: border-box;
  z-index: 1040; /* more than 1035 ( floating date and other elements) less than 1050 modals */
}

/* ----------------------------------------
   .header-brand - Logo (left side)
   ---------------------------------------- */
.header-brand {
  flex-shrink: 0;
  order: 1;
  display: flex;
  align-items: center;
}

.header-brand .navbar-brand {
  display: flex;
  align-items: center;
  width: 215px;
  padding-top: 6px;
}

.header-brand .navbar-brand img {
  transform: scale(1.01);
  transition: transform 0.15s linear;
}

.header-brand .navbar-brand:hover img {
  transform: scale(1.035);
}

/* ----------------------------------------
   .header-main - Center section
   Logo: 230px + gap: 5px + padding-left: 20px = 255px
   ---------------------------------------- */
.header-main {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1 1 auto;
  order: 2;
  min-width: 0;
  position: relative;
  z-index: 100;
  margin-left: max(0px, calc((100vw - 960px) / 2 - 235px));
}

/* .header-org-panel - Organization select + Calendar stacked vertically */
.header-org-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  padding: 10px 0 0 0;
  margin: -10px 0 0 0;
  flex: 1 1 350px;
  max-width: 450px;
  min-width: 0;
  position: relative;
  z-index: 1000;
  align-self: stretch;
}

/* #header-org-select / .header-org-select - Organization select container */
#header-org-select {
  position: relative;
  z-index: 1000;
  background-color: #1a4270;
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: visible;
  color: white;
  font-size: 18px;
  font-weight: 400;
  border-radius: 12px;
  margin-top: 0;
}

/* Styling for single org name span (not dropdown) */
#header-org-select > span,
#header-org-select #header-org-name {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 400;
}

/* Ensure bootstrap-select spans have proper width but truncate with ellipsis */
#header-org-select .bootstrap-select span.text {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: inline-block !important;
}

/* #header-org-picker - Hidden native select */
#header-org-picker {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

/* #header-org-select .bootstrap-select - Bootstrap-select styling */
#header-org-select .bootstrap-select {
  opacity: 1;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  background: transparent !important;
}

#header-org-select .bootstrap-select.btn-group {
  margin: 0 !important;
  vertical-align: top;
  background: transparent !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle,
#header-org-select .bootstrap-select > .btn.dropdown-toggle *,
#header-org-select .bootstrap-select.btn-group .btn,
#header-org-select .bootstrap-select.btn-group .btn * {
  color: white !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle {
  padding: 0 20px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0;
  overflow: visible;
  vertical-align: middle;
  position: relative;
  line-height: 1.4;
  max-width: 100%;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle::before,
#header-org-select .bootstrap-select > .btn.dropdown-toggle::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

#header-org-select .bootstrap-select.btn-group > .btn {
  padding: 0 0 0 0 !important;
  margin: 0 !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle .filter-option {
  border: none !important;
  background: transparent !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  /* Override backend.css misalignment (34px height + 7px padding-top doesn't fit 36px button) */
  height: auto !important;
  padding: 0 5px 0 2px !important;
  line-height: inherit !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

#header-org-select
  .bootstrap-select
  > .btn.dropdown-toggle
  .filter-option-inner,
#header-org-select
  .bootstrap-select
  > .btn.dropdown-toggle
  .filter-option-inner-inner {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  display: block !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle > * {
  background: transparent !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle:hover,
#header-org-select .bootstrap-select > .btn.dropdown-toggle:focus,
#header-org-select .bootstrap-select > .btn.dropdown-toggle:active,
#header-org-select .bootstrap-select.open > .btn.dropdown-toggle {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

#header-org-select .bootstrap-select > .btn.dropdown-toggle .caret {
  display: inline-block !important;
  position: absolute;
  top: 50%;
  right: -3px;
  margin: 0;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-top: 5px solid white;
  border-bottom: 0;
  width: 0;
  height: 0;
  opacity: 1 !important;
  visibility: visible !important;
}

#header-org-select .bootstrap-select .dropdown-menu {
  background-color: #2f5e95;
  border: none;
  padding: 0;
  margin-top: 0;
  z-index: 10000 !important;
  border-radius: 5px;
  overflow: hidden;
}

#header-org-select .bootstrap-select .dropdown-menu > li > a {
  color: white;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  padding: 8px 20px;
  background-color: #2f5e95;
}

#header-org-select .bootstrap-select .dropdown-menu > li > a span {
  background-color: transparent !important;
  width: auto !important;
  overflow: visible !important;
  display: inline-block !important;
}

#header-org-select .bootstrap-select .dropdown-menu > li > a .check-mark,
#header-org-select .bootstrap-select .dropdown-menu > li > a span.check-mark,
#header-org-select .bootstrap-select .dropdown-menu > li > a .glyphicon-ok {
  display: none !important;
}

#header-org-select .bootstrap-select .dropdown-menu > li > a:hover,
#header-org-select .bootstrap-select .dropdown-menu > li > a:focus,
#header-org-select .bootstrap-select .dropdown-menu > .active > a {
  background-color: #205085 !important;
  color: white !important;
}

/* .header-quick-nav - Row of calendar links below select */
.header-quick-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #205085;
  padding: 4px 0;
  justify-content: flex-end;
}

.header-quick-nav .header-quick-link {
  color: white;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 3px;
  transition: background-color 0.15s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}

.header-quick-nav .header-quick-link small {
  font-size: 11px;
  opacity: 0.85;
}

.header-quick-nav .header-quick-link .calendar-icon-blue {
  vertical-align: middle;
}

.header-quick-nav .header-quick-link:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.header-quick-nav .header-quick-link.active {
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
}

/* ----------------------------------------
   .header-main-nav - Main navigation menu
   header-user: 81px + padding-right: 20px = 101px
   ---------------------------------------- */
.header-main-nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 0 1 auto;
  align-self: stretch;
  min-width: 400px;
  min-height: 40px;
  order: 3;
  z-index: 1;
  margin-right: max(0px, calc((100vw - 960px) / 2 - 101px));
}

.header-main-nav .header-nav-link {
  color: white;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  padding: 0 14px;
  height: 100%;
  display: flex;
  align-items: center;
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}

.header-main-nav .header-nav-link:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.header-main-nav .header-nav-link.active,
.header-main-nav .header-nav-link.actived {
  background-color: rgba(0, 0, 0, 0.2);
}

/* ----------------------------------------
   .header-user - Right section (Account/Logout)
   ---------------------------------------- */
.header-user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
  order: 5;
  text-align: right;
  /* Shift left to compensate for scrollbar: 55px offset + scrollbar width detection
       Note: 100% = wrapper width (includes padding), 100vw = viewport (includes scrollbar)
       45px = 20px left padding + 20px right padding + 5px scrollbar buffer */
  margin-right: calc(45px + 100% - 100vw);
}

/* .header-superadmin - Superadmin badge (floats above) */
.header-superadmin {
  position: absolute;
  top: -2px;
  /* Compensate for scrollbar width in positioning */
  right: calc(120px + 100% - 100vw);
  padding: 4px 12px;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  background-color: #c0392b;
  color: white;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    transform 0.15s ease;
  z-index: 1000;
}

.header-superadmin:hover {
  background-color: #e74c3c;
  transform: translateY(2px);
}

.header-superadmin.actived {
  background-color: #a93226;
}

/* .header-user-links - Account and logout links container */
.header-user-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
}

/* .header-account, .header-logout */
.header-account,
.header-logout {
  color: white;
  font-size: 15px;
  white-space: nowrap;
}

.header-account i,
.header-logout i {
  margin-right: 6px;
  color: rgba(255, 255, 255, 0.8);
}

.header-account a,
.header-logout a {
  color: white;
  text-decoration: none;
  transition: color 0.15s ease;
}

.header-account a:hover,
.header-logout a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* ----------------------------------------
   HEADER - Responsive / Media Queries
   ---------------------------------------- */
@media screen and (max-width: 1279px) {
  /* Logo is hidden, only padding-left: 20px remains */
  .header-main {
    margin-left: max(0px, calc((100vw - 960px) / 2 - 20px));
  }

  #header-logo {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .header-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .header-org-panel {
    flex: 0 0 auto;
    width: 100%;
    max-width: 425px;
  }

  .header-quick-nav {
    flex-wrap: wrap;
  }

  /* Nav wraps to second row on narrow screens */
  .header-main-nav {
    order: 10;
    flex-basis: 100%;
    min-width: unset;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 0;
    justify-content: flex-end;
  }
}

/* ----------------------------------------
   HEADER - Special Modes (cleantop)
   ---------------------------------------- */
html.cleantop .header-quick-nav,
html.cleantop .header-main-nav,
html.cleantop .bg-blue.pull-right.spec,
html.cleantop #xrabbit,
html.cleantop #xgoat,
html.cleantop #xbat {
  display: none !important;
}

html.cleantop #header-org-select,
html.cleantop .header-user {
  display: flex !important;
}

.nobar::-webkit-scrollbar {
  width: 0px;
}
.nobar::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px;
}

/* Navbar brand: vertical alignment (override Bootstrap — keep out of bootstrap.css) */
.navbar-brand {
  padding: 12px 15px 6px 10px;
}

.navbar-brand img {
  transform: scale(1.01);
  /*transform-origin: top left;*/
  -webkit-transition:
    transform 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  -o-transition:
    transform 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  transition:
    transform 0.15s linear,
    left 0.15s linear,
    opacity 0.15s linear;
}
.navbar-brand:hover img {
  transform: scale(1.035);
}