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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

	left:0;
	top:auto;
}

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

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


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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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


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

	min-width: 80px;

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


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

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

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

	background-repeat: repeat !important;

	background-color: #EEE;

}

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

.didb-0, .jcc-didb-0 {background-color: #FFF;}
.didb-1, .jcc-didb-1 {background-color: #AAF;}
.didb-2, .jcc-didb-2 {background-color: #AFA;}
.didb-3, .jcc-didb-3 {background-color: #FAA;}
.didb-4, .jcc-didb-4 {background-color: #FFA;}
.didb-5, .jcc-didb-5 {background-color: #FAF;}
.didb-6, .jcc-didb-6 {background-color: #AFF;}


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

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

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

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

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




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

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

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


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

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


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


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






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

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

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

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

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

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

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

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

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

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







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

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

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

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

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

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

.priority-color-3 {
	color: #B46499;
}
.priority-color-3:hover {
	color: #C47499;
}

.priority-color-4 {
	color: #F46409
}
.priority-color-4:hover {
	color: #FF7429
}

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

.nonactive-color {
	color: #D3D3D3;
}
.nonactive-color:hover {
	color: #E3E3E3;
}

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

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

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

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

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

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

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

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

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


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

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

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




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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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


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

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

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

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


#red-alert {
	position: fixed;
	top: 35px;
	left: 15px;
	z-index: 1000;
	width: 68px;
	height: 60px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 1.0;
	-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: 93px;
	left: 19px;
	/*z-index: 1000;*/
        z-index: 1001;
	padding: 10px;
/*
	min-width: 550px;
*/
	max-height: 70%;
	overflow: auto;
	opacity: 1.0;
	-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.0 !important;
}

#alert-wrap #alert-detail {
	position: fixed;
	top: 93px;
	left: 520px;
	z-index: 1001;
	padding: 20px;
	padding-top: 30px;
	/*min-width: 300px;*/
        min-width: 400px;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #888;
	max-height: 70%;
	overflow: auto;
	opacity: 1.0;
	-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.0;
	-webkit-transition: opacity 0.1s linear;
	-o-transition:  opacity 0.1s linear;
    transition:  opacity 0.1s linear;
}
#alert-wrap #alert-detail-close:hover {
	opacity: 0.5;
}
#alert-detail-data {
	min-width: 400px;
}

#info-wrap #info-detail {
	position: fixed;
	top: 138px;
	left: 520px;
	z-index: 1001;
	padding: 20px;
	padding-top: 30px;
	min-width: 300px;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #888;
	max-height: 80%;
	overflow: auto;
	opacity: 1.0;
	-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.0;
	-webkit-transition: opacity 0.1s linear;
	-o-transition:  opacity 0.1s linear;
    transition:  opacity 0.1s linear;
}
#info-wrap #info-detail-close:hover {
	opacity: 0.5;
}
#info-detail-data {
	min-width: 400px;
}


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

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

td {
	background-clip: padding-box;
}

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

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


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

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

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

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

#workspace-table td.comb {
	background-color: #8EF7FF;
}
#workspace-table td.comb:hover {
	background-color: #AEF7FF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.uncondensed {
	margin-top: 15px;
}

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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


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


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


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

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

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




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

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


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

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

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


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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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


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


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


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


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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

#max-div {
	width: 304px;
}

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

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

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

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

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

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


#calendar-body {
	display: table;
}

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

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

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


@media screen and (min-width: 640px) {

	#nc-specfill {
		display: block;
	}
	#calendar-part1 {
		width: 303px;
	}
	#calendar-part2 {
		width: 337px;
	}

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


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

	#calendar-note {
		display: none;
	}

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

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

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

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

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


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

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

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

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

	#cnotesave1 {
		float: left;
		width: 92px;
	}
	#cnotesaven {
		float: right;
		width: 200px;
	}
	#ccgsave1 {
		float: left;
		width: 92px;
	}
	#ccgsaven {
		float: right;
		width: 200px;
	}
        
	#calendar-bottom {
		margin-top: 0px;
	}


}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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





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

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

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


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



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

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

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

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

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

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

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

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

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

#net-error {
	background-color: rgba(255,0,0,0.75);
	color: white;
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0px;
	top: 0%;
	padding-top: 40vh;
	opacity: 0;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	z-index: -100;
    -webkit-transition: all 0.4s linear;
    -o-transition:  all 0.4s linear;
    transition:  all 0.4s linear;
}

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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


#sc-table td {
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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


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

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

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

.container h3.notesum {
	display: block;
}

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

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

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

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

.notetable-row {
	position: relative;
/*        
	margin-top: 4px;
	padding-top: 2px;
*/
	margin-top: 0px;
	padding-top: 2px;
        padding-bottom: 2px;
        
	display: block;
	border-top: 1px solid #dedede;
	/*width: 105%;*/
        width: 100%;
	clear: both;
}
.notetable-row.first-row {
    border-top: none;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

.noterjobico .short-div.holi {
    opacity: 0.06;
}
.noterjobico.holi {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

}
#notetable-body-wrap #notetable-body.ntrjob2.ntpoint2 .noterjobico,
#notetable-body-wrap #notetable-body.ntrjob2.ntpoint3 .noterjobico {
    bottom: 0px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.sa-gditem {
	position: relative;
	padding-top: 2px;
	padding-left: 2px;
	width: 100%;
	max-height: 80px;
	overflow: hidden;
	border-top: 1px solid rgba(200,200,255,0.6);
	/*display: table;*/
	clear: both;
	margin-top: 2px;
	cursor: pointer;
}
.sa-gditem:hover {
	background-color: rgb(255,240,200);
}
.sa-gditem-id {
	width: 60px;
	height: 100%;
	color: #e04444;
	font-size: 16px;
	margin-right: 5px;
	border-right: 1px solid #DDD;
	float: left;
}
.sa-gditem-types {
	height: 100%;
	color: #4444e0;
	font-size: 15px;
	margin-right: 5px;
	padding-right: 4px;
	border-right: 1px solid #DDD;
	float: left;
}
.sa-gditem-preview {
	color: #888;
	margin-top: 2px;
	font-size: 13px;
}
.sa-gditem-del {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 19px;
	float: right;
	z-index: 100;
}

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

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

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


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


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

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

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


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

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

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

.cursor-pointer {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#qo_list_div {
	padding-left: 25px;
}

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

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

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

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

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

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

.mjh-custom {
    color: #ff6600;
}

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

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

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

.td-empty {
    width: 130px;
}

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

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

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

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

#adminnavbar .nav.nav-center {
    float: left;
    padding-left: 85px;
}

#adminnavbar .nav > li {
    float: left;
}

#adminnavbar .nav.navbar-right {
    float: right;
    margin: 0;    
}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

.ssui-section {
    margin-bottom: 24px;
    border: 1px solid rgb(235,220,60);
    background-color: rgb(255,240,180);        
}
.ssui-sectionname {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}

.ssui-sectionbody {
    padding-left: 26px;
}

.ssui-row {    
    padding-bottom: 3px;
    padding-top: 3px;
    display: block;   
    border-bottom: 1px solid rgba(100,100,100,0.15);
    clear: both;
    overflow: auto;
}
.ssui-sectionbody {
    transform: scaleY(0.77);
    transform-origin: 0 0;
    margin-bottom: -14%;
}

.ssui-sectionbody .ssui-row:nth-child(odd) {
    background-color: rgba(255,255,255,0.32);
}

.ssui-row-name {
    width: 550px;
    font-weight: 700;
    text-align: right;    
    display: block;
    float: left;    
    padding-right: 6px;
}

.ssui-row-edit {
    width: 100px;
    height: 22px;
    font-size: 12px;    
    margin-right: 16px;
    display: block;
    float: left;
}

.ssui-row-option {
    margin-right: 2px;
    display: block;
    float: left;    
    font-size: 13px;
}

.ssui-row-bitmask {
    margin-right: 2px;
    display: block;
    float: left;    
    font-size: 13px;
}

.ssui-unknownstate {
    display: block;
    float: left;    
    font-size: 12px;    
    color: red;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
    overflow-x: hidden;
}

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

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

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


#supa-clients-table tr:nth-child(odd) td {
    background-color: #e5feff;
}
#supa-clients-table tr:nth-child(even) td {
    background-color: #f3ffdb;
}
#supa-clients-table tr.tr-tariff-6 td {    
    background-color: #fff5a3;
    border-top: 2px solid #ff7171;
    border-bottom: 1px solid #ff7171;    
}

#supa-clients-table tr, #supa-clients-table tr td {
    position: relative;
}

#supa-clients-table tr.tr-tariff-4 { border-left: 5px solid red;}
#supa-clients-table tr.tr-tariff-3 { border-left: 5px solid purple;}
#supa-clients-table tr.tr-tariff-2 { border-left: 5px solid orange;}
#supa-clients-table tr.tr-tariff-1 { border-left: 5px solid blue;}
#supa-clients-table tr.tr-tariff-0 { border-left: 5px solid green;}
#supa-clients-table tr.tr-tariff-5 { border-left: 5px solid yellow;}
#supa-clients-table tr.tr-tariff-7 { border-left: 5px solid #dbff2f;}
#supa-clients-table tr.tr-tariff-6 { 
    border-left: 5px solid aqua;
    left: -4px;
}
#supa-clients-table tr.tr-tariff-6 td:first-child:before {
    content: " ";
    background-color: aqua;
    width: 8px;
    position: absolute;
    left: -8px;
    top: 0px;
    height: 100%;
}

#supa-clients-table tr td.td-client-inactive-1 {
    background-color: #dedede;
}

#supa-clients-table tr td {
    padding-bottom: 2px;
}

#supa-clients-table tr.sct-tr-space {
    height: 58px;
    opacity: 0;
}
#supa-clients-table tr.sct-tr-space.small {
    height: 14px;
}

#supa-clients-table tr:hover {
    background-color: inherit;
    opacity: 0.83;    
}


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


#head-main-ul {
    width: 100vw;   
    padding-left: 0px !important;
    position: absolute;
}

#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;
    /*#306199;*/    
    padding-left: 18px;
    padding-right: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;    
}
#head-aname-li.alone {
    top: 18px;
}

#head-aname-li.long {    
/*    
    top: -7px;    
    left: -170px;    
*/
}


#head-aname-li span,
#head-loginto-select {
    color: white;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 10;
    top: 0px;
    /*padding-top: 6px;*/
    display: inline-block;
    background-color: #205085;
    /*#306199;*/    
    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;
}



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

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


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

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

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

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

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

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

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

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

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

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

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

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


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


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


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

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


#demands-wrap  #notetable-main-wrap .notetable-col.selected {
    box-shadow: inset 0 0 0 1000px rgba(255,250,0,0.3) !important;
}
						 
#demands-wrap  .notetable-headrow .notetable-daynum.selected {						 
    color: red;
    transform: scale(1.3);
    transform-origin: center bottom;
    /*position: relative;*/
    top: -3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#demands-wrap {
    position: relative;    
}

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

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

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

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

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


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



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

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

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

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

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

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


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


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

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

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

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

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

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

#ctrl-hint-line0 span,#ctrl-hint-line1 span {
    float: left;
    margin-right: 4px !important;
}
    
.replace-mode-line {
    position: relative;
    top: 2px;
    min-width: 170px;
    text-align: right;
    float: left;
    margin-right: 6px;
    font-size: 12px;
    font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

*/

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

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

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

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

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

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

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

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

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








/*

CALENDAR NC2 part
*/

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

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


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

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

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


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

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

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

.calendar2-buttons {
	position: relative;
	width: 280px;
	height: 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 */
}

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

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

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



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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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



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

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

*/

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

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

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

.calendar2-buttons .nc2-button .nc2-text {
	position: absolute;
	left: 26px;
	top: 13px;
	font-size: 15px;
	font-weight: 400;
}
.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;
}

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

