body {
  overflow-y: auto;
  overflow-x: hidden;
}

header .nav a[href="/admin/superadmin/"] {
  position: absolute;
  left: -112px;
  background-color: red;
  top: -23px;
  z-index: 9;
  padding-bottom: 0px;
  border-radius: 18px;
  border: 1px solid #f55;
}
header .nav li.active a[href="/admin/superadmin/"],
header .nav li a[href="/admin/superadmin/"]:hover {
  background-color: #990000 !important;
}

td.b-nb {
  border-right: 1px solid #dedede;
  border-bottom: none !important;
}

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

tr.row-blue td {
  background-color: #ededff;
}

.detail2-part table tr:hover td {
  background-color: #ffffc2;
}

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

.forced-hidden,
.hidden2 {
  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;
}

.row0,
.col0,
.padding0 {
  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);
  cursor: pointer;
}

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

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

.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,
#div-setjob {
  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,
#d2jhidediv {
  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;
}

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 {
  position: relative;
}

.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 {
  background-image: url(../images/users-icon-dark.png);
}
.did-1 {
  background-image: url(../images/wrk01.png);
}
.did-2 {
  background-image: url(../images/wrk02.png);
}
.did-3 {
  background-image: url(../images/wrk03.png);
}
.did-4 {
  background-image: url(../images/wrk04.png);
}
.did-5 {
  background-image: url(../images/wrk05.png);
}
.did-6 {
  background-image: url(../images/wrk06.png);
}

.didb-0 {
  background-color: #fff;
}
.didb-1 {
  background-color: #aaf;
}
.didb-2 {
  background-color: #afa;
}
.didb-3 {
  background-color: #faa;
}
.didb-4 {
  background-color: #ffa;
}
.didb-5 {
  background-color: #faf;
}
.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;
}

td.se-data {
  position: relative;
  min-height: 38px;

  /*max-height: 20px;*/
}

td.se-onlysegname {
  border: none;
  font-size: 10px;
  padding-left: 3px;
  color: #444;
  max-width: 48px;
  overflow: hidden;
}

.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;
}

.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;
}

.aux-color {
  color: #73a800;
}
.aux-color:hover {
  color: #83b820;
}

.opt-color {
  color: #7a93ac;
}
.opt-color:hover {
  color: #839fb3;
}

.opt-color10 {
  color: #d04ebc;
}
.opt-color10:hover {
  color: #e06ecc;
}
.opt-color11 {
  color: #ae780f;
}
.opt-color11:hover {
  color: #be883f;
}
.opt-color12 {
  color: #3222f2;
}
.opt-color12:hover {
  color: #4232ff;
}

.detail2-part table tr td.jobname-readiness-color {
  background-color: #346499;
  color: white;
}
.detail2-part table tr:hover td.jobname-readiness-color {
  background-color: #346499;
  color: #ffffc2;
}

.readiness-color {
  color: #f46409;
}
.readiness-color:hover {
  color: #ff7429;
}

.nonactive-color {
  color: #bbb;
}
.nonactive-color:hover {
  color: #ccc;
}

label[for="ejf-nonactive"] {
  position: relative;
  top: 8px;
}

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

.spec-nonactive-infotext {
  color: #ff9d9d;
  font-style: italic;
  font-size: 11px;
  position: absolute;
  bottom: -1px;
  left: 58px;
  white-space: nowrap;
}

.spec-group-infotext {
  color: #20dff2;
  font-style: italic;
  font-size: 11px;
  position: absolute;
  bottom: -1px;
  left: 58px;
  white-space: nowrap;
}

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

/* Refresh icon for tables */
.refresh-icon {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.refresh-icon:hover {
  transform: rotate(180deg);
}

.refresh-icon i {
  color: #f0f0f0;
  font-size: 16px;
}

.cicon-object {
  pointer-events: none !important;
  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/icoset14.png);
}

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

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

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

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;
  width: 14px;
  height: 14px;
  float: left;
  background-image: url(../images/icoset14.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;
	*/
}

#workspace-table td.plan-cell:hover {
  background-color: #e0ffd0;
  cursor: pointer;
}

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

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

.row-blue {
  background-color: #ededff !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.35;
}
#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/icoset20.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 {
  margin-right: 8px;
}
.alike.add-icon {
  color: #048707;
  cursor: pointer;
}

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

#red-alert {
  position: fixed;
  z-index: 1500;
  top: 170px;
  left: 10px;
  /*
        left: 15px;
        z-index: 1000;
        top: 35px;
        */
  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: 228px;
  left: 14px;
  z-index: 1500;
  /*        
	top: 93px;
	left: 19px;
	z-index: 1000;
*/
  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: 228px;
  left: 520px;
  z-index: 1501;
  padding-right: 0px;
  padding-bottom: 0px;
  max-height: 80%;
  overflow: hidden;

  /*        
	top: 93px;
	left: 520px;
	z-index: 1001;
	overflow: auto;
	max-height: 70%;

*/
  padding: 20px;
  padding-top: 30px;
  min-width: 300px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #888;
  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;
}
/*
#alert-wrap #alert-detail {    
    padding-right: 0px;
    padding-bottom: 0px;
    max-height: 80%;
    overflow: hidden;      
    z-index: 1006;
}
*/
#alert-wrap #alert-detail-data {
  margin-top: 4px;
  padding-right: 20px;
  padding-bottom: 4px;
  max-height: 70vh;
  overflow: auto;
}
#alert-wrap #alert-detail-close {
  top: 1px;
  right: 1px;
}

#alert-wrap {
  display: none;
}
html[showmode="10"] #alert-wrap,
html[showmode="11"] #alert-wrap {
  display: block;
}
html.hide-d2cicon[showmode="10"] #alert-wrap {
  display: none;
}

#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: 450px;
}

.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;
  color: #aaa !important;
  cursor: auto !important;
  font-style: italic;
}
.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;
}

#workspace-table .comb-div {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 4000;
  font-size: 8px;
  padding-left: 1px;
  padding-right: 0px;
  background-color: rgba(0, 0, 255, 0.15);
  line-height: 1.15;
  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;
}
#workspace-table td.temp-comb-group:hover {
  background-color: #c7feb5;
}
#workspace-table td.temp-comb {
  background-color: #8ef7ff;
}
#workspace-table td.temp-comb:hover {
  background-color: #8ef7ff;
}

#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-orange {
  color: #f87800 !important;
}

.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;
}

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: 13px;
  height: 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  color: #000;
  background-color: rgba(255, 255, 100, 0.7);
  z-index: 520;
  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: 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;
}

.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;
}

#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: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;
}

.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: 25px;
}

#calendar-date {
  position: relative;
  height: 27px;
  font-size: 16px;
  color: white;
  font-weight: 400;
  padding-bottom: 15px;
  text-align: left;
  left: 1px;
}

#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-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.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: 8px;*/
  top: 13px;
  font-size: 15px;
  color: #444;
  font-weight: 400;
}

#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.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-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;
}
#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-green .nc-text,
#calendar-body .nc-cell.nc-red .nc-text,
#calendar-body .nc-cell.nc-orange .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-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-empty > div {
  visibility: hidden;
}

#calendar-body.nc-marknojob
  .nc-nedostupne:not(.nc-red):not(.nc-orange):not(.nc-green) {
  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) {
  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)
  .nc-text,
#calendar-body.nc-markclose
  .nc-nedostupne-red:not(.nc-red):not(.nc-orange):not(.nc-green)
  .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);
  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.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-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-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;
}

#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;
  }
}

@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: 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: 73px;
  }
  #calendar-buttons .nc-button.nc-orange {
    width: 90px;
  }
  #calendar-buttons .nc-button.nc-red {
    width: 137px;
  }
  .nc-specrel {
    position: relative;
    left: 11px;
  }

  #calendar-date {
    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;
  }
  #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.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;
}

.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;
}
.w560 {
  width: 560px !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,
input[type="radio"][disabled] + label,
input[type="radio"].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;
}

#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: 1012;
  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;
}

.spec-mh-320 {
  max-height: 320px !important;
  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: 1011;
  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 {
  text-align: right;
  /*
	max-width: 60px;
        font-size: 11px;    
    */
  font-size: 9px;
  max-width: 42px;

  /*
	float: right;
	*/
  line-height: 1;
  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-left: 2px;
  /*padding-right: 60px;*/
  padding-right: 43px;
  /*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-nooverflow {
  overflow: hidden !important;
}

.height-transition {
  max-height: 2100px;
  -webkit-transition:
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear;
  -o-transition:
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear;
  transition:
    margin 0.4s linear,
    opacity 0.4s linear,
    max-height 0.4s linear;
}

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

#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;
        */
  margin-top: 0px;
  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: 1013;
  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: 200px;
}

.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;
}