#calendar2-body {
	display: table;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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





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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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



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

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

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




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

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


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


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

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



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

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





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




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


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



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




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


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


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

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

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


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

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


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

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


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


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

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

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


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


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

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




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


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



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


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





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

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

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

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

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




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


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

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

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

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

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

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

#calendar2-glass-div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1400;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0.35;
    background-color: #000;
}

#calendar2-body .nc2-cell[s0cvg="1"] .nc2-note {
	background-position: 0px -15px;
}
#calendar2-body .nc2-cell[s0cvg="-2"] .nc2-note {
	background-position: 0px -30px;
}
#calendar2-body .nc2-cell[s0cvg="-1"] .nc2-note {
	background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-4"] .nc2-note {
	background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-3"] .nc2-note {
	background-position: 0px -45px;
}
#calendar2-body .nc2-cell[s0cvg="-5"] .nc2-note {
	background-position: 0px -45px;
}


#ewf-priority + div {
    width: 310px;
}

#hourfund-div .row {
    margin-bottom: 15px !important;
}
.param-fixed {
    color: red;
    font-style: italic;
    font-size: 13px;
}

.input100 {
    width: 100px;
    display: inline-block;
}

#calendar2-body .nc2-cell.nc2-holiday .nc2-text{
    /*color: #ffb2ff !important;    */
    border-radius: 12px;        
    /*border: 1px solid #ffb2ff;*/
    left: 2px;
    padding-left: 3px;
    padding-right: 3px;    
    background-color: rgba(255,220,255,0.32);
}
#calendar2-body .nc2-cell[s0cvg="0"].nc2-holiday .nc2-text{
    background-color: transparent;
    color: #d837d8 !important;
    border: none;    
}
#calendar2-body .nc2-cell[s0cvg="0"][s0av="-1"].nc2-holiday .nc2-text{
    color: #eca1ec !important;    
}

#nc2-hourfund-div .col-xs-7 {
    border: 1px solid #d4d4f7;
/*    background-color: #eef1ff;*/
    background-color: #346499;
    color: white;        
}

.nc2-hourfund-row,
#nc3workerstats .row {
    margin-bottom: 6px !important;
}

#nc2-hourfund-div .col-xs-5 {
    font-size: 15px;
}







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

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

.nc3-jobicos {
    width: 34px;
    height: 32px;
    padding: 3px;
    background-color: white;
    border: 1px solid rgb(59, 83, 193);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.65;
    border-radius: 11px;
    pointer-events: none;
    overflow: hidden;
}
.nc3-jobicoswrap {
    width: 54px;
    height: 54px;    
}
.nc3scale2 {
    transform: scale(0.5, 1);
    transform-origin: 0px 0px;
}
.nc3scale4 {
    transform: scale(0.5, 0.5);
    transform-origin: 0px 0px;    
}
.nc3shift {
    float: left;
}

#nc3workerstats .col-xs-7 {
    border: 1px solid #d4d4f7;
    /*background-color: #eef1ff;*/
    background-color: #346499;
    color: white;    
    text-align: center;
}

#nc3prejobs-div {
/*    
    width: 240px;
    margin-right: 24px;
*/
    width: 300px;    
    display: inline-block;    
}

#nc3prejobs-div .nc3pjrow {
    width: 100%;
    height: 26px;    
    border-radius: 8px;
}
#nc3prejobs-div .nc3pjspacerow {
    height: 5px;
    width: 100%;
}
#nc3prejobs-div .nc3pjrow .part {
    float: left;        
    min-height: 26px;
}
#nc3prejobs-div .nc3pjrow[ctype_g="1"] {
    background-color: #8ed88e;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-1"] {
    background-color: #f88a8a;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-2"] {
    background-color: #ffb231;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-4"] {
    background-color: #e96aff;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-3"] {
    background-color: #6aa7ff;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-5"] {
    background-color: #b29c94;
}
/*
#nc3prejobs-div .nc3pjrow[ctype_g="1"] {
    background-color: #5ea85e;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-1"] {
    background-color: #d85a5a;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-2"] {
    background-color: #e68201;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-4"] {
    background-color: #b93ae2;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-3"] {
    background-color: #3a77e2;
}
#nc3prejobs-div .nc3pjrow[ctype_g="-5"] {
    background-color: #826c64;
}
*/
#nc3prejobs-div .nc3pjrow .part:first-child {
    width: 70px;
    color: #346499;
    font-style: italic;        
    background-color: rgba(255,255,255,0.55);
    border-radius: 8px;    
}
#nc3prejobs-div .nc3pjrow .part.nc3holiday1:first-child,
#nc3prejobs-div .nc3pjrow .part.nc3holiday3:first-child {
    color: #d837d8;
}
#nc3prejobs-div .nc3pjrow .part.nc3holiday2:first-child {
    color: #b94242;
}

#nc3prejobs-div .nc3pjrow .pjtime {
    padding-left: 20px;
    color: #666;
    font-weight: 700;   
}
@media screen and (max-width: 1279px) {
    html.nc2-dynamic-width .nc3prejobs #nc3prejobs-div {
        margin-top: 6px;
        margin-bottom: 0px !important;
    }    
}

#nc3prejobs-div.limited {
    max-height: 140px;
    overflow: auto;    
}


/*
@media screen and (min-width: 1280px) {
    .nc3prejobs #nc3prejobs-div {
        margin-bottom: 200px;
    }
}
*/

.nc3-ico-plus {
    display: inline-block;
    min-width: 32px;
    height: 32px;    
    position: relative;	
    background-image: url(../images/icoplus32.png);
    background-repeat: no-repeat;
    background-position: left 0px;    
    cursor: pointer;
    text-indent: 38px;
    padding-top: 5px;    
    color: #048707;
}
.nc3-ico-plus:hover {
    opacity: 0.65;
}

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


.paircolorpalette {
    display: inline-block;
}

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

.pcp-cell {
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    width: 22px;
    min-height: 22px;
    text-align: center;
    padding-top: 3px;
/*    border: 1px solid #555;    */
    margin: 2px;
    float: left;
    cursor: pointer;
}

.pcp-cell:hover {
    position: relative;
    top: -2px;
}





#nc2_revertline, .nc2_revertline {
    font-size: 11px;
    font-style: italic;
    font-weight: 500;
    color: #888;    
    padding-bottom: 8px;
    position: relative;
    height: 18px;
}
#table-wdems .nc2_revertline {
    position: absolute;
    left: 9px;
    bottom: -4px;
    padding-bottom: 0px;
    pointer-events: none;
    width: 100%;
    z-index: 10;   
    white-space: nowrap;
    opacity: 0.55;
}
#table-wdems .sticky-top {
    z-index: 20 !important;
    background-color: rgba(255,255,255,0.96) !important;
}

#nc2_rl_notsend, .nc2_rl_notsend {
    position: absolute;
}
#nc2_rl_send, .nc2_rl_send {
    position: absolute;
}
#nc2_rl_refresh, .nc2_rl_refresh {
    position: absolute;
/*    
    top: -13px;
    left: 132px;    
*/
    top: -4px;
    left: 470px;
    font-size: 13px;
}

#nc2_rl_diff, .nc2_rl_diff {
    position: absolute;
    top: -1px;        
    left: 256px;
    color: #ff5400;
}
#table-wdems .nc2_rl_diff {
    left: 284px;
}

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

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

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

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

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

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

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












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

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

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


#calendar2-date-claim {
	position: relative;	
	font-size: 13px;
	color: white;
	font-weight: 400;	
	text-align: left;
	left: 1px;
        top: 0px;
        font-style: italic;
        margin-top: -17px;
        min-height: 19px;
}

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

#calendar2-body .nc2-cell .nc2-claimshort {
	position: absolute;
	left: 1px;
	bottom: 1px;
	color: rgba(0,0,0,0.5);
	font-weight: 400;
        background-color: rgba(255,255,230,0.6);
        text-align: center;
        border-top-right-radius: 6px;        
	font-size: 11px;
        width: 18px;
        height: 13px;        
}
html.nc2-dynamic-width #calendar2-body .nc2-cell .nc2-claimshort {
	font-size: 12px;
        width: 20px;
        height: 14px;        
}
/*html:not(.nc2-dynamic-width) .nc2-demexp  #calendar2-select-wrap {*/
.nc2-demexp  #calendar2-select-wrap {
    min-height: 211px;
}

#calendar2-body .nc2-cell.nc2-blue .nc2-ico {
	background-position: 0px -165px;
	display: block;
}
#calendar2-body .nc2-cell.nc2-violet .nc2-ico {
	background-position: 0px -180px;
	display: block;
}
#calendar2-body .nc2-cell.nc2-violet .nc2-note {
	background-position: 0px -45px;
}
#calendar2-body .nc2-cell.nc2-blue .nc2-note {
	background-position: 0px -30px;
}

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

.calendar2-buttons .nc2-button.nc2-blue .nc2-text {
	color: rgb(6,158,220);
}
.calendar2-buttons .nc2-button.nc2-violet .nc2-text {
	color: rgb(166,49,119);
}
#ccgsave1 {
	width: 92px;
}
#ccgsaven {
	width: 200px;
}

#calendar2-body .nc2-seg1-inner .nc2-claimshort {
    left: 42%;
    border-top-left-radius: 6px;
}

#calendar2-body .nc2-cell .nc2-text {
  top: 5%;
  z-index: 1000;     
}
@media screen and (max-width: 479px) {
    #calendar2-body .nc2-cell .nc2-text {
        top: 5%;
        z-index: 1000;     
    }
}

#calendar2-body .nc2-cell.nc2-empty .nc2-claimshort {
    display: none;
}

@media screen and (max-width: 680px) and (min-width: 498px) {
    #calendar2-body .nc2-cell .nc2-claimshort {
        border-radius: 2px;
        bottom: 0px;
        left: 0px;
        font-size: 9px;
        width: 16px;
        height: 11px;
        color: #2e2e2e;
    }
    #calendar2-body .nc2-seg1-inner .nc2-claimshort {
        left: 50%;
        
    }
}

@media screen and (max-width: 497px) {
    #calendar2-body .nc2-cell .nc2-claimshort {
        bottom: initial;
        top: 1px;
        left: 50%;        
        color: #2e2e2e;
        width: 18px;
    }
    #calendar2-body .nc2-seg0-inner .nc2-claimshort {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    #calendar2-body .nc2-seg1-inner .nc2-claimshort {        
        top: initial;
        bottom: 3px;        
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;        
    }    
    #calendar2-body .nc2-cell .nc2-note {    
        left: 16px;
        top: 16px;    
    }
}


@media screen and (min-width: 1280px) {
    #calendar2-date-claim {
            color: #555;
    }     
    
    #ccgsave1 {
            float: left;
            width: 92px;
    }
    #ccgsaven {
            float: right;
            width: 200px;
    }    
}
html.nc2-fixed-width #calendar2-date-claim {
            color: #555;
}     
html.nc2-fixed-width #ccgsave1 {
            float: left;
            width: 92px;
}   
html.nc2-fixed-width #ccgsaven {
            float: right;
            width: 200px;
}    

@media screen and (max-width: 1279px) {
        html.nc2-dynamic-width #calendar2-buttons2 {
            left: -12px;
        }       
        html.nc2-dynamic-width #calendar2-claim-group {
            width: 300px;
            margin-left: -10px;   
        }    
}

html.nc2-fixed-width #calendar2-note-edit {
    width: 320px;
}

.force-usel {    
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

#nc3workerstats, 
#nc2-hourfund-div {
    font-size: 15px;
}

#nc3prejobs-div .nc3pjrow.vacation {
    background-color: #ffffff;
}
#nc3prejobs-div .nc3pjrow .info {
    font-size: 13px;
    padding-left: 20px;
    color: #BBB;
    font-weight: 500;
    font-style: italic;
}












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

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

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

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

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

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

.nc2-cell .nc2-seg0-wrap.nc2-selected,
.nc2-cell .nc2-seg1-wrap.nc2-selected {
    animation-duration: 1000ms;
    animation-name: nc2-selected-highlight;
    animation-iteration-count: infinite;    
}

@keyframes nc2-selected-highlight {
  from {  
    filter: brightness(1);
  }
  50% {    
    filter: brightness(1.25);
  }
  to {    
    filter: brightness(1);
  }
}

.nc2-cell[s0cvg="0"] .nc2-seg0-wrap.nc2-selected, .nc2-cell[s1cvg="0"] .nc2-seg1-wrap.nc2-selected {
    background-color: rgb(200,245,245);    
}

#calendar2-bottom #nc2-max-div .row {
    margin-right: 0px;
}
#calendar2-bottom #nc2-max-div .row .bootstrap-select {
    float: right;
}

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

.overline {
    text-decoration: overline;
}
.underline {
    text-decoration: underline;
}
.overunderline {
    text-decoration: overline underline;
}

.n-seg {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.d-seg {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}


.supa-2seg-span {
    position: absolute; 
    left:2px; 
    top: 1px;
    font-size: 13px;
    font-weight: 700;
    background-color: rgba(255,255,235,0.4);
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 8px;
    z-index: 10;
}

.supa-dp-span {
    position: absolute;
    left: 0px;
    top: 13px;
    font-size: 10px;
    font-weight: 700;
    background-color: rgba(247, 255, 0, 0.64);
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 8px;
    z-index: 10;
    padding-top: 1px;    
}


/*
#workspace-table td.jobname-td {
    cursor: se-resize;
}
#workspace-table td.jobname-td:hover {
    opacity: 0.7;
}

#workspace-table td.jobname-td.deg90 {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    
    text-align: left;

    overflow-y: auto;
    overflow-x: auto;
    
    position: relative;
}

#workspace-table td.jobname-td.deg90 .jobname-td-div {
    transform: rotate(-90deg);
    transform-origin: 23px bottom;
    bottom: 29px;
    position: absolute;
    white-space: nowrap;
    overflow: auto;
}

#workspace-pre-headrow td.deg90 *,
#workspace-table td.plan-cell.deg90 *,
#workspace-table td.nedostupne.deg90 * {
    display: none !important;
}

#workspace-table td.plan-cell.deg90,
#workspace-pre-headrow td.deg90,
#workspace-table td.nedostupne.deg90 {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: inline-block !important;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;        
}
*/

@media screen and (min-width: 1280px) {
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-green {
        width: 66px !important;
    }
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-orange {
        width: 82px !important;
    }
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-red {
        width: 91px !important;
    }    
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray {
        width: 61px !important;
    }
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {
        left: 27px !important;
    }
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-gico {
        left: 6px !important;
    }    
}


/**/
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text,
#calendar2-buttons2.calendar2-exp-xbtn .nc2-gray .nc2-text {
    color: #fff;
    font-weight: 500;
    text-shadow: -1px -2px 2px rgba(0,0,0,0.4), 2px 1px 2px rgba(0,0,0,0.4), 1px -1px 1px rgba(0,0,0,0.4), -1px 1px 1px rgba(0,0,0,0.4);    
    top: 3px !important;
    font-size: 12px;
    left: -3px !important;
    text-align: center;
    transform: scaleX(0.88);
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {    
    left: -3px !important;
    transform: scaleX(0.85);
}
@media screen and (min-width: 1280px) {
    #calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-text {
        left: -1px !important;        
        transform: scaleX(0.9);    
    }
}
#calendar2-buttons2.calendar2-exp-xbtn .nc2-gray .nc2-gico {
/*    
  width: 15px;
  top: 4px !important;
  left: 2px !important;
*/
  width: 49px;
  top: -3px !important;
  left: 2px !important;
  filter: blur(2px);
}
#calendar2-buttons.calendar2-noexp-xbtn .nc2-gray .nc2-gico {
  width: 45px;
  top: -2px !important;
  left: 4px !important;
  filter: blur(2px);    
}
/*

width: 46px;
  top: -1px !important;
  left: 5px !important;
  opacity: 0.9;


width: 40px;
top: 1px !important;
left: 7px !important;
opacity: 0.9;

color: #fff;
text-shadow: -1px -2px 2px rgba(0,0,0,0.4), 2px 1px 2px rgba(0,0,0,0.4), 1px -1px 1px rgba(0,0,0,0.4), -1px 1px 1px rgba(0,0,0,0.4);
text-shadow: -1px -2px 2px rgba(0,0,0,0.6), 2px 1px 2px rgba(0,0,0,0.6), 1px -1px 1px rgba(0,0,0,0.6), -1px 1px 1px rgba(0,0,0,0.6);
text-shadow: -1px -2px 2px rgba(0,0,0,0.4), 2px 1px 2px rgba(0,0,0,0.4), 1px -1px 1px rgba(0,0,0,0.4), -1px 1px 1px rgba(0,0,0,0.4);

*/

.wheel-icon {
    position: relative;
    display: inline-block;      
    float: left;
    height: 24px;
    max-height: 24px;    
    padding-left: 24px;    
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/ico-wheel-24a.png);
    color: #048707;
    padding-left: 30px;
    font-size: 16px;
}
.wheel-icon:hover {
    background-position: 0px -24px;
    color: #5ea860;
}

.wheel-icon-blue16 {
    position: relative;
    display: inline-block;      
    float: left;
    height: 16px;
    max-height: 16px;    
    padding-left: 16px;
    background-repeat: no-repeat;  
    background-position: 0px -32px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/ico-wheel-16.png);    
    color: #346499;
    padding-left: 20px;
    font-size: 15px;
}
.wheel-icon-blue16:hover {
    background-position: 0px 0px;
    color: #048707;
}



.short-div {    
    text-align: left;
    height: 24px;
    min-width: 25px;
    border: 1px solid rgba(120,120,120,0.3);
    margin: 0px;
    padding: 0px;
    top: 0px;
    position: relative;    
    overflow: hidden;
    white-space: nowrap;
    clear: none;
    font-family: "Fira Sans", sans-serif;
    display: inline-table;
/*    
    display: -webkit-inline-box;
    width: 25px;
    max-width: 25px;
*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.short-div {
    display: block;
    width: 25px;
    height: 25px;
    clear: none;
    float: left;
    border: none;
    border-right: 1px solid rgba(255,255,255,0);
}


.short-main {
    position: relative;    
    font-size: 21px;
    font-weight: 700;
    margin-right: 2px;    
    top: 1px;
    line-height: 0.8;
    left: 2px;
    z-index: 2;
    display: inline-block;
    max-width: 25px;
    /*
    max-width: 21px;
    max-width: 25px;
    min-width: 24px;
    */
}
.short-index {   
    display: inline-block;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
/*    
    top: 6px;
    left: -2px;
*/
    top: 7px;
    left: -4px;    
    margin-right: 0px;    
/*    
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    top: 4px;
    left: -1px;
    margin-right: 2px;
*/
    z-index: 3;
    max-width: 24px;
}
.short-div.short-sub .short-main {
    
    /*
    top: -1px;
    font-size: 16px;
    */
    font-size: 15px;
    top: -1px;    
}
.short-div.short-sub .short-index {
    position: absolute;
    left: auto;
    right: 3px;
    top: 12px;
    font-size: 9.3px;
}
.short-div.short-single .short-main {
    font-size: 21px;
    left: 6px;
    top: 3px;
}
.short-div.short-tri .short-main {
    font-size: 11px;
}



.jobname-jobico {
    float: left;
    margin-left: 6px;
    top: -2px;
    position: relative;
}

.wtable-jobico {
    margin-left: -6px;
    margin-right: -8px;
}

.jobrow-shorts-div,
.rjobrow-shorts-div {
    padding-right: 6px;
    height: 1px;
    float: left;
}
.rjob-timeinfo {
    font-size: 9.5px;
    font-style: italic;
    color: #C0C0C0;
    font-weight: 500;
    margin-left: 14px;
    position: absolute;
    top: 26px;
    left: 41px;
}

.job-timeinfo {
    font-size: 9.5px;
    font-style: italic;
    color: #C0C0C0;
    font-weight: 500;
    margin-left: 14px;
    position: absolute;
    top: 27px;
    left: 104px;
}
#main-tbody.segnum1 .job-timeinfo {
    left: 38px;
}


.jrow-jobico {
    /*margin-right: 6px;    */
}

.opacity01 {
    opacity: 0.11 !important;
}
.opacity02 {
    opacity: 0.2 !important;
}


.lockmask-head div {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;    
}

.tooltip-small {
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    color: #999;  
}



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

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

#rjobsetdiv h4 {
    margin-top: 3px;    
    margin-bottom: 4px;
    white-space: nowrap;
    padding-right: 12px;
}

#setrjob-caption-name {
    display: inline-block;
    margin-top: 4px;
    font-weight: 700;
    font-size: 19px;
    color: #555;
}
#setrjob-pt {
    font-size: 11px;
    font-style: italic;
    color: #92bff1;
    position: absolute;
    top: 26px;
    left: 4px;    
}
#setrjob-wh {
    font-size: 11px;
    font-style: italic;
    color: #D0D0D0;
    position: absolute;
    top: 26px;
    left: 110px;
}

#setrjob-note {
    margin-left: 8px;
    font-size: 14px;
    color: #19447f;
    background-color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 6px;
    border: 1px solid #19447f;    
    top: -27px;    
    position: relative;
    white-space: normal;
    display: inline-block;
    max-width: 620px;
}


#setrjob-caption-date {
    margin-top: 5px;
    float: left;
}

#setrjob-main .setrjobitem.unsuitable {
    background-color: #fff;
    opacity: 0.35;
}
#setrjob-main .setrjobitem.unavailable {
    background-image: url(../images/nedostupne-bg.jpg);    
    pointer-events: none;
    cursor: default;
    opacity: 0.45;
}
#setrjob-main .setrjobitem.suitable {
    background-color: #e2ffd7;    
}
#setrjob-main .setrjobitem.normal {
    background-color: rgb(248, 255, 234);   
}
#setrjob-main .setrjobitem:hover {
    background-color: #beee70;
}    

#setrjob-main {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 2px;
    border-top-color: #3060a0;
    border-top-style: solid;    
    margin-top: 8px; 
    padding-top: 4px;   
    background-color: #effdff;
}

#setrjob-main-info {
    position: relative;
    color: #888;
    font-size: 12px;
    font-style: italic;
    margin-top: 7px;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: -9px;
}

#setrjob-title {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: 500;
    margin-left: 26px;  
    margin-bottom: 16px;
}
#setrjob-main .setrjobitem {
    width: 33.3%;
    height: 26px;
    min-height: 26px;    
    float: left;
    cursor: pointer;
    background-color: #e8faff;
    color: rgb(10,125,181);
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
#setrjob-main > div.setrjobitem:nth-child(odd) {
    background-color: #effdff;
}
#setrjob-main .setrjobitem:hover {
    background-color: #a2f4ff !important;
}
#setrjob-main > div.setrjobitem.selected {
    background-color: #ffff99;
    opacity: 1;
}
#setrjob-main > div.setrjobitem.selected:hover {
    background-color: #feff00 !important;
    opacity: 1;
}


#setrjob-main .setrjobitem-info {    
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    color: #AAA;
}

#setrjob-head {
    display: inline-block;
    width: 100%;
    padding-bottom: 0px;
    padding-top: 4px;
    background-color: rgb(229, 241, 253);
    border-bottom: 2px;
    border-bottom-color: #3060a0;
    border-bottom-style: solid;
    color: rgb(10,125,181);
}

#setrjob-headtitle {    
    clear: both;
    font-size: 18px;
    font-weight: 500;
    margin-left: 38px;    
}

#setrjob-headitem {    
    position: absolute;
    bottom: -6px;
    display: inline-block;    
    height: 26px;
    min-height: 26px;
    font-size: 15px;
    right: 8px;    
}