#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;
  display: block;
}
/*
#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;
}

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 .sc-invisible .rsc-text {
  color: #aaa !important;
  text-decoration: line-through !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;
}

#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: 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;
}

.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/icoset14.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-body {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding-left: 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;
  display: block;
  border-top: 1px solid #dedede;
  width: 105%;
  clear: both;
}

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

.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 {
  text-align: center;
  color: #447499;
  font-weight: 600;
}

.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;
  /*
	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;
  /*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: 500px !important;
}

#notebtn {
  position: absolute;
  top: 0px;
  right: 15px;
  padding: 4px !important;
}
#notetable-body-wrap.notetable-spec {
  margin-bottom: 0px !important;
  margin-top: -1px !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.3) !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-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;
}

.spec-top {
  left: 0px;
  top: -2000px;
  z-index: -1000;
}

#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;
}

.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);
}

.mail-sub-icon {
  position: relative;
  font-size: 14px;
  left: -9px;
  top: 7px;
}

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: 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-empty {
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  height: 2px;
  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: 16px;
  text-align: left;
  width: 100%;
  margin-left: -290px;
}

.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;
}

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

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

.service-table.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.showtime td.se-data.enabled :nth-child(1) {
  float: left;
}
.service-table.showtime td.se-data.enabled :nth-child(2) {
  float: right;
}
.service-table.showtime td.se-data.enabled :nth-child(3) {
  float: left;
}

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

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

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

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

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

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

html.replace-mode #d2wmain .d2workers-row-daycell.suitable3 {
  background-color: #26ff26 !important;
}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable2 {
  background-color: #a0ffa0 !important;
}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable1 {
  background-color: #d0ffd0 !important;
}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable0 {
  background-color: #d0ffd0 !important;
}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable-1 {
  background-color: #ff851a !important;
}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable-2 {
  background-color: #ff0000 !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);
  }
}

/* in replace-mode set target cell to light blue color */
html.replace-mode #d2wmain .d2workers-row-daycell.replace-mode-target {
  background-color: rgba(100, 240, 250, 1) !important;
}

/* should I switch off highlighting ??? */
/*
html.replace-mode #d2wmain .d2workers-row:hover {
    background-color: transparent !important;
}
html.replace-mode #d2wmain .d2workers-row-dayjob:hover {
    background-color: transparent !important;
}*/
html.replace-mode #d2wselcol {
  background-color: transparent !important;
}

/*

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);

  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 */
  display: flex;
  flex-direction: column;
}

/* If basic row is hidden (all 3 buttons hidden), set height to auto */
#calendar2-buttons2:not(:has(.calendar2-buttons-row-basic)) {
  height: auto;
}

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

.calendar2-buttons-row-basic {
  display: block;
}

.calendar2-buttons-row-basic .nc2-button {
  min-width: 0;
}

.calendar2-buttons-row-basic:empty {
  display: none;
}

.calendar2-buttons-row-extended:empty {
  display: none;
}

#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-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;
}
.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: 83px;
}
.calendar2-buttons .nc2-button.nc2-red {
  width: 129px;
}

/* Override widths for buttons in basic row to use flex */
.calendar2-buttons-row-basic .nc2-button.nc2-green,
.calendar2-buttons-row-basic .nc2-button.nc2-orange,
.calendar2-buttons-row-basic .nc2-button.nc2-red {
  width: auto;
}

#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 #calendar2-part1 {
  min-height: 600px;
  position: relative;
}

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;
}
/* Override widths for buttons in basic row to use flex */
html.nc2-fixed-width .calendar2-buttons-row-basic .nc2-button.nc2-green,
html.nc2-fixed-width .calendar2-buttons-row-basic .nc2-button.nc2-orange,
html.nc2-fixed-width .calendar2-buttons-row-basic .nc2-button.nc2-red {
  width: auto;
}
html.nc2-fixed-width .nc2-specrel {
  position: relative;
  left: 11px;
}
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;
  }
  /* Override widths for buttons in basic row to use flex */
  html.nc2-dynamic-width .calendar2-buttons-row-basic .nc2-button.nc2-green,
  html.nc2-dynamic-width .calendar2-buttons-row-basic .nc2-button.nc2-orange,
  html.nc2-dynamic-width .calendar2-buttons-row-basic .nc2-button.nc2-red {
    width: auto;
  }
  html.nc2-dynamic-width .nc2-specrel {
    position: relative;
    left: 11px;
  }

  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-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%;
}

/* 3 buttons visible: 33%, 33%, 34% */
.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(3)
  ~ .nc2-button:nth-of-type(3) {
  width: 34% !important;
}

/* 2 buttons visible: 50%, 50% */
.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;
}

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

/* 1 extended button visible: 100% */
.calendar2-buttons-row-extended .nc2-button:only-child {
  width: 100% !important;
}

/* Center icon and text when only one button is visible */
.calendar2-buttons-row-basic .nc2-button:only-child .nc2-ico20 {
  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: 30% !important;
}

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

.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;
}

#d2wmain .d2workers-row-daycell-seg {
  text-align: center;
}

.d2workers-row-daycell-seg-ccshort {
  position: absolute !important;
  top: 2px !important;
  width: 15px !important;
  height: 12px !important;
  margin: 0 auto !important;
  text-align: center !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  border: none !important;
  background-color: transparent !important;
  float: none !important;
  display: inline-block !important;
  left: 0;
  right: 0;
  font-size: 10px !important;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.25);
}
#d2wmain[mode-demands="0"] .d2workers-row-daycell-seg-ccshort {
  color: rgba(0, 0, 0, 0.9);
}

.d2workers-row-daycell-seg-wdata {
  position: absolute !important;
  bottom: 0px !important;
  width: 12px !important;
  height: 9px !important;
  margin: 0 auto !important;
  text-align: center !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  border: 1px solid rgba(0, 0, 0, 0.35) !important;
  border-bottom: none !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  background-color: #ffffff;
  float: none !important;
  display: inline-block !important;
  left: 0;
  right: 0;
}
.d2workers-row-daycell-seg-wdata span {
  display: block;
  font-size: 9px !important;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
  font-style: italic;
  position: absolute !important;
  top: -2px !important;
  left: 1px;
}
.d2workers-row-daycell-seg-wdata span.ctype-short {
  top: -13px !important;
}

html.hide-claim-order .d2workers-row-daycell-seg-wdata .claim-order {
  display: none !important;
}
html.hide-claim-order .nc2-cell-wseg-vgid span {
  display: none !important;
}
html.hide-claim-order .d2workers-row-daycell-seg-wdata {
  height: 5px !important;
}
html.hide-claim-order .nc2-cell-wseg-vgid {
  height: 5px !important;
}

.d2workers-row-daycell-seg-wdata[ctype_g="1"] {
  background-color: #5ea85e;
}
.d2workers-row-daycell-seg-wdata[ctype_g="-1"] {
  background-color: #e61a1a;
}
.d2workers-row-daycell-seg-wdata[ctype_g="-2"] {
  background-color: #e68201;
}
.d2workers-row-daycell-seg-wdata[ctype_g="-3"] {
  background-color: #3a77e2;
}
.d2workers-row-daycell-seg-wdata[ctype_g="-4"] {
  background-color: #c203ff;
}
.d2workers-row-daycell-seg-wdata[ctype_g="-5"] {
  background-color: #826c64;
}
.d2workers-row-daycell-seg[ctype_g="0"]
  .d2workers-row-daycell-seg-wdata[ctype_g="0"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="1"]
  .d2workers-row-daycell-seg-wdata[ctype_g="1"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="-1"]
  .d2workers-row-daycell-seg-wdata[ctype_g="-1"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="-2"]
  .d2workers-row-daycell-seg-wdata[ctype_g="-2"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="-3"]
  .d2workers-row-daycell-seg-wdata[ctype_g="-3"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="-4"]
  .d2workers-row-daycell-seg-wdata[ctype_g="-4"] {
  background-color: transparent;
  border: none !important;
}
.d2workers-row-daycell-seg[ctype_g="-5"]
  .d2workers-row-daycell-seg-wdata[ctype_g="-5"] {
  background-color: transparent;
  border: none !important;
}