#setrjob-freediv {
    display: block;
    float: right;
    cursor: pointer;
    padding-right: 8px;
    height: 16px;
    margin-top: 3px;
}
#setrjob-freediv:hover {
    opacity: 0.7;
}
#setrjob-freediv span,
#setrjob-freeopt span {
    color: #777;
    font-style: italic;    
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -3px;
}
#setrjob-freeopt {
    padding-top: 3px;
    padding-left: 4px;
}

.ico-gray {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(../images/smile-gray.png) no-repeat center center;
}

#short-div-setrjob-iconow {
    top: -3px;
}

.d3btngroup {
    border: 2px solid rgb(208,230,246);
    background-color: rgb(208,230,246);
    border-radius: 24px;
    /*height: 32px;*/
    padding: 0px;        
    vertical-align: middle;
    display: inline-block;
    text-align: center;    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
.d3btngroup .d3option{
    color: rgb(10,125,181);        
    border-radius: 24px;
    height: 28px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 4px;
/*    vertical-align: middle;*/
    display: inline-block;
    text-align: center;    
    cursor: pointer;    
    font-size: 16px;
}
.d3btngroup .d3option:hover, .d3btngroup .d3option.selected {
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);
    -moz-box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);
    box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);    
}
.d3btngroup .d3option.selected {
    cursor: default;
    pointer-events: none;    
}
.d3btngroup .d3option.multi, .d3btngroup .d3option.switch {
    cursor: pointer;
    pointer-events: all;
}

.d3btngroup .d3option.disabled {
    opacity: 0.19;
    cursor: default;
    pointer-events: none;
}

.d3btngroup.medium-size .d3option,
.d3btngroup.small .d3option {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px;
}

.d3option-checkbox-ico {
    margin-bottom: 0px;
    margin-right: 2px;
    width: 20px;
    height: 19px;
    /*float: left;*/
    background: transparent url(../images/checkbox-sprite.png) no-repeat;
    vertical-align: top;
    display: inline-block;
    position: relative;
    /*top: -6px;*/
    z-index: 1;
}
.semi-selected .d3option-checkbox-ico {
    background-position: 0px -19px;
    opacity: 0.4;
}
.selected .d3option-checkbox-ico {
    background-position: 0px -19px;
}

.d3btngroup.small .d3option {
    height: 18px;
    line-height: 0.6;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
.d3btngroup.small .d3option-checkbox-ico {
    top: -5px;
}

#tab2 #notetable-body.ntwidth3 .notesum .btn,
#tab2 #notetable-body.ntwidth4 .notesum .btn,
#tab1 #notetable-body.ntwidth3 .notesum .btn,
#tab1 #notetable-body.ntwidth4 .notesum .btn {
    line-height:1;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:6px;
    padding-right:6px;   
}

#notetable-filter {
    position: absolute;
    top: -2px;
    left: 377px;    
    white-space: normal;
}
#notetable-body.ntwidth3 #notetable-filter,
#notetable-body.ntwidth4 #notetable-filter {
    top: -20px;
    max-width: 256px;
    left: 361px;
}
#notetable-body-wrap.no-rjob #notetable-body.ntwidth3 #notetable-filter,
#notetable-body-wrap.no-rjob #notetable-body.ntwidth4 #notetable-filter {
    max-width: 190px;
}

#main-tbody.no-job-times .job-timeinfo {
    display: none;
}

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

#workspace-headrow td,
#workspace-headsegrow td {
    white-space: nowrap;
}
#workspace-headsegrow td span, #workspace-headsegrow td .short-div {
    float: none;
    display: inline-table;
}

#workspace-headrow td {
    position: relative;
}
#workspace-headrow td span.empty {
    padding-left: 19px;
}
#workspace-headrow td .short-div {
    position: absolute;
    z-index: 1;
    left: 7px;    
}

/*
#workspace-headrow td span, #workspace-headrow td .short-div {
    float: none;
    display: inline-table;    
}
#workspace-headrow .short-div {
    margin-left: -4px;
    margin-right: 0px;
}
#workspace-headrow .jobname-td-div {    
    text-align: center;
    max-width: 100%;
}
*/

#workspace-table .showjobtimes1 {
    position: relative;
    top: -3px;    
}
#workspace-headrow .showjobtimes1 {
    top: -9px;
}
#workspace-table .showjobtimes0 .workspace-head-jobtime {
    display: none;
}
#workspace-table .showjobtimes1 .workspace-head-jobtime {
    position: absolute;
    left: 0px;
    top: 15px;
    color: #C0C0C0;
    font-style: italic;
    font-size: 9.5px;
    font-weight: 500;
}
#workspace-headrow .showjobtimes1 .workspace-head-jobtime {
    left: 20px;    
}

#stats-table {
    background-color: #fff;
}

#stats-table .stats-cell.zero {
    color: #E0E0E0;
}

#workspace-table.thin-td tr td:not(:first-child),
#workspace-table.thin-td tr td:not(:first-child) .width-limit-normal {
    min-width: 75px !important;
    max-width: 75px !important;    
}
#workspace-table.thin-td #workspace-headrow td:not(:first-child),
#workspace-table.thin-td #workspace-headsegrow td:not(:first-child),
#workspace-table.thin-td #workspace-pre-headrow td:not(:first-child)
{
    overflow: hidden;
}
#workspace-table.thin-td tr td:not(:first-child) .plan-cell-wrap {
    display: block;
}
#workspace-table.thin-td tr td:not(:first-child) .plan-cell-div  {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2px;
    margin-left: 20px;
    font-size: 12px;
}

#workspace-top-div {
    position: absolute;
    z-index: 4;
    right: 118px;
    top: -34px;    
}
/*
#workspace-top-div {
    padding-top: 20px;
    text-align: right;    
    width: 100%;
}
#workspace-table-wrap.spec-wt2 #workspace-top-div {
    position: absolute;
    margin-top: -45px;
    margin-left: -41px;    
}
*/

.select-white-hover li a:hover, .select-white-hover li a:hover span,
.select-white-hover li.selected a, .select-white-hover li.selected a span {
    color: #fff !important;
}

.helpico20 {
    width: 20px;
    height: 20px;
    position: relative;
    top: -10px;
    left: -4px;    
}

#supa-clients-table .moveud-icon {
    position: absolute;
    top: 14px;
    left: -50px;
    opacity: 0.4;
}

#workspace-headrow td, #workspace-headsegrow td {
    overflow: hidden;    
}

#short-div-setworker {
    line-height: 0.7;
}

#top-fs-img:hover {
    opacity: 1.0 !important;
}

.supa-cal-warn {
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 32px;
    width: 32px;
    height: 32px;
    background-color: #ff249e !important;
    border: 1px solid white;
    z-index: 100;
}
.supa-cal-warn span {
    position: relative;
    top: 6px;
    left: 7px;
    pointer-events: none;    
}

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

.supa-rejected-span {
    margin-left: 8px;
    color: red;
    background-color: rgba(215,215,255,0.6);
    padding: 7px;
    border-radius: 8px;
    position: absolute;
    left: -170px;
    top: 4px;
    z-index: 100;
}
.supa-calrejected-span {
    margin-left: 8px;
    color: red;
    background-color: rgba(255,235,205,0.75);
    padding: 7px;
    border-radius: 8px;
    position: absolute;
    left: -115px;
    top: 4px;
    z-index: 105;
}

.forced-transparent-color {
    color: rgba(255,255,255,0) !important;
}
input.forced-transparent-color:-webkit-autofill{
    -webkit-text-fill-color: rgba(255,255,255,0) !important;
}
input.forced-transparent-color:-webkit-autofill,
input.forced-transparent-color:-webkit-autofill:hover, 
input.forced-transparent-color:-webkit-autofill:focus, 
input.forced-transparent-color:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.notetable-dtype {
    position: absolute;
    top: -50%;
    font-weight: 500;
    font-style: italic;
    font-size: 72%;
}

.notehead-weekend {
    color: #30cbdc;
}
.notehead-holi {
    color: #d837d8;
}

#rjob-dtypetimes-row .col-xs-12 {
    font-size: 12px;
    font-style: italic;      
    font-weight: 500;
    padding-top: 2px;
}
#rjob-dtypetimes-row .col-xs-4 {
    padding-bottom: 3px;
}

#rjob-dtypetimes-row .col-xs-4 input {
    height: 30px;
}
#rjob-dtypetimes-row .col-xs-4.semi-selected,
#rjob-dtypetimes-row .col-xs-12.semi-selected {
    background-color: rgba(255,255,151,0.37);
}
#rjob-dtypetimes-row .col-xs-4.selected,
#rjob-dtypetimes-row .col-xs-12.selected, 
#rjob-timerow .rjob-stnd.selected {
    background-color: #ffff99;
}
#rjob-timerow .rjob-stnd,
#rjob-timerow-today .rjob-today {
    padding-bottom: 8px;
    padding-top: 8px;
}

.se-tr-segname {
    position: absolute;
    z-index: 10;
    left: 4px;
    top: 10px;
    pointer-events: none;
    font-size: 10px;    
    white-space: nowrap;
    overflow: hidden;
    max-width: 76px;
    text-overflow: ellipsis;    
}
.se-tr-seg-del {
    position: absolute;
    z-index: 10;
    top: 6px;
    left: 78px;    
}
.se-hiddencell {
    width:0px; 
    position: relative;
}

.search-div {
    display: inline-block;
    margin-left: 15px; 
    position: relative;
    width: 220px;
    top: -2px;
}
.search-div input {
    padding-left: 38px;
    padding-right: 32px;
}
.search-div-ico {
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 10;
    /*https://www.iconsdb.com/black-icons/search-3-icon.html*/
}
.search-div-count {
    position: absolute;
    left: 6px;
    top: 22px;
    font-size: 11px;
    font-weight: 500;
    font-style: italic;
    color: rgb(90,90,90);
    z-index: 11;
}
.search-selected {
    background-color: rgb(255,255,153) !important;
}
.search-div-close {
    position: absolute;
    right: 4px;
    top: 5px;
    transform: scale(0.8);
    z-index: 10;    
    opacity: 0.55;
    -webkit-transition: opacity 0.15s linear;
    -o-transition:  opacity 0.15s linear;
    transition:  opacity 0.15s linear;
    cursor: pointer;
}
.search-div-close:hover {
    opacity: 0.8;

}
.sticky-bottomshadow {
    box-shadow: none !important;
}
.sticky-bottomshadow.sticky-now {
    box-shadow: inset 0 0 0 0, inset 0 -2px 0 rgba(0,0,0,0.3) !important;
}

#qwrk-div .workgrouptag {
    position: relative;
}
#qwrk-div .workgrouptag.wgtag-100::after,
#qwrk-div .workgrouptag.wgtag-50::after,
#qwrk-div .workgrouptag.wgtag-1::after {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 39%;
    top: -10px;
    background-color: #00d700;
    border-radius: 10px;
}
#qwrk-div .workgrouptag.wgtag-50::after {
    background-color: #ffe300;
}
#qwrk-div .workgrouptag.wgtag-1::after {
    background-color: #e8f1ff;
}

html.dev-server  {
/*    
    border-bottom: 8px solid #8fee2f;
    border-top: 8px solid #8fee2f;
    border-left: 4px solid #8fee2f;
    border-right: 4px solid #8fee2f;    
*/
}
html.dev-server::after {
    content: "DEV";
    font-size: 20px;
    font-weight: 700;
    padding-top: 53px;
    text-indent: 6px;
    color: #8fee2fb7;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    border-bottom: 8px solid #8fee2f97;
    border-top: 8px solid #8fee2f97;
    border-left: 8px solid #8fee2f97;
    border-right: 8px solid #8fee2f97;
    pointer-events: none;
}
html.dev-server.hyperadmin::after {
    content: "D";
    padding-top: 60px;
    border: none;
}





#xrabbit {
    position: absolute; 
    left: 4px; 
    bottom: -17px; 
    font-size: 20px; 
    cursor: pointer;
    transition:  bottom 0.4s linear, opacity 0.4s linear;   
    opacity: 0.1;    
}

#xrabbit:hover {
    bottom: 15px;
    opacity: 1;
}

#xgoat {
    position: absolute;
    left: 546px;
    bottom: -19px;
    font-size: 20px;
    cursor: pointer;
    transition: bottom 0.4s linear, opacity 0.4s linear, font-size 0.4s linear;
    opacity: 0.07;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);        
}

#xgoat:hover {
    font-size: 28px;
    bottom: 10px;
    opacity: 1;
}

#xbat {
    position: absolute; 
    right: -7px; 
    transform: rotate(540deg) scale(0.5);
    top: -16px; 
    font-size: 30px; 
    cursor: pointer;
    transition:  transform 0.25s linear, top 0.3s linear, right 0.25s linear, opacity 0.4s linear;   
    opacity: 0.09;
    z-index: 1020;
}
#xbat:hover {
    top: 0px;
    right: 2px;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}


#xgv {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99998;
    opacity: 1;
    pointer-events: all;
    cursor: zoom-out;
    transition:  opacity 0.8s linear;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.93);    
}
#xgv.zero-opacity {
    pointer-events: none;
    cursor: initial;
}




#table2-jobs {
    color: #346499;
}
#table2-jobs td {
    position: relative;
}
#table2-jobs .clickable {
    cursor: pointer;
}





.table2-jobs, .tbody2-jobs {
    position: relative;
}
.table2-jobs tr:hover {
    background-color: inherit;
}
.d2highlight {
    background-color: #FFC;
    padding: 3px;
    border-radius: 12px;    
}
.table2-jobs tr th{
    width: 2.5%;
    text-align: center;
}
table.table2-jobs tr th {
    border-bottom: 2px solid #30cbdc;
}
table.table2-jobs tr th.htype1,
table.table2-jobs tr th.htype3 {
    border-bottom: 2px solid #d837d8;
}
table.table2-jobs tr th.htype0 {
    border-bottom: 2px solid #c4c4c4;
}
.table2-jobs tr th:first-child {
    text-align: left;
    min-width: 255px;
    max-width: 500px;
    border-bottom: none;
}
.jh-on .table2-jobs tr td:first-child {
    height: 37px !important;
}
table.table2-jobs tr:last-child td:first-child {    
    border-bottom: none;
}

table.table2-jobs .td2-jobs .tinfo {
    display: block;
    font-size: 10px;
    line-height: 1.27;
    color: #ea1357;
    clear: both;    
}
table.table2-jobs .d2-daytype, #d2wmain .d2-daytype {
    font-size: 10px;
    font-style: italic;
    color: #30cbdc;    
}
table.table2-jobs .d2-daytype.htype1, #d2wmain .d2-daytype.htype1,
table.table2-jobs .d2-daytype.htype3, #d2wmain .d2-daytype.htype3 {
    color: #d837d8;
}
table.table2-jobs .d2-daytype.htype0, #d2wmain .d2-daytype.htype0 {
    color: #c4c4c4;    
}

table.table2-jobs .th2-jobs {
    color: #30cbdc;    
}
table.table2-jobs .th2-jobs.htype1,
table.table2-jobs .th2-jobs.htype3 {
    color: #d837d8;
}
table.table2-jobs .th2-jobs.htype0 {
    color: #777;
}

table.table2-jobs .td2-jobs .tinfo.r1 {
    position: absolute;    
    left: 1px;    
    top: 2px;
    min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r2 {
    position: absolute;
    top: 14px;
    left: 4px;    
    min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r3 {
    position: absolute;    
    top: 26px;
    left: 2px;    
    line-height: 1;
    min-width: 15px;
}


table.table2-jobs .td2-jobs.unavail0 {
    border: 1px solid #77bc79;
    /*
    border-left: 1px solid rgba(0,255,0,0.25);
    border-right: 1px solid rgba(0,255,0,0.25);
    */
    background-color: #bbeebb;    
    background-image: url(../images/small-check-icon.png);
    background-position: center center;    
    background-repeat: no-repeat;    
}
.jh-on table.table2-jobs .td2-jobs.unavail0 {
    background-image: url(../images/small-check-icon.png);
    background-position: bottom right;    
}

table.table2-jobs .td2-jobs.unavail0:hover {  
  background-color: #ccffaa;  
}
table.table2-jobs .td2-jobs.unavail1 {
    border: 1px solid #dd8f8f;
    /*
    border-left: 1px solid rgba(255,0,0,0.25);
    border-right: 1px solid rgba(255,0,0,0.25);    
    */
    background-color: #eebbbb;
    background-image: url(../images/small-false-icon.png);
    background-position: center;
    background-repeat: no-repeat;
}
table.table2-jobs .td2-jobs.unavail1:hover {  
  background-color: #ffccaa;  
}
table.table2-jobs .td2-jobs.unavail1 .tinfo {
    display: none;
}

table.table2-jobs .td2-jobs.unavail0.d2standard .tinfo {
    color: #57b15a;
}

.top-left-seginfo {
    position: absolute;
    left: 1px;
    top: 0px;
}

table.table2-jobs .td2-empty {
    position: relative;
    background: none;
    border: none;
    width: 4px;
    background-color: white !important;
}

.tr2-jobs .delete-icon {
    padding-left: 14px;
    width: 0px;
    height: 16px;
    position: relative;
    left: 13px;
    cursor: pointer;
}

.d2backlight {
    background-color: #FFB;    
    color: red !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.d2jobs-monogram {
    border-radius: 6px;    
    position: absolute;
    max-height: 30px;
    margin: auto;
    top: 2px;    
    right: -1px;
    /*
    bottom: 0;
    left: 0;
    */
    z-index: 402;
    opacity: 0.65;
}

#table2-jobs[mode-monograms="-1"] .d2jobs-monogram {
    display: none;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] td.td2-jobs.td2day {
    height: 56px; 
}
#table2-jobs[mode-monograms="0"] .td2-jobs.unavail1,
#table2-jobs[mode-monograms="1"] .td2-jobs.unavail1{
    opacity: 0.35;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] .td2-jobs.unavail1 {
    background-position-y: 34px;
}
#table2-jobs[mode-monograms="1"] .d2jobs-monogram {
    margin: 0px;
    top: inherit;    
    bottom: 0px;    
    opacity: 1;
}
#table2-jobs[mode-monograms="0"][mode-clocks="1"] .d2jobs-monogram {
    pointer-events: none;
}

#table2-jobs[mode-monograms="-1"][mode-clocks="0"] td.td2day.unavail0:not(.gunavail)::after {
    content: "*";
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: red;
    font-size: 10px;
    font-size: 12px;
    height: 10px;
    width: 8px;    
}



.d2jobs-jh-div {
    font-size: 13px;
    color: #68af68;    
    position: absolute;
    left: 42px;
    top: 18px;
    height: 18px;
    width: 100%;
}

#table2-jobs .gunavail .tinfo {
    color: #78bf78; 
}

.d2jobs-jh {
    position: relative;
    display: inline-block;
    font-style: italic;
    cursor: text;
    width: 35px
}
.d2jobs-jh:hover {
    color: #ff530e;    
}
#table2-jobs .tinfo:hover {
    color: #000080;
    /*#ff530e;*/
}

.d2jobs-jh-3 {    
    width: 30px;    
    position: absolute;
    bottom: 0px;
    left: 85px;      
}
.d2jobs-jh-0 {
    display: inline-block;
    font-style: italic;        
    color: #A7A7A7;
    position: absolute;
    bottom: 0px;
    right: 49px;  
    font-size: 10px;    
}
.d2jobs-jh-0:after{
    content:" h";
}
.d2jobs-jh-3:before{
    content:"p";
}

.d2jobs-ginfo {
    position: relative;
    display: inline-block;    
    color: #f87800;
    position: absolute;
    left: 124px;
    top: 4px;
    font-style: italic;
    font-size: 8.5px;
    cursor: pointer;
}
.d2jobs-ginfo:hover {
    opacity: 0.75;
}

#jobs2-top-left {
    min-width: 280px;   
}

#table2-jobs .tinfo {
    z-index: 310;
    background-color: rgba(240,255,210,0.4);
    cursor: text;    
}
#table2-jobs .tinfo:hover {    
    background-color: rgba(255,255,238,1);
}

#d2setjob-main .jhinput-editable:after {
    content:" ";    
    position: absolute;
    width: 140%;
    height: 160%;
    left: -20%;
    top: -30%;
    z-index: 309;
}

#d2setjob-main .jhinput-editable {
    z-index: 310;
    cursor: text;
    position: relative;
}
#d2setjob-main .jhinput-editable:hover {    
    background-color: rgba(255,255,238,1);
    color: #000080;
}

#d2setjob-main .jhinput-editable[jhix="3"]:before{
    content:"p";
}


#jh-inplace {
    display: inline-block;
    position: absolute;
    z-index: 10000;
    left: -10%;
    top: -5%;
    min-width: 30px;
    min-height: 14px;
    width: 130%;
    height: 115%;
    border: 1px solid red;
    text-indent: 2px;
    margin: 0px;
    padding: 0px;
    color: red;
    background-color: #ccddff;
    overflow: hidden;    
    -ms-overflow-style: none;        
}



.d2-deletetwo {
    position: absolute !important;
    bottom: -14px;
    z-index: 2;    
}

.setback-icon {
    position: relative;
    display: inline-block;      
    float: left;
    height: 24px;
    max-height: 24px;
    width: 24px;    
    padding-left: 24px;    
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/icosetback24.png);
}
.setback-icon:hover {
    background-position: 0px -24px;
}

#table2-jobs[mode-clocks="0"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="-1"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="0"] .td2-jobs .tinfo,
#table2-jobs[mode-clocks="-1"] .td2-jobs .tinfo {
    display: none;
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail0 {
    background-position: center;    
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail1 {    
    background-position-y: center;    
}
#table2-jobs[mode-clocks="-1"] .td2-jobs.td2day {
    background-color: transparent;
    background-image: none;
    border-color: #EEE;
}

#table2-jobs[mode-clocks="0"] tr td:first-child,
#table2-jobs[mode-clocks="-1"] tr td:first-child {
    height: 26px !important;
}
#table2-jobs[mode-clocks="0"] .d2jobs-monogram,
#table2-jobs[mode-clocks="-1"] .d2jobs-monogram {
    height: 25px !important;
    min-height: 25px !important;
    opacity: 1;
    top: 0px;    
    right: 0px;
    border: none;
    padding-top: 2px;
    border-radius: 0px;
    width: 100%;    
}

#table2-jobs[mode-mouseover="1"] .th2-jobs.selected {
    background-color: red !important;
    color: #96f5ff !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span {
    color: #96f5ff !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span.htype0,
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.htype0 {
    color: white !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.multiselected {
    background-color: #f700ff !important;
}
#table2-jobs[mode-mouseover="0"] .th2-jobs.selected {
    border: 1px solid #F00 !important;
    border-left: 4px solid #F00 !important;
    border-right: 4px solid #F00 !important;    
    opacity: 1;
}    
#table2-jobs[mode-mouseover="1"] .d2jobs-monogram.selected {
    background-color: red !important;
    color: white !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;
}
#table2-jobs[mode-mouseover="0"] .d2jobs-monogram.selected {
    border: 1px solid #F00 !important;
    border-left: 4px solid #F00 !important;
    border-right: 4px solid #F00 !important;    
    opacity: 1;
}
#table2-jobs[mode-mouseover="0"][mode-clocks="0"] .d2jobs-monogram.selected,
#table2-jobs[mode-mouseover="0"][mode-clocks="-1"] .d2jobs-monogram.selected {
    padding-top: 1px;
}