#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);
}

.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;
}

/*
if update bootstrap-select to 1.7+ ..1.12 ... but breaks radio/checkboxes
.bootstrap-select .btn.btn-default {
    height: 36px !important;
    
    
    border-color: #d7d7d7;
    border-radius: 4px;
    padding: 0 0 0 10px;
    padding-left: 10px;
    padding-right: 25px;
    
    background: url(../images/selector-bg.png) no-repeat right;    
}
.bootstrap-select .btn.btn-default > span:first-child {
    height: 100%;
    padding-top: 7px;
}
*/

/*
.bootstrap-select .btn.btn-default > span:first-child {
    bottom: 0px;
    position: absolute;
    right: 0px;
    padding-left: 10px;
    padding-top: 7px;
    height: 34px;
    background-color: white;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
*/

#cgp-hfc-8:checked ~ label {
  opacity: 0.4;
}
#cgp-hfc-8:checked + label {
  opacity: 1;
}

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

#service-short-color-div .palette-color-picker-button {
  position: relative;
  top: 3px;
}

.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;
}

.palette-color-picker-button {
  background-image: url(../images/colorpicker_icon.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.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;
*/
}
.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: 2;
  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;
}

.halfwidth {
  width: 50%;
}

.phase-row {
  height: 20px;
}

.phase-name {
  color: #048707;
  font-size: 17px;
  font-weight: 500;
  font-style: italic;
}

#editmode-div {
  position: relative;
  top: -1px;
}

#editmode-div a {
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

#float-div-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  background-color: white;
  overflow: hidden;
  z-index: 1035;
  /*transform:  scaleY(0.8);*/
  /*transform-origin: top left;*/
  -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);
  max-height: 300px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: max-height 0.5s linear;
}

#float-div {
  left: 0;
  right: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 97vw;
  display: table;
}

.placeholder {
  margin: 0px;
  padding: 0px;
  border: none;
  float: left;
}

.marbot10 {
  margin-bottom: 10px !important;
}
.marbot15 {
  margin-bottom: 15px !important;
}
.marbot27 {
  margin-bottom: 27px !important;
}

#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;
}

.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;
}

#see-div span {
  padding-right: 25px;
}
#see-div span:last-child {
  padding-right: 0px;
}

.topright-position {
  position: absolute;
  top: -21px;
  right: -24px;
  z-index: 10;
}

#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;
}

#phase-auto {
  font-size: 13px;
  font-weight: 400;
}
.small-phase-auto {
  color: rgb(55, 183, 58);
  font-size: 12px;
  font-weight: 400;
  margin-left: 40px;
}

.full-hr hr {
  margin-left: 0px; /*-30 0*/
  margin-right: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 2px solid #eee;
}
.detail2-part {
  position: relative;
  background-color: white;
}

.detail2-part .handle {
  /*    
    position: absolute;
    z-index: 1;
    left: 0px;
    top: -30px;
    width: 100%;
    height: 30px;
    cursor: move;    
*/
  border-top: 2px solid #e7e7e7;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: -17px;
  width: 100%;
  height: 30px;
  cursor: move;
}

a.showmode {
  margin-left: 2px;
  margin-right: 2px;
}
.showmode-selected {
  /*background-color: #ffe67a;*/
  padding-top: 4px;
  padding-bottom: 4px;
  color: white;
  background-color: #205085;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.showmode-selected:hover {
  color: white;
  text-decoration: none;
}

/*
.detail2-part > div:first-child {
    padding-top: 5px !important;
}
*/

.width1p {
  width: 1%;
}

.table2 .td2,
.table2 .th2 {
  padding: 0px;
}

.td2day {
  width: 2%;
}

.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;
}

.mp00 {
  margin: 0px;
  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;
}

.btn-default > span.delete-icon {
  position: relative;
  top: 2px;
}
.btn-default > span.delete-icon:hover {
  background-position: 0px 1px;
}

.table2-jobs,
.tbody2-jobs {
  position: relative;
}

.table2-jobs tr:hover {
  background-color: inherit;
}

.tr2-wrks,
.table2-wrks,
.tbody2-wrks {
  position: relative;
}

.d2highlight {
  background-color: #ffc;
  padding: 3px;
  border-radius: 12px;
}

.fullscreen-icon {
  display: block;
  float: left;
  height: 24px;
  padding-left: 30px;
  padding-top: 5px;
  background-image: url(../images/icofusc.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;
}
.fullscreen-icon:hover {
  color: #048707;
  cursor: pointer;
  background-position: 0px -24px;
}

body.fullpage header,
body.fullpage footer {
  display: none;
}
body.fullpage #detail2-container {
  margin-top: -38px;
}

.keyicon {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding-left: 11px;
  padding-top: 9px;
  background-image: url(../images/ekey32.png);
  background-repeat: no-repeat;
  color: #000;
  font-weight: 500;
  font-size: 13px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-size: 100% 100%;
  position: relative;
}
.keyicon.wide {
  width: 48px;
}
.keyicon.wide2 {
  width: 64px;
}

.scale08 {
  transform: scale(0.8);
  transform-origin: 0px -10px;
  width: 125%;
  margin-bottom: -13.3% !important;
}

#seediv-calendar #red-alert {
  top: 75px;
  left: 1.5vw;
  opacity: 0.65;
}
#seediv-calendar #red-alert:hover {
  opacity: 1;
}
#seediv-calendar #timetable-problems {
  top: 133px;
  left: 1.5vw;
}
#seediv-calendar #alert-detail {
  top: 133px;
}

/*
.mail-icon.demands:before {
    content: "p";
    position: relative;
    font-weight: 900;
    font-size: 11px;
    color: #405f97;
    font-style: italic;
    left: -9px;
    top: -4px;
}
.mail-icon.final:before {
    content: "S";
    position: relative;
    font-weight: 900;
    font-size: 13px;
    color: #048707;
    font-style: italic;
    left: -10px;
    top: -3px;
}
*/
#main-tbody .moveud-icon {
  position: absolute;
  top: 11px;
  left: -8px;
  opacity: 0.6;
}
.table.worker-pr #main-tbody .moveud-icon {
  position: absolute;
  top: 12px;
  left: -16px;
  opacity: 0.4;
}

#vac-tbody .moveud-icon {
  position: absolute;
  top: 11px;
  left: -8px;
  opacity: 0.6;
}

.padr50 {
  padding-right: 50px !important;
}

/*
thx Sean Stopnik
*/
.range-slider {
  width: 100%;
  position: absolute;
  width: 200px;
  z-index: 1000;
}

.range-slider__range {
  -webkit-appearance: none;
  width: 99%;
  height: 12px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #ededed;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer !important;
}
.range-slider:hover .range-slider__range {
  border: 1px solid #205085;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #205085;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #205085;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #205085;
}
.range-slider__range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 50%;
  background: #205085;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #205085;
}
.range-slider__range:active::-moz-range-thumb {
  background: #205085;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow:
    0 0 0 3px #fff,
    0 0 0 6px #205085;
}

.range-slider__value {
  display: inline-block;
  position: absolute;
  left: 100%;
  top: -3px;
  min-width: 70px;
  color: #fff;
  line-height: 12px;
  min-height: 16px;
  text-align: right;
  border-radius: 2px;
  background: #205085;
  padding: 2px 3px;
  margin-left: 14px;
}
.range-slider__value:after {
  position: absolute;
  top: 1px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #205085;
  border-bottom: 7px solid transparent;
  content: "";
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

.detail2-part .range-slider {
  top: 0px;
  right: 57px;
}

.spec-slider {
  right: 420px !important;
}

.zoomm-icon {
  display: block;
  height: 24px;
  min-width: 24px;
  padding-left: 24px;
  padding-top: 5px;
  height: 24px;
  max-width: 100%;
  color: #346499;

  background-image: url(../images/icolgm.png);
  background-repeat: no-repeat;
}
.zoomm-icon:hover {
  color: #048707;
  cursor: pointer;
  background-position: 0px -24px;
}

.range-slider .zoomm-icon {
  position: absolute;
  left: -27px;
  top: -4px;
  z-index: 2;
}
.range-slider .zoomm-icon:hover {
  cursor: inherit;
  background-position: 0px 0px;
}

.minimize-icon,
.maximize-icon,
.reset11-icon {
  display: block;
  padding-left: 32px !important;
  padding-top: 5px !important;
  height: 24px;
  max-width: 100%;
  color: #346499;
  /*
  padding-left: 24px;
  padding-top: 0px;
  */
  background-image: url(../images/icomin.png);
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.minimize-icon:hover,
.maximize-icon:hover,
.reset11-icon:hover {
  color: #048707;
  cursor: pointer;
  background-position: 0px -24px;
}
.maximize-icon {
  background-image: url(../images/icomax.png);
}
.reset11-icon {
  background-image: url(../images/ico1-1.png);
}

.minimize-icon.selected,
.maximize-icon.selected,
.fullscreen-icon.selected,
.zoomm-icon.selected {
  background-position: 0px -24px;
}
.minimize-icon.selected:before,
.maximize-icon.selected:before,
.fullscreen-icon.selected:before,
.zoomm-icon.selected:before {
  content: "";
  width: 24px;
  height: 24px;
  padding: 24px;
  background-color: #ffffb8;
  position: absolute;
  left: -12px;
  top: -12px;
  border-radius: 24px;
  z-index: -2;
  transition: background 0.15s linear;
}
.minimize-icon.selected:hover:before,
.maximize-icon.selected:hover:before,
.fullscreen-icon.selected:hover:before,
.zoomm-icon.selected:hover:before {
  background-color: #c4ff98;
  z-index: -1;
}

#seediv-calendar #red-alert {
  top: 87px;
  left: 15px;
  opacity: 0.65;
}

#seediv-calendar #timetable-problems {
  top: 145px;
  left: 19px;
}