#table2-jobs .d2jobs-dayborder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 300;        
    background-color: rgba(0,255,255,0.4);
    pointer-events: none;
}
#table2-jobs[mode-jhdays="-1"] .d2jobs-dayborder {
    display: none;
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder {
    z-index: 350;    
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder {    
    z-index: 3000;    
    background-color: rgba(0,255,255,0.5);    
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.4);        
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.5);        
}
#table2-jobs .d2jobs-dayborder.htype0 {
    background: none;
}

#table2-jobs .tr2-jobs.selected td {
    background-color: rgba(255,235,0,0.3) !important;
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 {
    background-position: bottom right !important;
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 .d2jobs-monogram {
    display: none;
}

.small-section-name {
    font-size: 12px;
    font-style: italic;
    color: #BBB;
}

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


.td2-jobs-first {
    position: relative;
    /*padding-left: 18px !important;    */
}

.td2-jobs-first .moveud-icon {
    position: absolute;
    top: 4px;
    left: -16px;
}
.td2-jobs-first .roll-icon {
    width: 16px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    /*
    bottom: 1px;
    left: 0px;
    */
    bottom: -2px;
    left: 30px;
    opacity: 0.5;
}

.td2day {
    position: relative;
}

#history-timetables-div {
    opacity: 0.23;
}
#history-timetables-div:hover {
    opacity: 1;
}
.history-timetable-export {
    float: right;
    margin-right: 0px;
}
.history-timetable-delete {
    float: right;
    margin-right: 75px;
}
#history-timetables-div .col-xs-4:hover {
    background-color: #FFC;
}
#history-timetables-div .col-xs-4:nth-child(3n+1) a.calendar-icon {margin-left: -8px;}
#history-timetables-div .col-xs-4:nth-child(3n+2) a.calendar-icon {margin-left: 8%;}
#history-timetables-div .col-xs-4:nth-child(3n+2) .history-timetable-delete {margin-right: 15px}
#history-timetables-div .col-xs-4:nth-child(3n+3) a.calendar-icon {margin-left: 20%;}
#history-timetables-div .col-xs-4:nth-child(3n+3) .history-timetable-delete {margin-right: 15px}

#history-timetables-div .col-xs-4:hover .history-timetable-export,
#history-timetables-div .col-xs-4:hover .history-timetable-delete {
    opacity: 1 !important;
}

#live-timetables-row tr:hover {
    background-color: #FFC;
}

.err-msg-abs {
    position: absolute;    
    top: -14px;    
    z-index: 30;
    white-space: nowrap;    
}
.err-msg-div {    
    color: red;
    font-size: 11.5px;
    font-style: italic;
    text-shadow: -1px -2px 2px #fff, 2px 1px 2px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -3px -2px 2px #fff, 3px 2px 2px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff;
    pointer-events: none;
}
/*
#ewf-parttime-common-div {
    position: absolute;
    z-index: 20;
    top: -16px;
    left: 0px;
    width: 600px;
    white-space: nowrap;
    padding-left: 135px;
    padding-right: 0px;
}
#ewf-parttime-common-div > span {
    font-size: 10px;
    font-style: italic;    
    float: left;
    margin-left: 1px;
    margin-bottom: 2px;
    margin-right: 1px;
    padding-left: 0px;
    padding-right: 3px;
    background-color: rgba(18, 162, 18, 0.2);
    border: 1px solid #5ea860;
    border-radius: 5px;   
    line-height: 1.1;
    padding-top: 2px;    
}
#ewf-parttime-common-div > span:hover {
    border: 1px solid #ffe409;
    background-color: rgba(253, 230, 44, 0.2);
}
*/

#ewf-parttime-common-div {
    width: 65px;    
    top: 0px;
    left: 115px;
    z-index: 1000;
}
.input-options {
    position: absolute;
    min-width: 50px;
    color: #555555;
    border: 1px solid rgba(0, 0, 0, 0.15);    
    color: #555555;
    
/*    
    color: #555555;
    border: 1px solid #346499;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);        */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-color: #fff;
}
.input-options > span {
    display: block;
    width: 100%;
    height: 24px;
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
.input-options > span:hover {
    background-color: #346499;
    color: #fff;
}


.date135 {
    background-position: 105px 8px;
    width: 135px;
    display: inline-block;
}

.ewf-ym-nonuniform {
    position: absolute;
    color: orange;
    cursor: pointer;
    font-size: 11px;
    font-style: italic;
    left: 15px;
    top: 26px;
    white-space: nowrap;
    z-index: 30;    
}
.ewf-ym-nonuniform:hover {
    opacity: 0.6;
}

.ewf-nonuni-from {
    float: left;
    width: 140px;
    font-size: 16px;
    font-style: italic;
    text-align: right;
}
.ewf-nonuni-to {
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    text-align: left;
    width: 180px;
    font-size: 16px;
    font-style: italic;    
}
.ewf-nonuni-def {
    padding-left: 160px;
    padding-right: 8px;
    float: left;
    text-align: left;
    font-size: 17px;
    width: 320px;
}
.ewf-nonuni-val {
    float: right;    
    text-align: right;
    width: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #ff18af; 
}
.mode-div-4 hr, .mode-div-1 hr, .mode-div-0 hr {
    opacity: 0;
}

.wrk-minifund {
    position: absolute;
    top: 24px;
    left: -1px;
    font-size: 9px;
    color: #989898;
    width: 20px;
    white-space: nowrap;
    text-align: center;
}

#editWorkerModal .col-xs-6.form-group .row .form-group {
    margin-bottom: 4px;
}

#ewf-wrap-parttime {
    position: relative;
    margin-bottom: -15px;
}
#ewf-wrap-parttime .bootstrap-select, #ewf-wrap-parttime .calendar-icon-dark,
#ewf-wrap-overtime .bootstrap-select, #ewf-wrap-overtime .calendar-icon-dark {
    background-color: white;
}
#editWorkerModal #ewf-wrap-parttime::before {
    content: " ";
    width: 101%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -0.5%;
    background-color: rgba(0, 171, 255, 0.055);
    z-index: 0;
}

#ewf-wrap-overtime {
    position: relative;
    margin-bottom: 10px;
}

#editWorkerModal #ewf-wrap-overtime::before {
    content: " ";
    width: 101%;
    height: 110%;
    position: absolute;
    top: 0px;
    left: -0.5%;
    background-color: rgba(255, 187, 0, 0.04);
    z-index: 0;
}

.ewf-overtime-y-info {
    font-size: 10px;
    font-style: italic;
    color: #D0D0D0;
    margin-left: 3px;
    font-weight: 500;
    position: relative;
    top: 12px;
    left: -16px;
    margin-right: -21px;
}

.small-form label.control-label {
    font-size: 13px;
    padding-top: 0px;
}
.small-form input {
    font-size: 15px;
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 3px;
}

#rjob-direct-fundi-div button.selectpicker.btn-default {
    padding-left: 21px;
}
#rjob-direct-fundi-div ul li a {
    padding-left: 23px;
}

#rjob-jobcrow { position: relative;}
#editRJobModal #rjob-jobcrow::before {
    content: " ";
    width: 106%;
    height: 116%;
    max-height: 140px;
    position: absolute;
    top: 1px;
    left: -3%;
    background-color: rgba(255, 187, 0, 0.05);
    z-index: 0;
}

#rjob-acceptrow { position: relative;}
#rjob-autoaccept-wrap .bootstrap-select.btn-group {background-color: #FFF;}
#editRJobModal #rjob-acceptrow::before {
    content: " ";
    width: 106%;
    height: 100%;
    position: absolute;
    top: 11px;
    left: -3%;
    background-color: rgba(255, 0, 239, 0.05);
    z-index: 0;
}

#rjob-fundrow,#rjob-adapt-wh-row,#rjob-adapt-pt-row { position: relative;}
#rjob-fundrow .bootstrap-select.btn-group {background-color: #FFF;}
#editRJobModal #rjob-fundrow::before,
#editRJobModal #rjob-adapt-pt-row::before,
#editRJobModal #rjob-adapt-wh-row::before{
    content: " ";
    width: 106%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -3%;
    background-color: rgba(0, 171, 255, 0.055);
    z-index: 0;
}

.rjob-access {
    position: absolute;
    top: 29px;
    left: 40px;
    z-index: 1;
    width: 7px;
    height: 7px;
    border-radius: 8px;    
    /*background-color: #FF8F00;*/
    background-color: #FFD42B;
}
.rjob-access0 {
    background-color: transparent;
    /*border: 1px solid #B0B0B0;*/
    border: 2px solid #00ABFF;
    width: 8px;
    height: 8px;
    top: 28px;    
}
.rjob-access3 {
    background-color: #00c605;
}
.rjob-access-inactive {
    background-color: #DD0000;
    border: none;
    width: 7px;
    height: 7px;
    top: 29px;
}
.rjob-autoaccept {
    position: relative;
    font-size: 10.5px;
    font-style: italic;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 12px;
    color: #c203ff;
    border: 1px solid #c203ff;
    background-color: #f8e3ff;
    border-radius: 16px;
    float: right;
}
.spec-nonactive .rjob-autoaccept {
    color: #bbb;
    border: 1px solid #bbb;
    background-color: transparent;
}
tr[override-access="0"] .rjob-autoaccept,
tr[override-access="1"] .rjob-autoaccept,
tr[override-access="3"] .rjob-autoaccept {
    color: #c203ff;
    border: 1px solid #c203ff;
    background-color: #f8e3ff;    
}
tr[override-access="-1"] .rjob-autoaccept {
    color: #bbb;
    border: 1px solid #bbb;
    background-color: transparent;    
}
tr[override-access="-1"] .crjobm-td-1 {
    color: #DDD;
    text-decoration: line-through;
}
tr[override-access="0"] .crjobm-td-1,
tr[override-access="1"] .crjobm-td-1,
tr[override-access="3"] .crjobm-td-1 {
    color: inherit;
    text-decoration: none;
}



.rjob-autoaccept b {   
    display: inline-block;
    position: absolute;    
    font-weight: 900;
    font-size: 18px;
    top: -15px;
    right: -6px;
}

.forced-height0-tr, .forced-height0-tr * {
        max-height: 0px !important;
        min-height: 0px !important;
        height: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	opacity: 0;
	overflow: hidden !important;
        border-bottom: 0px !important;
        border-top: 0px !important;
        line-height: 0 !important;
        font-size: 0px !important;
}
.height-transition-tr, .height-transition-tr * {
    max-height: 200px;
    -webkit-transition: height 0.4s linear, padding 0.4s linear, border 0.4s linear, font-size 0.4s linear, margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
    -o-transition:  height 0.4s linear, padding 0.4s linear, border 0.4s linear, font-size 0.4s linear, margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
    transition: height 0.4s linear, padding 0.4s linear, border 0.4s linear, font-size 0.4s linear, margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
}

.ewfjobico {
    width: 25px;
    height: 27px;
    padding-top: 2px;
    cursor: pointer;
    display: inline-flex;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,1);
    box-shadow: inset 0px 0px 0px 1px rgba(138,138,138,1);
}
.ewfjobico:hover {
    background-color: rgba(255,240,0,0.5);
}

.inblo {
    display: inline-block;
}

.width-transition {    
    -webkit-transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear, opacity 0.3s linear !important;
    -o-transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear, opacity 0.3s linear !important;
    transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear, opacity 0.3s linear !important;
}

.modal-dialog.width-transition {
    -webkit-transition: transform .3s ease-out, margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;
    -o-transition: transform .3s ease-out, margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;
    transition: transform .3s ease-out, margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;    
}

.width1400 { max-width: 1400px !important; overflow-x: hidden !important;}
.width1300 { max-width: 1300px !important; overflow-x: hidden !important;}
.width1200 { max-width: 1200px !important; overflow-x: hidden !important;}
.width1100 { max-width: 1100px !important; overflow-x: hidden !important;}
.width1000 { max-width: 1000px !important; overflow-x: hidden !important;}
.width200  { max-width:  200px !important; overflow-x: hidden !important;}
.width100  { max-width:  100px !important; overflow-x: hidden !important;}
.width0 {
    max-width: 0px !important;
    min-width: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border: 0px !important;
    overflow-x: hidden !important;
    white-space: nowrap !important;    
    opacity: 0;
}

#ewf-customdp-span-inner {
    display: inline-block;
    white-space: nowrap;    
    overflow: hidden !important;   
}

.ewfjobico-dinfo {
    position: absolute;
    top: -13px;
    font-weight: 500;
    font-size: 72%;
    font-style: italic;
    left: 4px;
    color: #AAA;
}
.ewfjobico-dinfo[day="5"], .ewfjobico-dinfo[day="6"] {
    color: #30cbdc;
}
.ewfjobico-dinfo[day="7"] {
    color: #d837d8;
}

.ewfjobico-hinfo {
    position: absolute;
    top: 27px;
    font-weight: 500;
    font-size: 65%;    
    text-align: center;
    width: 25px;
    left: 0px;
    color: #346499;
}
.ewfjobico-hinfo[fundi="0"] {    
    color: #CCC;
    display: none;    
}
.ewfjobico-hinfo[fundi="1"] {
}
.ewfjobico-hinfo[fundi="2"] {
    color: rgb(194, 3, 255);
}
.ewfjobico-hinfo[fundi="3"] {
    color: orange;
}
.ewfjobico-hinfo small {
    padding-left: 1px;
}

.opacity-06 {
    opacity: 0.6 !important;
}
.ewf-green {
    color: #048707;
}

.rjob-modal-right .modal-dialog,
.rjob-modal-left .modal-dialog {
    position: relative;
    /*top: 56px;*/
    /*top: 29px;*/
    top: -29px;
}
.rjob-modal-left {
    left: auto;
    /*right: 50.4vw;*/
    right: 50%;
    overflow-y: hidden !important;
}
.rjob-modal-left .modal-header button.close {
    display: none !important;
}

.rjob-modal-right {
    right: auto;
    left: 50%;
}

#groupeditModal #ewf-m20fund {
    color: #346499;
}

.crjobm-tr td {
    position: relative;
    padding-top: 2px !important;
}
.crjobm-tr.nonglobal {
    background-color: rgb(238, 252, 255);
}

.crjobm-tr.selected {
    background-color: rgb(255,246,98) !important;
}

.crjobm-td-0 {
    width: 80px;
    pointer-events: none;
}
.crjobm-td-0 span {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: rgba(255,255,255,0.25);
    pointer-events: none;
}
.crjobm-td-0 span::after {
    content: "stnd";
    position: absolute;
    left: 24px;
    top: -1px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: rgba(255,255,255,0.25);
}
tr[override-access="0"] .crjobm-td-0 span {background-color: #00ABFF;}
tr[override-access="0"] .crjobm-td-0 span::after {content: "skryt"; color: #00ABFF;}
tr[override-access="3"] .crjobm-td-0 span {background-color: #00c605;}
tr[override-access="3"] .crjobm-td-0 span::after {content: "akt. +"; color: #00c605;}
tr[override-access="1"] .crjobm-td-0 span {background-color: #F2C100;}
tr[override-access="1"] .crjobm-td-0 span::after {content: "akt."; color: #F2C100;}
tr[override-access="-1"] .crjobm-td-0 span {background-color: #DD0000;}
tr[override-access="-1"] .crjobm-td-0 span::after {content: "ne"; color: #DD0000;}

.crjobm-td-0::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 87%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;    
}
.crjobm-td-0:hover::before {
    background-color: rgba(0,255,255,0.2);
}


.crjobm-td-1 {
/*    padding-left: 32px;*/
    height: 34px !important;
}
.crjobm-td-2 {
    width: 50px;
}
.crjobm-td-2 span {
    position: relative;
    top: 6px;
    padding-left: 15px;
}


.crjobm-tr .clickable {
    cursor: pointer;
}
.rjob-autoaccept-suffix {
    text-align: center;
    display: inline-block;
    width: 25px;
}
#crjobmodal-tbody .moveud-icon {
  position: absolute;
  top: 6px;
  left: -8px;
  opacity: 0.4;
  z-index: 1000;
}
#crjobmodal-tbody .rjob-access, #crjobmodal-tbody .rjob-timeinfo {
    margin-top: -6px;
}
#crjobmodal-tbody .rjob-autoaccept {
    top: 4px;    
}

#crjobmodal-tbody.hide-tr-rjob-accept tr.tr-rjob-accept,
#crjobmodal-tbody.hide-tr-rjob-accept tr.tr-rjob-accept * {
        max-height: 0px !important;
        min-height: 0px !important;
        height: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	opacity: 0;
	overflow: hidden !important;
        border-bottom: 0px !important;
        border-top: 0px !important;
        line-height: 0 !important;
        font-size: 0px !important;
}
#crjobmodal-tbody tr:hover {
    background-color: rgba(255,240,0,0.15);
}

#crjobm-import {
    float: left;
    margin-left: 70px;
    margin-bottom: 0px;    
}

.selwrkmodal-wrk {
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
}
.selwrkmodal-wrk:hover {
    background-color: rgba(255,240,0,0.12);
}

.spec-clickable-fulltd::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;    
    cursor: pointer;    
}

.noterjobico .short-div .short-main {
    left: 2px;
}
.noterjobico.noshortix .short-div.short-sub .short-main {
    top: 3px;
}
.spec-noterjobico .noterjobico.noshortix .short-div.short-sub .short-main {
    top: 4px;
}

.noterjobico.selected {
    border: 1px solid red !important;    
    opacity: 1 !important;
    z-index: 3;
    -webkit-box-shadow: 0px 1px 0px 3px #ff00ef;
    -moz-box-shadow: 0px 1px 0px 3px #ff00ef;
    box-shadow: 0px 1px 0px 3px #ff00ef;
}
.noterjobico.selected .short-div {
    opacity: 1 !important;
}

.noterjobsum-wrap {
   
    width: 100%;
    position: absolute;
    left: 0px;
/*    
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
*/
}

#rjobsetdiv #rjob-fundrow, #rjobsetdiv #rjob-jobcrow, #rjobsetdiv #rjob-accessrow, 
#rjobsetdiv #rjob-adapt-pt-row, #rjobsetdiv #rjob-sumrow, #rjobsetdiv #rjob-adapt-wh-row {
    padding-left: 200px !important;
}
#rjobsetdiv #rjob-fundrow > .col-xs-12 {
    max-width: 615px;
}

#rjobsetdiv #rjob-jobcrow hr, #rjobsetdiv #rjob-sumrow hr {
    margin-left: -215px;
    width: 995px;
}

#rjobsetdiv #rjob-fundrow::before,
#rjobsetdiv #rjob-adapt-pt-row::before,
#rjobsetdiv #rjob-adapt-wh-row::before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 171, 255, 0.15);
    z-index: 0;
}
#rjobsetdiv #rjob-jobcrow::before {
    content: " ";
    width: 100%;
    height: 110%;
    position: absolute;
    top: 1px;
    left: 0%;
    background-color: rgba(255, 187, 0, 0.15);
    z-index: 0;
}

.noterjobico.nocolli {
    border: 1px solid rgba(0,255,0,0.42) !important;
}

#pdp-div .workgrouptag {
    position: relative;
    top: 3px;
}
#pdp-div .workgrouptag.wgtag-100::after,
#pdp-div .workgrouptag.wgtag-50::after,
#pdp-div .workgrouptag.wgtag-1::after {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 39%;
    top: -10px;
    background-color: #00d700;
    border-radius: 10px;
}
#pdp-div .workgrouptag.wgtag-50::after {
    background-color: #ffe300;
}
#pdp-div .workgrouptag.wgtag-1::after {
    background-color: #e8f1ff;
}

#processDPModal.spec360 .modal-dialog, #processDPModal.spec360 .modal-content {
    max-width: 360px !important;
}

#processDPModal .spec-mh-28 {
    max-height: 28px;
    margin-bottom: 0px !important;
}
#processDPModal h5 span.roll-icon {
    position: relative;
    margin-bottom: 0px;
    top: 2px;
    left: 4px;
} 
#processDPModal .spec-mh-28 .btn, #processDPModal .spec-mh-28 input, 
#processDPModal .spec-mh-28 label,
#processDPModal .spec-mh-28 .oneplus, #processDPModal .spec-mh-28 .twoexact {
    display: none !important;
}

/*
#pdp-wrap-auto, #pdp-wrap-jobs,#pdp-wrap-rjob {
  -webkit-transition: top 0.15s linear, left 0.15s linear, opacity 0.15s linear;
  -o-transition:  top 0.15s linear, left 0.15s linear, opacity 0.15s linear;
  transition:  top 0.15s linear, left 0.15s linear, opacity 0.15s linear;    
}

#processDPModal.spec360 #pdp-wrap-auto {
    position: absolute;
    top: 50px;
    left: 0px;
    min-height: 185px;    
}
#processDPModal.spec360 #pdp-wrap-jobs {
    position: absolute;
    top:0px;
    left: 360px;
    min-height: 235px;    
}
#processDPModal.spec360 #pdp-wrap-rjob {
    position: absolute;
    top:0px;
    left: 720px;
    min-height: 235px;
}
*/
#processDPModal span.btn-small {
    margin-right: 0px;
    width: 330px;
}
#processDPModal span img {
    transform: scale(0.65);
    transform-origin: left top;
    z-index: 10;
    position: absolute;
    top: 2px;
    right: -9px;
/*    pointer-events: auto;*/
    background-color: white;
    border-radius: 20px;        
}

#processDPModal h4, #processDPModal h5 {
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 6px;
}
#processDPModal .btn .short-div {
    margin-left: 8px;
}

#stats-table td {
    padding-top: 2px;
    padding-bottom: 2px;
}
#stats-table td.stats-head {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 13px;
}
#pdp-wrap-auto, #pdp-wrap-jobs, #pdp-wrap-ym { position: relative;}
#pdp-wrap-auto::before {
    content: " ";
    width: 360px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 255, 255, 0.11);
    z-index: 0;    
}
#pdp-wrap-jobs::before {
    content: " ";
    width: 360px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 240, 0, 0.11);
    z-index: 0;    
}
#pdp-wrap-ym::before {
    content: " ";
    width: 360px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 0, 240, 0.1);
    z-index: 0;    
}
#pdp-wrap-auto, #pdp-wrap-rjob, #pdp-wrap-jobs, #pdp-wrap-ym { 
    background-color: #FFF;
    max-width: 360px;
    width: 360px;
    padding: 15px;
    padding-top: 4px;
}
#processDPModal .modal-footer {
    max-width: 360px;    
}

#processDPModal .modal-content {
    -webkit-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
    border: none !important;
}
#pdp-wrap-auto, #pdp-wrap-rjob, #pdp-wrap-jobs, #pdp-wrap-ym, #pdp-main-wrap, #processDPModal .modal-header { 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    border: none !important;
    position: relative;
}

#pdp-wrk-wrap .col-xs-3, #pdp-wrk-wrap .col-xs-2 {
    max-height: 18px;
}
#pdp-wrk-wrap .workgrouptag {
    line-height: 15px;
}
#pdp-header {
    display: none;
}
#processDPModal.spec360 #pdp-main-wrap {
    margin-bottom: -25px !important; 
}

.stats-head.ymcol {
    font-size: 12px;
    color: #346499;
/*    text-orientation: upright; nope not yet
    writing-mode: vertical-rl;    */
}
.notetable-ecol-head.ymcol.odd ,
.notetable-ecell.ymcol.odd {
    color: #346499;
}
.notetable-ecell.ymcol.even {
    padding-top: 0px;
}
.notetable-ecell.ymcol.odd {
    padding-top: 8px;
}
.notetable-ecell.ymcol.zero {
    padding-top: 2px;
}