.forced-hidden-abs {
  position: absolute !important;
  top: -5000px !important;
  left: -5000px !important;
  opacity: 0 !important;
  z-index: -1000 !important;
}

#gen-btn {
  position: absolute;
  z-index: 2;
  top: -13px;
  left: 300px;
  width: 226px;
  padding: 4px;
  line-height: 1.8;
}

#red-alert {
  transform: scale(0.63);
  transform-origin: top left;
  -webkit-transition:
    transform 0.2s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  -o-transition:
    transform 0.2s linear,
    left 0.15s linear,
    opacity 0.15s linear;
  transition:
    transform 0.2s linear,
    left 0.15s linear,
    opacity 0.15s linear;
}
#red-alert.selected {
  -webkit-transition:
    transform 0.1s linear,
    left 0.1s linear,
    top 0.1s linear,
    opacity 0.15s linear;
  -o-transition:
    transform 0.1s linear,
    left 0.1s linear,
    top 0.1s linear,
    opacity 0.15s linear;
  transition:
    transform 0.1s linear,
    left 0.1s linear,
    top 0.1s linear,
    opacity 0.15s linear;
}
#red-alert:hover,
#red-alert.selected {
  transform: scale(1);
  opacity: 1 !important;
}
#red-alert.selected:hover {
  transform: scale(1.1);
  z-index: 100000;
}

.small-phase-name {
  font-size: 13px;
  margin-left: 25px;
  color: #fbb;
}
.small-phase-name[phase="0"] {
  color: #37b73a;
}
.small-phase-name[phase="1"] {
  color: #37b73a;
}
.small-phase-name[phase="2"] {
  color: #37b73a;
}
.small-phase-name[phase="3"] {
  color: #74deff;
}
.small-phase-name[phase="4"] {
  color: #ff8300;
}
.small-phase-name[phase="5"] {
  color: #ff0000;
}
.small-phase-name[phase="6"] {
  color: #009fff;
}
.small-phase-name[phase="7"] {
  color: #bbb;
}

.small-phase-name[phase="4"],
.small-phase-name[phase="0"],
.small-phase-name[phase="5"],
.small-phase-name[phase="3"] {
  /*background-color: #FFC;
    padding: 3px;
    border-radius: 6px;    */
}

.calendar-icon-blue {
  display: inline-block;
  height: 16px;
  padding-left: 25px;
  background: url(../images/calblue.png) no-repeat left 0;
}

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

#detail2-container {
  width: 97%;
  color: #346499;
  position: relative;
}

#d2wrap-opacity {
  opacity: 0.15;
  -webkit-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}

.slow-opacity {
  -webkit-transition: opacity 1.5s linear !important;
  -o-transition: opacity 1.5s linear !important;
  transition: opacity 1.5s linear !important;
}

ul li .navbar-brand {
  position: absolute;
  left: 48px;
}

div .navbar-inner.container {
  width: 100vw;
  padding: 0px;
  margin: 0px;
}

.nav.navbar-nav.navbar-right.menu {
  position: relative;
  margin: 0px;
  right: 0px;
  width: 125px;
}

.navbar-inner.container {
  position: relative;
}

.nav.navbar-nav.nav-center {
  position: absolute;
  margin: auto;
  width: 980px;
}

.nav-center .nav-calendar b {
}

.nav-center div.calendar-icon-blue {
  position: absolute;
  left: -13px;
  top: -7px;
}

.spec-nav-item span {
  padding-left: 8px;
  margin-right: -8px;
}

.nav.navbar-nav.nav-center.spec-nav {
  width: 400px;
  left: 240px;
}
@media screen and (max-width: 1499px) {
  .nav.navbar-nav.nav-center.quick-nav {
    margin-right: 30px;
    left: 0;
  }
  .nav.navbar-nav.nav-center.spec-nav {
    left: 0;
    margin-right: 100px;
  }
}

.spec-nav-item {
  font-size: 23px;
  padding-right: 45px;
  /*
    color: #a8ff5a !important;
    color: #a8ff5a !important;
    background-color: #FFC;
    */
}

.spec-nav-item small {
  font-size: 15px;
}

/* ========================================
   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);
}

.disable-div {
  position: relative;
  opacity: 0.2;
}

.clickable-div,
.clickable-div-wrap {
  position: relative;
  cursor: pointer;
}
.disable-div:before,
.clickable-div:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("../images/empty.gif");
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  z-index: 100;
}

.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;
}

#d2wmain .d2workers-row:nth-child(odd) {
  background-color: #fffef0;
}

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;
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail1 .tinfo,
#table2-jobs[mode-clocks="-1"] .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;
}

.detail2-part h3.detail2 {
  margin: 0;
  margin-left: -19px;
  font-size: 18px;
  position: absolute;
  font-weight: 400;
  top: -13px;
  font-style: italic;
  color: #ecb2b2;
  background-color: white;
  z-index: 2;
  cursor: pointer;
}
.detail2-part h3.detail2:before {
  content: "▶ ";
  font-style: normal;
}
.detail2-part h3.detail2:hover {
  color: #fc9292;
}

/*
.detail2-part h3.detail2 {    
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;    
    font-size: 18px;
    position: relative;
    font-weight: 400;    
    font-style: italic;
    color: #ff0000;
    z-index: 2;
    cursor: pointer;
    padding-top: 34px;
    background-image: url(../images/ornament32.png);
    background-position: top center;
    background-repeat: no-repeat;    
    margin-top: -20px;
    margin-bottom: 5px;
        
}

.detail2-part h3.detail2:hover {
    color: #fca2a2;
}
*/
div.d2spacer {
  height: 20px;
  width: 1px;
  clear: both;
}

.ajax-busy-cursor {
  cursor: wait !important;
}

.pseudo-hidden {
  opacity: 0.35 !important;
  pointer-events: none;
}

#d2workers-dayrow .d2workers-headrow-daycell {
  background-color: rgba(255, 255, 255, 0.88);
}
#d2workers-dayrow {
  position: absolute;
  z-index: 1010;
  /*pointer-events: none;*/
}

/*
font-size: 21px;
left: -2px;
top: 4px;
*/

#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-redinfo {
  color: red;
  text-align: left;
  float: left;
  width: 100%;
  display: block;
  font-size: 15px;
  font-style: italic;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 9px;
}
@media screen and (max-width: 1279px) {
  #nc3prejobs-redinfo {
    text-align: center;
  }
}

#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;
}

.paircolorpalette {
  display: inline-block;
}

.paircolorpalette.pcpextra {
  float: left;
  height: 0px;
  margin-top: -20px;
}

.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;
}
#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;
}