.notetable-ecell[highlight="3"], .stats-cell[highlight="3"] {
    color: red !important;
    font-weight: 500;
}
.notetable-ecell[highlight="2"], .stats-cell[highlight="2"]  {
    color: orange !important;
}
.notetable-ecell[highlight="1"], .stats-cell[highlight="1"]  {
    color: #5ea860 !important;
}
.notetable-ecell[highlight="-1"], .stats-cell[highlight="-1"]  {
    color: purple !important;
}

.notetable-ecell.ymcol.editable,
.stats-cell.ymcol.editable {
    pointer-events: auto;
    cursor: pointer;
}
.stats-cell.ymcol.editable:hover,
.notetable-ecell.ymcol.editable:hover,
#demands-wrap .notetable-ecell.ymcol.editable:hover{
    background-color: #92ff6a !important;
    color: red !important;
}

.stats-cell.mod, .notetable-ecell.mod, #demands-wrap .notetable-ecell.mod {
/*    color: blue !important;*/
    font-weight: 700;
    text-decoration: underline;
}
.stats-cell.mod::after, .notetable-ecell.mod::after, #demands-wrap .notetable-ecell.mod::after {
    content: "+";
    position: absolute;
    background-color: rgba(0,255,255,0.3);
    left: 38%;
    top: 0px;
    width: 7px;
    height: 8px;
    font-size: 13px;
    font-weight: 500;
    z-index: 10;
    line-height: 0.5;
    color: red;
}
.notetable-ecell.mod.even::after, .notetable-ecell.mod.zero::after,
#demands-wrap .notetable-ecell.mod.even::after, #demands-wrap .notetable-ecell.mod.zero::after {
    top: unset;
    bottom: 0px;
}

.stats-cell.abs, .notetable-ecell.abs, #demands-wrap .notetable-ecell.abs {    
    background-color: rgba(0,255,255,0.3);
    font-weight: 900;
    text-decoration: underline;    
}
.stats-cell.abs::after, .notetable-ecell.abs::after, #demands-wrap .notetable-ecell.abs::after {
		content: "=";
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0,255,255,0.3);
		left: 0px;
		top: 0px;
                font-size: 11px;                
                font-weight: 500;
                text-align: left;                
                z-index: 10;
                line-height: 0.5;
                color: red;
                padding-left: 38%;
}
.notetable-ecell.abs.even::after,.notetable-ecell.abs.zero::after {
    padding-top: 19px; 
}
#demands-wrap .notetable-ecell.abs.even::after,#demands-wrap .notetable-ecell.abs.zero::after {
    padding-top: 15px;
}
.stats-cell.hlock, .notetable-ecell.hlock, #demands-wrap .notetable-ecell.hlock {    
    text-decoration: underline;    
}
.stats-cell.hlock::after, .notetable-ecell.hlock::after, #demands-wrap .notetable-ecell.hlock::after {
		content: "H";
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(128,128,128,0.4);
		left: 0px;
		top: 0px;
                font-size: 8px;
                font-weight: 500;
                text-align: left;                
                z-index: 20;
                line-height: 10px;
                color: #fff;
                padding-left: 38%;
}
.notetable-ecell.hlock.even::after,.notetable-ecell.hlock.zero::after {
    padding-top: 17px; 
}
#demands-wrap .notetable-ecell.hlock.even::after,#demands-wrap .notetable-ecell.hlock.zero::after {
    padding-top: 12px;
}
.notetable-ecell.hlock.zero, #demands-wrap .notetable-ecell.hlock.zero,
.notetable-ecell.abs.zero, #demands-wrap .notetable-ecell.abs.zero {
    opacity: 1;
    text-decoration: none;
}

#notetable-body-wrap.onlyextra .notetable-ecell.hlock::after {
    padding-top: 16px;        
}
#notetable-body-wrap.onlyextra .notetable-ecell.abs::after {
    padding-top: 18px;
}
#notetable-body-wrap.onlyextra .notetable-ecell.mod::after {
    top: unset;
    bottom: 0px;    
}

.stats-cell.hdiff::after, .notetable-ecell.hdiff::after, #demands-wrap .notetable-ecell.hdiff::after {
    color: #f00;
}
    
.stats-cell.ymcol {
    position: relative;
}


#ymsetdiv {
	position: fixed;
	display: table;	
	border: 2px solid #3060a0;
	background-color: #f7fff7;
	z-index: -100;
	cursor: pointer;
	overflow-y:auto;
	overflow-x:hidden;
	max-height:80%;
        width: 960px;
        cursor: default;        
        padding-bottom: 10px;
}
#ymsetdiv input {
    width: 100%;
}
#ymset-wname {
    font-size: 22px;
    font-weight: 500;
    padding-top: 8px;
    display: inline-block;
    padding-left: 317px;
}
#ymset-wgtag {
    position: absolute;
    right: 645px;
    top: 14px;    
}
#ymset-cname {
    font-size: 18px;
    font-style: italic;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    padding-left: 317px;
    color: #0087ff;
}
#ymset-aval {
    font-size: 19px;
    font-weight: 900;
    float: right;    
    color: #649934;
    position: absolute;
    right: 15px;
}
#ymset-eval {
    font-size: 19px;
    font-weight: 900;
    float: right;    
    color: #0087ff;        
}
#ymset-hval {
    font-size: 19px;
    font-weight: 900;    
    color: #b7b7b7;
}
#ymsetdiv control-label {
    font-size: 14px;
    margin-top: 3px;
}
#ym-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
}
.abs-left0 {
    position: absolute;
    left: 0px;
}
.abs-left25 {
    position: absolute;
    left: 25px;
}
.abs-left50 {
    position: absolute;
    left: 50px;
}
.pdp-dnch , .pdp-snch, .pdp-wnch {
    position: relative;
    z-index: 1;
    font-size: 11px !important;
    padding-left: 22px !important;
    padding-right: 3px;    
}
.pdp-dnch.chk , .pdp-snch.chk, .pdp-wnch.chk {
    color: #346499;
}
.pdp-wnch {
    padding-right: 1px;
}
.ttwn6 .pdp-wnch {
    padding-right: 0px;
    margin-right: 0px;
}
.spec-scale95 { transform: scale(0.95); transform-origin: 0 0; width: 95%; margin-right: -10%;}
.spec-scale90 { transform: scale(0.90); transform-origin: 0 0; width: 90%; margin-right: -15%;}
.spec-scale85 { transform: scale(0.85); transform-origin: 0 0; width: 85%; margin-right: -20%;}
.spec-scale80 { transform: scale(0.80); transform-origin: 0 0; width: 80%; margin-right: -25%;}
.spec-scale75 { transform: scale(0.75); transform-origin: 0 0; width: 75%; margin-right: -30%;}/* margin-bottom: -20%;}*/

#stats-table.many-cols td.stats-cell {
    padding-left: 2px;
    padding-right: 2px;
}
#stats-table.many-cols td.stats-head {
    font-size: 12px;
}
/*
#stats-table.spec-full-width {
    width: 100%;    
}
#table2-jobs.deg90 {
    transform: rotate(90deg);
}
#table2-jobs.deg90 td, #table2-jobs.deg90 th {
    transform: rotate(-90deg);
}
*/

.rd-rc-info {
    position: absolute;
    z-index: 10;
    color: rgba(255,255,255,0.8);
    font-style: italic;
    font-size: 11px;
    bottom: -15px;
    right: 0px;
    padding-right: 6px;
    padding-left: 6px;
    background-color: rgba(0,0,0,0.22);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.notetable-ecol-head .norjob-overtime-warn {
    display: none;
}

.workers-info {
  margin-left: 5px;
  min-width: 35px;
  padding-left: 19px; 
}

.health-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; /* Makes it a circle */
  margin-right: 5px; /* Optional spacing */
  margin-left: 5px;
}

.health-status-red {
  background-color: red;
}

.health-status-orange {
  background-color: #ffa900;
}

.health-status-green {
  background-color: green;
}

.health-status-grey {
  background-color: grey;
}

.health-status-blue {
  background-color: rgb(0, 145, 255);
}


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

#feModalBody {
    max-height: 64vh;
    overflow-y: auto;
    -webkit-transition: max-height 0.15s linear;
    -o-transition:  max-height 0.15s linear;
    transition:  max-height 0.15s linear;            
}
.custom-text #feModalBody {
    max-height: 45vh;
}

@media screen and (min-width: 1728px) and (max-width: 1919px) {
    #supa-clients-table {
        transform: scale(0.9);
        transform-origin: center 0;        
    }
    #supa-clients-table tr:hover {opacity: 1;}
    .supaolink a { font-size: 11px !important;}
}
@media screen and (min-width: 1500px) and (max-width: 1728px) {
    #supa-clients-table {
        transform: scale(0.8);
        transform-origin: center 0;        
    }
    #supa-clients-table tr:hover {opacity: 1;}
    .supaolink a { font-size: 10px !important;}
}
/*
@media screen and (min-width: 1441px) and (max-width: 1536px) {
    #supa-clients-table {
        transform: scale(0.75);
        transform-origin: center 0;        
    }
    #supa-clients-table tr:hover {opacity: 1;}
    .supaolink a { font-size: 10px !important;}
}
@media screen and (max-width: 1440px) {
    #supa-clients-table {
        transform: scale(0.7);
        transform-origin: center 0;        
    }
    #supa-clients-table tr:hover {opacity: 1;}    
    .supaolink a { font-size: 9px !important;}
}
*/
@media screen and (max-width: 1500px) {
    #supa-clients-table {
        transform: scale(0.93);
        transform-origin: left 0 !important;
        margin-left: 40px !important;
        /*width: 95%;*/
        width: 1150px;
    }
    #supa-clients-table td.td-tariff-6 img { display: none !important;}
    #supa-clients-table tr td:nth-child(1) {        
        max-width: 460px !important;
        min-width: 460px !important;
    }        
    #supa-clients-table tr td:nth-child(2) {
        white-space: wrap !important;
        max-width: 250px;
    }
    #supa-clients-table tr td:nth-child(3) {
        white-space: wrap !important;
        max-width: 170px;
    }    
    #supa-clients-table tr td:nth-child(3) > small {
        white-space: wrap !important;
        font-size: 11px;
    }
    #supa-clients-table tr td:nth-child(2) > span.tooltipstered {
        top: -2px !important;
    }
    /*.supaolink { display: none !important;}*/
}
@media screen and (max-width: 1000px) {
    #supa-clients-table {
        transform: scale(0.72);
    }
}
.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;
    }    
    #supa-clients-table {
        transform-origin: left 0 !important;
        margin-left: 40px !important;               
    }
}


html.sgedit #supa-clients-table .moveud-icon {
    display: none;
}

#supa-clients-table .div-selected {
    position: absolute; 
    top: 13px;
    left: -55px;
}
#supa-clients-table .div-selected-org {
    left: -75px;
    top: 6px;
}

html:not(.sgedit) #supa-clients-table .div-selected,
html:not(.sgedit) .ssui-checkbox,
html:not(.sgedit) #esm-btn-multi {
    display: none !important;
}

label.ssui-checkbox {
    float: left;    
}

html.sgedit #esData,
html.sgedit #esm-wrap0{
    display: none !important;
}

#ee1-main-div .item-selected {    
    float: left;
}
#ee1-main-div:not(.multiedit) .item-selected {
    display: none !important;
}

html:not(.sgedit) #cht-wrap-sgedit {
    display: none;
}
html:not(.sgedit) #tariffLabel-sgedit {
    display: none;
}

html.sgedit #cht-wrap {
    display: none;
}
html.sgedit #tariffLabel {
    display: none;
}

.worker-seg0only-ico {
    font-size: 12px;
    font-weight: 700;    
    text-decoration: line-through;
    color: #888;
    position: absolute;
    top: -5px;
    right: -6px;    
}
.worker-ltc-ico {
    font-size: 14px;    
    color: #888;
    position: absolute;
    top: 5px;
    right: -8px;        
}