/*
#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;
}

.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;
}
.ee3-icotd {
  width: 45px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ee3-xlstd {
  width: 14px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.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 {
  height: 90px;
}
#calendar2-buttons2 {
  width: 304px;
}

#calendar2-buttons2 .nc2-button.nc2-blue {
  width: 50%;
  border-top: none;
}

#calendar2-buttons2 .nc2-button.nc2-violet {
  width: 50%;
  border-top: none;
}
#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;
  flex-shrink: 0;
}
.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;
}

#d2wmain .d2workers-row-days .vacation.short-div,
#d2wmain .d2workers-row-days .vacation.short-div {
  color: white !important;
  border-radius: 5px !important;
  z-index: 1 !important;
}
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div {
  background-color: #3a77e2 !important;
}
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="1"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="1"] {
  background-color: #c203ff !important;
}
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="2"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="2"] {
  background-color: #d98e00 !important;
}
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="3"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="3"] {
  background: linear-gradient(
    to right,
    #0a47b2,
    #0a47b2,
    #9203cf,
    #9203cf,
    #d98e00
  );
}

#d2wmain .d2workers-row-days .vacation.zero-impact.short-div,
.vacation.zero-impact.short-div {
  background-color: #b3b8bf !important;
}
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell
  .vacation.zero-impact.short-div[subtype="0"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell
  .vacation.zero-impact.short-div[subtype="1"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell
  .vacation.zero-impact.short-div[subtype="2"],
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell
  .vacation.zero-impact.short-div[subtype="3"] {
  background-color: #b3b8bf !important;
}

#d2wmain .d2workers-row-days .vacation.short-div:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="1"]:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="1"]:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="2"]:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="2"]:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="3"]:hover,
#d2wmain
  .d2workers-row-days
  .d2workers-row-daycell:not(.suitable-2)
  .vacation.short-div[subtype="3"]:hover {
  background-color: #ff0000 !important;
}

#d2wmain .d2workers-row-days .jobjob.short-div {
  border-radius: 5px !important;
}
#d2wmain .d2workers-row-days .jobjob.short-div:hover {
  color: #20ff00 !important;
}

.short-div {
  display: block;
  width: 25px;
  height: 25px;
  clear: none;
  float: left;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0);
}

.help-hourfund-div {
  float: left;
  font-size: 15px;
  color: #444;
  width: 160px;
  height: 30px;
}
.help-hourfund-div > span {
  min-width: 44px;
  position: relative;
  top: 4px;
  height: 22px;
  border: 2px solid #000;
  border-radius: 6px;
  margin-right: 10px;
  display: inline-block;
}

.help-hourfund-div > span[ctype_g="1"] {
  background-color: #5ea85e;
  border-color: #2e882e;
}
.help-hourfund-div > span[ctype_g="-1"] {
  background-color: #d85a5a;
  border-color: #a82a2a;
}
.help-hourfund-div > span[ctype_g="-2"] {
  background-color: #e68201;
  border-color: #b65201;
}
.help-hourfund-div > span[ctype_g="-4"] {
  background-color: #c203ff;
  border-color: #9203cf;
}
.help-hourfund-div > span[ctype_g="-3"] {
  background-color: #3a77e2;
  border-color: #0a47b2;
}

.clearboth {
  clear: both;
}

.d2workers-row-daycell .short-div.short-sub .short-main {
  top: 4px;
}

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

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

.table.worker-pr tr td,
.table.bg-transparent tr td {
  background-color: transparent;
}
.table.worker-pr tr:last-child td {
  border-bottom: none;
}

a.icon:focus {
  outline-offset: 0px;
}
a.icon:hover {
  color: #048707;
}

.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;
  min-height: 15px;
}
.d3option.tag-inside {
  position: relative;
  top: 3px;
}
.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;
  min-height: 12px;
}
.workgrouptag.d3option-tag {
  position: relative;
  top: -3px;
  padding-top: 4px;
  margin-left: -10px;
}

.d3option-tag-wrap {
  position: relative;
  display: inline-block;
  top: 3px;
}
.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;
}

.notetable-othergroup {
  border-top: 2px solid #999 !important;
}

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

.setworker-cell-text .workgrouptag {
  margin-right: 3px !important;
}

#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);
}

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

#workers-visual-keepopen-div {
  position: absolute;
  top: -26px;
  right: 0px;
  /*    top: 0px;
    left: 800px;
*/
}

.d2workers-row .d2workers-name {
  /*max-width: 180px;*/
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.d2workers-row:hover .d2workers-name {
  color: red;
  font-weight: 600;
  /*
font-size: 17px;
font-weight: 600;
    background-color: #FF0000AA !important;
    color: white !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.06);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;  
*/
}

/*
.d2workers-headrow-daycell.targeted, .d2workers-headrow-daycell.targeted *,
.d2workers-headrow-daycell.targeted-col, .d2workers-headrow-daycell.targeted-col *{
*/
/*    
    background-color: #FF0000AA !important;
    color: white !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.06);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;  
*/

/*
#d2wmain[targeted-col="0"] .d2workers-headrow-daycell[day="0"], #d2wmain[targeted-col="0"] .d2workers-headrow-daycell[day="0"] span {
    color: red !important;    
    font-weight: 900;          

}

#d2wmain .d2workers-headrow-daycell.targeted-col {
    background-color: rgba(255,255,224,0.88) !important;
}
#d2wmain .d2workers-row-daycell.targeted-col {
    background-color: rgba(255,255,0,0.24) !important;
}
*/

#d2wmain .left-border {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #ffbb00;
  z-index: 11;
  pointer-events: none;
}
#d2wmain .right-border {
  display: none;
  position: absolute;
  right: 0.5px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #ffbb00;
  z-index: 1000;
  pointer-events: none;
}
/*
#d2wmain .targeted-col .left-border,
#d2wmain .targeted-col .right-border {
    display: block;
}
*/
/* Day notes styling */
.d2workers-headrow-daycell.has-day-note {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  cursor: pointer;
}
.d2workers-headrow-daycell.has-day-note:hover {
  background-color: rgba(255, 255, 0, 0.2);
}
/* Day notes: overlay in its own row under #d2workers-headrow-days-main */
#d2wmain .d2workers-headrow-days {
  position: relative;
  z-index: 20;
}
/* Overlay container for day notes when \"Poznámky\" on – positioned inside dedicated row */
#d2-day-notes-overlay.d2-day-notes-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 50;
}
#d2workers-daynotes-row {
  position: absolute;
  z-index: 1009;
  width: 100%;
  height: 24px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  background-color: rgba(255, 255, 255, 0.88);
}

#d2workers-daynotes-row-placeholder {
  height: 24px;
}
#d2wrap-workers.spec-notransform #d2workers-daynotes-row.float {
  position: fixed !important;
  z-index: 1000 !important;
}
.d2-day-note-overlay-item {
  position: absolute !important;
  display: inline-block;
  margin-top: 2px;
  min-height: 18px;
  max-width: 320px;
  padding: 0px 5px !important;
  border: 1px solid rgba(128, 128, 128, 0.4);
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  height: 16px !important;
}

/* Day note tooltip – stejná struktura jako Tooltipster: bublina = obsah, šipka vystrkuje ven */
#day-note-tooltip {
  display: none;
}
/* Šipka jako u Tooltipsteru: position absolute, vyčnívá nad bublinu (top: -7px) */
#day-note-tooltip .tooltipster-arrow-at-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: 1;
}
#day-note-tooltip .tooltipster-arrow-at-top span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid #4c4c4c;
  top: -7px;
}
#day-note-tooltip .tooltipster-arrow-at-top .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid #000;
  top: -8px;
}
/* Obsah bubliny má horní mezery, aby šipka „seděla“ na horním okraji */
#day-note-tooltip .tooltipster-content {
  margin-top: 8px;
  max-width: 500px;
  word-wrap: break-word;
}
/* V místě napojení šipky na bublinu překrýt černý okraj šedou */
#day-note-tooltip.tooltipster-default::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #4c4c4c;
  pointer-events: none;
}

/* Day note modal footer styling */
#dayNoteModal .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dayNoteModal .modal-footer.text-center {
  justify-content: center;
}
#dayNoteModal .modal-footer #day-note-save-btn {
  margin-left: auto;
}
#dayNoteModal .modal-footer.text-center #day-note-save-btn {
  margin-left: 0;
}

/* Day note modal button styling */
#dayNoteModal .btn-danger {
  border-radius: 4px;
  padding: 12px 25px;
  font-size: 15px;
  border-color: #c9302c;
  color: #fff;
  box-shadow: inset 0 1px 0 #f5c6cb;
  background-image: -moz-linear-gradient(bottom, #c9302c 0%, #e85a5f 100%);
  background-image: -o-linear-gradient(bottom, #c9302c 0%, #e85a5f 100%);
  background-image: -webkit-linear-gradient(bottom, #c9302c 0%, #e85a5f 100%);
  background-image: linear-gradient(bottom, #c9302c 0%, #e85a5f 100%);
}
#dayNoteModal .btn-danger:hover {
  border-color: #ac2925;
  background-image: -moz-linear-gradient(bottom, #b02a27 0%, #c9302c 100%);
  background-image: -o-linear-gradient(bottom, #b02a27 0%, #c9302c 100%);
  background-image: -webkit-linear-gradient(bottom, #b02a27 0%, #c9302c 100%);
  background-image: linear-gradient(bottom, #b02a27 0%, #c9302c 100%);
}
#dayNoteModal .btn-danger:focus,
#dayNoteModal .btn-danger:active {
  border-color: #ac2925;
  background-image: -moz-linear-gradient(bottom, #c9302c 0%, #b02a27 100%);
  background-image: -o-linear-gradient(bottom, #c9302c 0%, #b02a27 100%);
  background-image: -webkit-linear-gradient(bottom, #c9302c 0%, #b02a27 100%);
  background-image: linear-gradient(bottom, #c9302c 0%, #b02a27 100%);
}
#dayNoteModal .btn-success {
  border-radius: 4px;
  padding: 12px 25px;
  font-size: 15px;
  border-color: #307531;
  color: #fff;
  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%);
}
#dayNoteModal .btn-success:hover {
  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%);
}
#dayNoteModal .btn-success:focus,
#dayNoteModal .btn-success: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%);
}

#d2wmain .d2workers-headrow-daycell .left-border {
  left: -1px;
}
#d2wmain .d2workers-headrow-daycell .right-border {
  right: -0.5px;
}

/*
#d2wmain .targeted-col:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: #FFBB00;
    z-index: 1000;
}
#d2wmain .targeted-col:after {
    content: " ";
    position: absolute;
    right: 0.5px;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: #FFBB00;
    z-index: 1000;
}
#d2wmain .d2workers-headrow-daycell.targeted-col:after {
    right: -0.5px;
}
#d2wmain .d2workers-headrow-daycell.targeted-col:before {
    left: -1px;
}
*/

#workers-visual-set .range-slider {
  position: relative;
  margin-left: 32px;
  display: inline-block;
  top: initial;
  right: initial;
  width: 250px;
}

.low-height {
  max-height: 48px !important;
}

#float-div-hideico {
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 1000;
}

.d2workers-row-daycell.d2prev .d2workers-row-dayjob,
.d2workers-row-daycell.d2prev .group-sum-cell-inner {
  opacity: 0.4 !important;
}
.d2workers-row-daycell-seg.d2prev {
  /*    opacity: 0.6 !important;*/
}

#d2wmain[mode-demands="1"] .d2workers-row-daycell-seg.d2prev,
#d2wmain[mode-demands="0"] .d2workers-row-daycell-seg.d2prev,
#d2wmain .d2workers-row[mode-demands="1"] .d2workers-row-daycell-seg.d2prev,
#d2wmain .d2workers-row[mode-demands="0"] .d2workers-row-daycell-seg.d2prev {
  opacity: 0.3 !important;
}

.specsum {
  font-size: 11px;
  position: relative;
  top: -2px;
  font-weight: 900;
}

.invisible-div {
  opacity: 0 !important;
  pointer-events: none !important;
}

.cwg-section-name {
  font-size: 11px;
  font-style: italic;
  color: #aaa;
  margin-left: 4px;
  padding-right: 4px;
}

.ellipsis {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.cwg-jobdiv.noncustom {
  opacity: 0.33;
}

.cwg-color-div {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-top: 1px;
}
.cwg-color-text {
  float: left;
}
.cwg-color-div .palette-color-picker-button {
  float: left;
  width: 17px;
  height: 21px;
  border-radius: 8px;
}
.cwg-color-div .palette-color-picker-button:hover {
  border-color: #ff24fc;
}
.cwg-color-input {
  display: none;
}

.cwg-color-div.first {
  margin-left: 6px;
}
div.cwg-txt {
  display: inline-block;
  padding-top: 2px;
}
.cwg-txt-input {
  width: 250px;
  margin-left: 2px;
  border-radius: 4px;
  max-height: 25px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #979797;
}
div.cwg-txt.long .cwg-txt-input {
  width: 425px;
}

table.ttcfg-table td {
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  text-align: center;
  -webkit-transition: background-color 0.3s linear !important;
  -o-transition: background-color 0.3s linear !important;
  transition: background-color 0.3s linear !important;
  position: relative;
}

table.ttcfg-table td.changed {
  background-color: #ffec53;
}

table.ttcfg-table input {
  width: 60px;
}

#ttcfgtr-head th {
  font-size: 11px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

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

.ttcfg-msg {
  position: absolute;
  width: 100%;
  clear: both;
  z-index: 35;
}

.ttcfg-fnbtn {
  /*min-width: 520px;*/
  position: absolute;
  top: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.grayinfo-cell {
  font-size: 15px;
  font-style: italic;
  color: #888;
  padding-bottom: 16px !important;
  padding-left: 10px !important;
  display: inline-block;
}

#ttcfgtr-head th {
  vertical-align: bottom;
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

#ttcfgtr-head .ttcfg-th-inner {
  display: inline-block;
  -webkit-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

#ttcfgtr-head th.moveup .ttcfg-th-inner {
  color: #d00623;
}

#ttcfgtr-head .ttcfg-head-btn {
  display: block;
  width: 80px;
  margin: 3px auto 0 auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

#ttcfgtr-head th.ttcfg-paid-th.zero-opacity {
  opacity: 1 !important;
}

#ttcfgtr-head th.ttcfg-paid-th.zero-opacity .ttcfg-th-inner {
  opacity: 0;
}

.ttcfg-over {
  color: red;
}
.ttcfg-under {
  color: #30cbdc;
}

.ttcfg-neq-overtime {
  /*    
    width: 25px;
    position: absolute;
    top: 4px;
    right: -13px;
    z-index: 10;
*/
  width: 20px;
  position: absolute;
  top: 0px;
  right: -11px;
  z-index: 10;
}

.btn-dot {
  border-radius: 17px;
  max-width: 26px !important;
  max-height: 16px !important;
  line-height: 1;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

table.ttcfg-table .btn-dot {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: -2px;
  right: -4px;
  z-index: 20;
}

table.ttcfg-table td.changed .btn-dot,
table.ttcfg-table .ttcfg-neq-overtime-btn {
  opacity: 1;
  pointer-events: auto;
}

table.ttcfg-table .ttcfg-neq-overtime-btn {
  top: 17px;
  right: -14px;
  z-index: 5;
  /*
    border-color: red;
    */
}

.mart12 {
  margin-top: 12px !important;
}

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

.width-transition {
  -webkit-transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear !important;
  -o-transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 0.3s linear !important;
  transition:
    margin 0.3s linear,
    max-width 0.3s linear,
    min-width 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;
}

.width1200 {
  max-width: 1200px !important;
}

#editServiceModal.specwide .modal-dialog {
  max-width: 1100px !important;
}

#editServiceModal.specwide .modal-body {
  min-height: 640px;
}
#editServiceModal.specwide.interval7 .modal-body {
  min-height: 525px;
}
#editServiceModal.specwide.no-interval-begin .modal-body {
  min-height: 500px;
}
#editServiceModal.specwide.no-interval-begin.interval7 .modal-body {
  min-height: 325px;
}

.navbar-nav > li {
  float: left;
}

.head-tt-fast-link {
  top: 38px !important;
  transform: scale(0.75);
}

#head-aname-li {
  position: absolute;
  z-index: 10;
  top: 0px;
  /*left: -16px;*/
  left: 0px;
  /*    
    background-color: rgba(55,111,168,0.42);
    */
  background-color: #205085;
  padding-left: 18px;
  padding-right: 18px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#head-aname-li.long {
  top: -7px;
  left: -170px;
}

#head-aname-li.alone {
  top: 18px;
}

#head-aname-li span,
#head-loginto-select {
  color: white;
  font-size: 18px;
  font-weight: 500;
  padding-top: 6px;
  display: inline-block;
  background-color: #205085;
  border: none;
}
#head-loginto-select {
  cursor: pointer;
}
#head-loginto-select option {
  color: white;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  background-color: #205085;
  border: none;
  cursor: pointer;
}
#head-loginto-select option:hover,
#head-loginto-select option:target {
  box-shadow: 0 0 10px 100px orange inset !important;
  background-color: orange !important;
}

@media screen and (max-width: 1279px) {
  #head-logo-div {
    display: none;
  }
  #head-main-ul {
    width: 100vw;
    padding-left: 70px;
  }
  #head-aname-li {
    left: 70px;
  }
  #head-aname-li.long {
    left: 30px;
  }
}

.left-border.blackborder-left,
.right-border.blackborder-right {
  width: 2px !important;
  background-color: #666 !important;
  display: block !important;
  z-index: 2;
}

#d2wmain .d2workers-headrow-daycell .left-border.blackborder-left {
  left: -2px;
}

.d3filter-wrap {
  width: 100%;
  display: flex;
}

.d3filter-name-width {
  width: 200px;
  min-width: 200px;
  clear: none;
  position: relative;
}
.d3filter-main-div {
  clear: none;
  width: 100%;
  padding-right: 200px;
  margin-bottom: 6px;
}

.img-alert20,
.img-info20 {
  width: 20px;
  position: absolute;
  top: -8px;
  right: -9px;
  z-index: 10;
}
.img-alert15,
.img-info15 {
  width: 15px;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 10;
}

.lstats-small-year {
  font-size: 10px;
  position: absolute;
  color: #979292;
  font-weight: 500;
  bottom: -11px;
  left: 37px;
}

.lstats-current {
  background-color: #fdfd6e !important;
}
.lstats-current:hover {
  background-color: #fefe9e !important;
}

.simple-clickable {
  cursor: pointer;
  user-select: none;
}
.simple-clickable:hover {
  opacity: 0.75;
}

.asimplesmall {
  font-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
}

.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;
}

.span-personal-num {
  position: absolute;
  left: -4px;
  top: -10px;
  margin-left: 4px;
  font-size: 9px;
  font-style: italic;
  color: #aaa;
}
.span-personal-fn {
  margin-left: 4px;
  font-size: 9px;
  font-style: italic;
  color: #f43ecf;
}

#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;
}

.txcolor--3 {
  color: #0a47b2 !important;
}
.txcolor--4 {
  color: #9203cf !important;
}
span.spectxcolor {
  color: #303030;
  background: linear-gradient(
    to right,
    #303030,
    #9203cf,
    #9203cf,
    #0a47b2,
    #0a47b2
  );
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
span.spectxcolorb {
  color: #303030;
  background: linear-gradient(
    to right,
    #0a47b2,
    #0a47b2,
    #9203cf,
    #9203cf,
    #303030,
    #303030
  );
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.select-wrap-small .btn-group.bootstrap-select {
  top: -3px;
  background-color: white;
}

.select-wrap-small .btn.dropdown-toggle.selectpicker {
  height: 24px !important;
}
.select-wrap-small .btn.dropdown-toggle.selectpicker span.filter-option {
  height: 22px !important;
  padding-top: 1px !important;
}

#wtable-colo-div .d3option {
  font-size: 13px !important;
}

.history-jobtext-inactive {
  font-size: 11px;
  font-style: italic;
  margin-left: 2px;
  color: #666;
}
.history-jobtext-deleted {
  font-size: 10px;
  font-style: italic;
  margin-left: 0px;
  color: #c66;
}

.rec-date .short-div {
  overflow-y: visible;
  height: 23px !important;
  overflow-x: clip;
  display: inline-block;
  float: none;
}

#workspace-table tr td .plan-cell-div {
  max-height: 20px;
  margin-top: 0px !important;
  margin-right: 10px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}

#workspace-table tr td .plan-cell-wrap {
  min-width: 60px;
}

#workspace-table .mjh-maintable {
  font-size: 12px;
  font-weight: 500;
}
#workspace-table td.jobname-td {
  font-size: 17px;
}

#excel-export-backdiv {
  position: fixed;
  z-index: 5000;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.35);
  pointer-events: none;
  opacity: 0;
}

#excel-export-backdiv.in {
  pointer-events: all;
  opacity: 1;
}

#excel-export-info {
  background-color: #fff;
  padding: 24px;
  border: 2px solid #3a72ab;
  text-align: center;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 500px;
  height: 200px;
  z-index: 6000;
}

#mail-export-select-wrap.zero-opacity {
  pointer-events: none;
}

#mail-export-select + div.bootstrap-select {
  background-color: white;
  position: relative;
  top: -6px;
  width: 100%;
  pointer-events: auto;
}

#excel-export-btn-close.disabled {
  pointer-events: none;
}

td[disabled] {
  opacity: 0.4;
  pointer-events: none;
}

.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;
}

.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;
}

#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;
}

.search-div {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  top: -2px;
}
.search-div input {
  padding-left: 38px;
}
.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-top {
  position: sticky !important;
  position: -webkit-sticky !important;
  background-color: #ffffffe0 !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-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;
}

.nct-hidden {
  display: none !important;
}
html.coreteam .nct-hidden {
  display: block !important;
}
html.coreteam #help-fundhour,
html.coreteam #top,
html.coreteam footer,
html.coreteam #seediv-workers > div > div.row.row0,
html.coreteam .d2workers-mail,
html.coreteam .d2workers-fmail,
html.coreteam #d3mp-navpart,
html.coreteam .flash-container {
  display: none !important;
}
html.coreteam .d2workers-headrow-head {
  opacity: 0 !important;
  pointer-events: none !important;
}
html.coreteam #d2wmain .d2workers-row-head,
html.coreteam #d2wmain .d2workers-headrow-head {
  width: 160px !important;
}
html.coreteam #d2wmain .d2workers-namepart {
  width: 120px !important;
}
html.coreteam #d3mainpanel {
  height: 47px !important;
  margin-bottom: -20px !important;
  z-index: 10;
}
html.coreteam body {
  margin-bottom: 0px !important;
}
html.coreteam body #d2notetable-footnote {
  margin-bottom: -50px !important;
}
html.coreteam #nc2-helpico,
html.coreteam #nc2-force-cnote-text,
html.coreteam div .fira1.text-center,
html.coreteam #calendar2-note-edit,
html.coreteam #calendar2-select,
html.coreteam #calendar2-bottom,
html.coreteam #nc3prejobs-div,
html.coreteam #calendar2-note,
html.coreteam #nc2-fullname + h4 {
  display: none;
}
html.coreteam #calendar2-note-edit.nc2-float {
  display: block;
}
html.coreteam #calendar2-part2 {
  height: 0px;
}
html.coreteam #calendar2-main {
  padding-bottom: 0px !important;
  padding-right: 15px !important;
}

html.cleantop #top ul li,
html.cleantop .bg-blue.pull-right.spec,
html.cleantop #xrabbit,
html.cleantop #xgoat,
html.cleantop #xbat {
  display: none !important;
}
html.cleantop #top ul #head-aname-li,
html.cleantop #top ul li.forced-float-right,
html.cleantop #top ul.nav-last-links li:nth-child(2) {
  display: block !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;
}

.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.44);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/*tmp*/
#replace-mode-hint .replace-mode-hint-popup::after {
  position: absolute;
  z-index: 10;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  font-size: 11px;
  bottom: -17px;
  left: 6px;
  padding-right: 6px;
  padding-left: 6px;
  background-color: rgba(0, 0, 0, 0.28);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  white-space: nowrap;
}

.algext-label {
  font-weight: 700;
  padding-top: 4px;
  display: block;
}
.algext-label2 {
  font-weight: 700;
  padding-bottom: 12px;
  padding-right: 6px;
  float: left;
  width: 360px;
  text-align: right;
}
#algext-div label {
  margin-right: 16px;
}

#supa-allmail-div > div:nth-child(odd) {
  background-color: rgb(255, 251, 225);
}

@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;
  }
}

#d2wrap-workers .d2ciconbg {
  position: absolute;
  z-index: 4;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
#d2wrap-workers .d2cicon-wrap {
  position: absolute;
  z-index: 16;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center;
  pointer-events: none !important;
}
#d2wrap-workers .d2cicon {
  pointer-events: none !important;
  position: absolute;
  width: 50px !important;
  height: 50px !important;
  bottom: -15px !important;
  z-index: 200;
  /*        
	left: 0 !important;
	right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
*/
  float: none !important;
  left: 50% !important;
  transform: translateX(-50%);
}
#d2wrap-workers .d2cicon > div {
  position: absolute;
  background-repeat: no-repeat;
  z-index: 201;
  width: 14px;
  height: 14px !important;
  background-image: url(../images/icoset14.png);
}
#d2wrap-workers .d2cicon > div:first-child {
  width: 20px;
  height: 20px !important;
  left: 15px;
  top: 15px;
  z-index: 202;
  background-image: url(../images/icoset20.png);
}
#d2wrap-workers .d2cicon > div {
  display: none;
}
#d2wrap-workers .d2cicon > div:first-child {
  display: block;
  background-color: rgba(255, 255, 255, 0.77);
  border-radius: 16px;
}
#d2wrap-workers .d2workers-row-daycell:hover .d2cicon-wrap {
  z-index: 5;
}
#d2wrap-workers
  .d2workers-row-daycell:hover
  .d2cicon-wrap
  .d2cicon
  > div:nth-child(n + 2) {
  background-color: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 16px;
  height: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  z-index: 1250 !important;
}
#d2wrap-workers .d2workers-row-daycell .d2cicon-overload:after {
  content: " ";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: #77b4f1;
  left: -1px;
  bottom: 0px;
}
#d2wrap-workers .d2workers-row-daycell:hover .d2cicon-overload:after {
  content: none;
}
#d2wrap-workers .d2ciconbg.warning {
  background-color: rgba(255, 210, 128, 0.6);
  border: 1px dashed rgb(206, 133, 0);
  animation-duration: 1000ms;
  animation-name: d2cicon-highlight1;
  animation-iteration-count: infinite;
  animation-timing-function: steps(3);
}
#d2wrap-workers .d2workers-row-daycell .d2ciconbg.error {
  background-color: rgba(255, 88, 88, 0.7);
  border: 1px dashed red;
  animation-duration: 1000ms;
  animation-name: d2cicon-highlight2;
  animation-iteration-count: infinite;
  animation-timing-function: steps(3);
}
#d2wrap-workers
  .d2workers-row-daycell
  .d2ciconbg.error35:not(.error):not(.warning) {
  background-color: rgba(255, 88, 88, 0.85);
  border: 1px dashed red;
  border-left: none;
  border-right: none;
  height: 5px !important;
  z-index: 3 !important;
  animation-duration: 1000ms;
  animation-name: d2cicon-highlight2;
  animation-iteration-count: infinite;
  animation-timing-function: steps(3);
}
#d2wrap-workers
  .d2workers-row-daycell
  .d2ciconbg.warning35:not(.error35):not(.error):not(.warning) {
  background-color: rgba(255, 165, 0, 0.7);
  border: 1px dashed orange;
  border-left: none;
  border-right: none;
  height: 5px !important;
  z-index: 3 !important;
}

html.no-blink #d2wrap-workers .d2workers-row-daycell .d2ciconbg.error35,
html.no-blink #d2wrap-workers .d2workers-row-daycell .d2ciconbg.warning35,
html.no-blink #d2wrap-workers .d2workers-row-daycell .d2ciconbg.error,
html.no-blink #d2wrap-workers .d2workers-row-daycell .d2ciconbg.warning {
  animation-name: unset !important;
  animation-duration: unset !important;
}

html.hide-d2cicon #d2wrap-workers .d2cicon-wrap,
#d2wmain[mode-wplan="-1"] .d2cicon-wrap,
html.hide-d2cicon #d2wrap-workers .d2ciconbg,
#d2wmain[mode-wplan="-1"] .d2ciconbg {
  display: none !important;
}
@keyframes d2cicon-highlight1 {
  from {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.15);
  }
  to {
    filter: brightness(1);
  }
}
@keyframes d2cicon-highlight2 {
  from {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.55);
  }
  to {
    filter: brightness(1);
  }
}

#d2wmain .d2workers-row-dayjob .short-div:not(.jobjob):not(.vacation) {
  text-shadow:
    -1px -1px 1px #fff,
    1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    -1px 0px 1px #fff,
    1px 0px 1px #fff,
    0px -1px 1px #fff,
    0px 1px 1px #fff;
}
html:not(.replace-mode)
  #d2wmain
  .d2workers-row-dayjob
  .short-div:not(.jobjob):not(.vacation):hover {
  text-shadow:
    -1px -1px 1px #3b0671,
    1px 1px 1px #3b0671,
    1px -1px 1px #3b0671,
    -1px 1px 1px #3b0671,
    -1px 0px 1px #3b0671,
    1px 0px 1px #3b0671,
    0px -1px 1px #3b0671,
    0px 1px 1px #3b0671;
}

.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;
}

/*
works but superseeded in js
@media screen and (min-width: 1490px) and (max-width: 1820px) {
    #div-setjob.d2jobsel2 {
        transform: scaleX(0.81);
        transform-origin: left;
        left: 15px !important;
    }
}
*/

#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;
}

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

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 #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;
}

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

#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);
}

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

html.nc2-fixed-width #longterm-claims-div.ltc-compact #calendar2-part1::after {
  content: none;
}
#ejf-footer.specwide {
  padding-bottom: 70px;
}
#ejf-footer.specwide #btnsavenext {
  position: absolute;
  left: -5px;
  top: 55px;
}

.span-personal-fn {
  position: absolute;
  left: -4px;
  top: 15px;
  color: #ce8ac0;
}

.td-worker-qual {
  font-size: 12px;
}
#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;
}

#ewm-qual-div label {
  margin-right: 10px;
  display: inline;
  white-space: nowrap;
}
.manyjobs #ewm-qual-div {
  padding-right: 0px;
  text-align: justify;
}
.manyjobs #ewm-qual-div label {
  margin-bottom: 0px;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#editWorkerModal.manyjobs > div {
  min-width: 95vw;
}
#ewm-qual-div {
  padding-bottom: 4px;
}
.manyjobs #ewm-qual-div {
  width: 84vw !important;
}
.manyjobs #ewf-note-div {
  width: 83vw !important;
}
.manyjobs #ewm-tag-div {
  width: 38vw !important;
}
.manyjobs #calendar2-body {
  max-width: 1000px;
}
.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;
}

.short-div.extraline {
  transform: scaleY(0.66);
  height: 37px;
  transform-origin: top left;
  margin-bottom: -12px;
}

#d2wmain .short-div.extraline {
  transform: scaleY(0.66) !important;
  height: 37px !important;
  min-height: 37px !important;
  margin-bottom: -12px !important;
  transform-origin: top left !important;
  /*display: table-cell !important;*/
}

.short-div.extraline .short-extra {
  position: absolute;
  left: auto;
  left: 2px;
  bottom: 1px;
  font-size: 10px;
  color: red !important;
  text-shadow:
    -1px -1px 1px #fff,
    1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    -1px 0px 1px #fff,
    1px 0px 1px #fff,
    0px -1px 1px #fff,
    0px 1px 1px #fff;
}

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;
}

.ee1-datanote {
  font-size: 12px;
  float: left !important;
  margin-bottom: 6px;
  font-style: italic;
  color: #bbb;
}

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;
}

.no-spinner {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: right;
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Spinner animation for AJAX operations */
.spinner {
  position: relative;
  pointer-events: none;
  opacity: 0.6;
}

.spinner:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #346499;
  animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/* Styles for inactive and deleted workers in schedules */
.worker-inactive {
  opacity: 0.7;
}

.worker-inactive .d2workers-name {
  opacity: 0.7;
}

.worker-inactive-name,
.worker-inactive-text {
  color: #999;
  opacity: 0.8;
}

.worker-deleted {
  opacity: 0.6;
  background-color: #f5f5f5;
}

.worker-deleted .d2workers-name {
  opacity: 0.6;
  font-style: italic;
}

.worker-deleted-name,
.worker-deleted-text {
  color: #666;
  font-style: italic;
  opacity: 0.8;
}

/* Styles for inactive/deleted workers in setworker modal */
.setworker-cell.worker-inactive {
  opacity: 0.7;
}

.setworker-cell.worker-inactive .setworker-cell-text {
  opacity: 0.7;
}

.setworker-cell.worker-deleted {
  opacity: 0.6;
  background-color: #f5f5f5;
}

.setworker-cell.worker-deleted .setworker-cell-text {
  opacity: 0.6;
  font-style: italic;
}

/* Position adjustments for calendar buttons based on demands_expanded */
.css-expanded {
  left: 1px;
}

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

#d2workers-daynotes-row .d2workers-row-days .d2workers-row-daycell {
  background-color: rgba(255, 255, 255, 0);
}

#d2workers-daynotes-row
  .d2workers-row-days
  .d2workers-row-daycell
  .d2workers-dayborder {
  background-color: inherit !important;
}