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


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


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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

	left:0;
	top:auto;
}

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

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


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

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

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


#div-setworker, #div-setjob {
	position: fixed;
/*
	right: 0;
	left: 0;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
*/
	display: table;
	width: 1200px;
	border: 2px solid #3060a0;
	background-color: #f7fff7;
	z-index: -100;
	cursor: pointer;
	overflow-y:auto;
	overflow-x:hidden;
	max-height:80%;
}

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

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

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

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

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

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

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

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

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

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


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

	min-width: 80px;

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


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

.did {
	position:relative;
}

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

	background-repeat: repeat !important;

	background-color: #EEE;

}

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

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



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

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

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

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

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


td.se-data {
	position: relative;
        min-height: 38px;
        
	/*max-height: 20px;*/	
}

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

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

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


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

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


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


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

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

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

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

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

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

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

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

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

.group-color {
	color: #10cfe2;
}
.group-color:hover {
	color: #20dff2;
}

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

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

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



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

.readiness-color {
	color: #F46409
}
.readiness-color:hover {
	color: #FF7429
}

.nonactive-color {
	color: #BBB;
}
.nonactive-color:hover {
	color: #CCC;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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




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

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


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

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

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

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


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

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

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

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

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

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

#table-setworker td.unsuitable {
	/*
	background-color: #ecdfdf;
	*/
	background-color: #ffffff;
	opacity: 0.35;
}
#table-setworker td.unsuitable:hover {
	background-color: #f8f8c8;
	opacity: 0.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/icoset20.png);
}

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

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

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

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


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

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

#red-alert {
	position: fixed;
	z-index: 1500;
        top: 170px;
	left: 10px;
	/*
        left: 15px;
        z-index: 1000;
        top: 35px;
        */
	width: 68px;
	height: 60px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 1.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: 228px;
	left: 14px;
	z-index: 1500;        
/*        
	top: 93px;
	left: 19px;
	z-index: 1000;
*/
	padding: 10px;
/*
	min-width: 550px;
*/
	max-height: 70%;
	overflow: auto;
	opacity: 1.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: 228px;
	left: 520px;
	z-index: 1501;
        padding-right: 0px;
        padding-bottom: 0px;
        max-height: 80%;
        overflow: hidden;      
        
        
/*        
	top: 93px;
	left: 520px;
	z-index: 1001;
	overflow: auto;
	max-height: 70%;

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

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

#info-wrap #info-detail {
	position: fixed;
	top: 138px;
	left: 520px;
	z-index: 1001;
	padding: 20px;
	padding-top: 30px;
	min-width: 300px;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #888;
	max-height: 80%;
	overflow: auto;
	opacity: 1.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: 450px;
}


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

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

td {
	background-clip: padding-box;
}

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

#workspace-table .comb-div {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4000;
	font-size: 8px;
	padding-left: 1px;
	padding-right: 0px;
	background-color: rgba(0,0,255,0.15);
        line-height: 1.15;
	color: #06f;
	cursor: pointer;
}

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

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

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

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

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

.ci-orange {
    color: #f87800 !important;
}

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

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

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

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

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

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

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

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

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

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

.uncondensed {
	margin-top: 15px;
}

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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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


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

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

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




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

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


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

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

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


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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

#calendar-buttons .nc-button .nc-text {
	position: absolute;
	left: 26px;
	top: 13px;
	font-size: 15px;
	font-weight: 400;
}
#calendar-buttons .nc-button.nc-green .nc-text {
	color: rgb(94,168,94);
}
#calendar-buttons .nc-button.nc-orange .nc-text {
	color: rgb(230,130,0);
}
#calendar-buttons .nc-button.nc-red .nc-text {
	color: rgb(216,90,90);
}
#calendar-buttons .nc-button.nc-green {
	width: 64px;
}
#calendar-buttons .nc-button.nc-orange {
	width: 83px;
}
#calendar-buttons .nc-button.nc-red {
	width: 129px;
}

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

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

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

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

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

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

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

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


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

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

#max-div {
	width: 304px;
}

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

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

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

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

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

#calendar-body {
	display: table;
}

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

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

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


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

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

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


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

	#calendar-note {
		display: none;
	}

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

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

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

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

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


	#calendar-date {
		color: #555;
	}

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

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

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

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


}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


#order-wrap #order-detail {
	width: 250px;
	position: fixed;
	top: 138px;
	left: 520px;
	z-index: 1001;
	padding: 20px;
	padding-top: 30px;
	/*min-width: 300px;*/
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #888;
	max-height: 80%;
	/*overflow: auto;*/
	opacity: 1.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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





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

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

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


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


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

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

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

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

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

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

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

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

#net-error {
	background-color: 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: 1013;
	padding: 20px;
	padding-top: 34px;
	/*min-width: 300px;*/
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #888;
	max-height: 80%;
	overflow: auto;
	opacity: 1.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: 200px;
}

.close-ico {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 26px;
	height: 26px;
	background-image: url('../images/close.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 1.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;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

#scol-wrap .sc-invisible .rsc-text {
	color: #AAA !important;
	text-decoration: line-through !important;
}

#sc-table td {
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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


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

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

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

.container h3.notesum {
	display: block;
}

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

#notetable-body {
	position: absolute;
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: opacity 0.5s linear;
	-o-transition:  opacity 0.5s linear;
    transition:  opacity 0.5s linear;
}

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

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

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

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

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

.notetable-daynum {
	text-align: center;
	color: #447499;
	font-weight: 600;
}

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



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

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

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

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

.notetable-notemain {
	display: inline-block;
	/*padding: 2px;*/
}

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

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

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

#notebtn {
	position: absolute;
	top: 0px;
	right: 15px;
	padding: 4px !important;
}
#notetable-body-wrap.notetable-spec {
	margin-bottom: 0px !important;
	margin-top: -1px !important;
}
.notetable-point {
	position: absolute;
	top: 0px;
	z-index: 6;
	width: 8px;
	height: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.30) !important;
	display: none;
}
.ntpoint .notetable-point {
	display: block;
}

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

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

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

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

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

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

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

#notetable-main-wrap {
	position: relative;
	display: table;
	clear: both;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.notetable-repoint {
	position: absolute;
	z-index: 6;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    height: 3px;
    bottom: -3px;
	display: none;
}
.ntpoint .notetable-repoint {
	display: block;
}
.repoint-type0 {
    border: 1px solid #92b6e8 !important;
    box-shadow: inset 0 0 0 1000px #447499 !important;
}
.repoint-type1 {
	border: 1px solid #1ad81a !important;
	box-shadow: inset 0 0 0 1000px #1ad81a !important;
}
.repoint-type-1 {
	box-shadow: inset 0 0 0 1000px #e82a2a !important;
	border: 1px solid #ff0000 !important;
}
.repoint-type-2 {
	box-shadow: inset 0 0 0 1000px #fb9805 !important;
	border: 1px solid #ff6f00 !important;
}

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

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

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

/*
.cursor-pointer {
	cursor: pointer;
}
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#qo_list_div {
	padding-left: 25px;
}

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

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

.mod-jobhours-note {
    color: #AAA;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin-left: -290px;    
}

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

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

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

.mjh-custom {
    color: #ff6600;
}

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

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

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

.td-empty {
    width: 130px;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


html.replace-mode #d2wmain .d2workers-row-daycell.suitable3 {background-color: #26ff26 !important;}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable2 {background-color: #a0ffa0 !important;}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable1 {background-color: #d0ffd0 !important;}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable0 {background-color: #d0ffd0 !important;}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable-1 {background-color: #ff851a !important;}
html.replace-mode #d2wmain .d2workers-row-daycell.suitable-2 {background-color: #ff0000 !important;}

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

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

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

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


/*

CALENDAR NC2 part
*/

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

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


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

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

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


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

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

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

.calendar2-buttons {
	position: relative;
	width: 280px;
	height: 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-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-note,#calendar2-note-text {
	cursor: pointer;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

#calendar2-body {
	display: table;
}

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

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

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

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

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

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

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

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

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





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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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




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

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


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


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

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



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

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





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




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


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



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




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


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


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

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



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


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

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

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

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

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

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

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



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

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


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


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

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

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


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



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


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



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


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





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

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

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

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

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




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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.short-div {    
    text-align: left;
    height: 24px;
    min-width: 25px;
    border: 1px solid rgba(120,120,120,0.3);
    margin: 0px;
    padding: 0px;
    top: 0px;
    position: relative;    
    overflow: hidden;
    white-space: nowrap;
    clear: none;
    font-family: "Fira Sans", sans-serif;
    display: inline-table;
/*    
    display: -webkit-inline-box;
    width: 25px;
    max-width: 25px;
*/
}
.short-main {
    position: relative;    
    font-size: 21px;
    font-weight: 700;
    margin-right: 2px;    
    top: 1px;
    line-height: 0.8;
    left: 2px;
    z-index: 2;
    display: inline-block;
    max-width: 25px;
    /*
    max-width: 21px;
    max-width: 25px;
    min-width: 24px;
    */
}
.short-index {   
    display: inline-block;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
/*    
    top: 6px;
    left: -2px;
*/
    top: 7px;
    left: -4px;    
    margin-right: 0px;    
/*    
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    top: 4px;
    left: -1px;
    margin-right: 2px;
*/
    z-index: 2;    
    max-width: 24px;
}
.short-div.short-sub .short-main {
    
    /*
    top: -1px;
    font-size: 16px;
    */
    font-size: 15px;
    top: -1px;    
}
.short-div.short-sub .short-index {
    position: absolute;
    left: auto;
    right: 3px;
    top: 12px;
    font-size: 9.3px;
}
.short-div.short-single .short-main {
    font-size: 21px;
    left: 6px;
    top: 3px;
}
.short-div.short-tri .short-main {
    font-size: 11px;
}

.halfwidth {
    width: 50%;
}

.phase-row {
    height: 20px;    
}

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

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

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

#float-div-wrap {
    position: fixed;     
    top: 0px; 
    left: 0px;
    width: 100vw;
    background-color: white;
    overflow: hidden;
    z-index: 1035;
    /*transform:  scaleY(0.8);*/
    /*transform-origin: top left;*/
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);    
    max-height: 300px;
    -webkit-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: max-height 0.5s linear;
}

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

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

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

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


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

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



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


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

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

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

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

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


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

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

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

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

.width1p {
    width: 1%;
}

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

.td2day {
    width: 2%;
}

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

.mp00 {
    margin: 0px;
    padding: 0px;
}


.td2-jobs-first {
    position: relative;
    /*padding-left: 18px !important;    */
}

.td2-jobs-first .moveud-icon {
    position: absolute;
    top: 4px;
    left: -16px;
}
.td2-jobs-first .roll-icon {
    width: 16px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    /*
    bottom: 1px;
    left: 0px;
    */
    bottom: -2px;
    left: 30px;
    opacity: 0.5;
}

.td2day {
    position: relative;
}

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

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

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

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

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


.fullscreen-icon {
  display: block;
  float: left;
  height: 24px;    
  padding-left: 30px;
  padding-top: 5px;
  background-image: url(../images/icofusc.png);
  background-repeat: no-repeat;
  color: #346499;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}
.fullscreen-icon:hover {
  color: #048707;
  cursor: pointer;
  background-position: 0px -24px;    
}

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

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

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

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

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


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

#supa-clients-table .moveud-icon {
    position: absolute;
    top: 14px;
    left: -50px;
    opacity: 0.4;
}



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

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

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

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

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

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

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

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

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

.zoomm-icon {
  display: block;    
  height: 24px;
  min-width: 24px;
  padding-left: 24px;
  padding-top: 5px;
  height: 24px;
  max-width: 100%;
  color: #346499;
  
  background-image: url(../images/icolgm.png);
  background-repeat: no-repeat;  
}
.zoomm-icon:hover {  
  color: #048707;  
  cursor: pointer;
  background-position: 0px -24px;    
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-center .nav-calendar b {    
}

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

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

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

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

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

.nobar::-webkit-scrollbar
{
    width: 0px;
}
.nobar::-webkit-scrollbar-track-piece
{
    background-color: transparent;
    -webkit-border-radius: 6px;
}

.navbar-brand img {
    transform: scale(1.01);
    /*transform-origin: top left;*/
    -webkit-transition: transform 0.15s linear, left 0.15s linear, opacity 0.15s linear;
    -o-transition:  transform 0.15s linear, left 0.15s linear, opacity 0.15s linear;
    transition:  transform 0.15s linear, left 0.15s linear, opacity 0.15s linear;    
}
.navbar-brand:hover img {
    transform: scale(1.035);
}

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

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

.table2-jobs tr th{
    width: 2.5%;
    text-align: center;
}
table.table2-jobs tr th {
    border-bottom: 2px solid #30cbdc;
}
table.table2-jobs tr th.htype1,
table.table2-jobs tr th.htype3 {
    border-bottom: 2px solid #d837d8;
}
table.table2-jobs tr th.htype0 {
    border-bottom: 2px solid #c4c4c4;
}
.table2-jobs tr th:first-child {
    text-align: left;
    min-width: 255px;
    max-width: 500px;
    border-bottom: none;
}
.jh-on .table2-jobs tr td:first-child {
    height: 37px !important;
}
table.table2-jobs tr:last-child td:first-child {    
    border-bottom: none;
}

table.table2-jobs .td2-jobs .tinfo {
    display: block;
    font-size: 10px;
    line-height: 1.27;
    color: #ea1357;
    clear: both;    
}

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

table.table2-jobs .d2-daytype, #d2wmain .d2-daytype {
    font-size: 10px;
    font-style: italic;
    color: #30cbdc;    
}
table.table2-jobs .d2-daytype.htype1, #d2wmain .d2-daytype.htype1,
table.table2-jobs .d2-daytype.htype3, #d2wmain .d2-daytype.htype3 {
    color: #d837d8;
}
table.table2-jobs .d2-daytype.htype0, #d2wmain .d2-daytype.htype0 {
    color: #c4c4c4;    
}

table.table2-jobs .th2-jobs {
    color: #30cbdc;    
}
table.table2-jobs .th2-jobs.htype1,
table.table2-jobs .th2-jobs.htype3 {
    color: #d837d8;
}
table.table2-jobs .th2-jobs.htype0 {
    color: #777;
}

table.table2-jobs .td2-jobs .tinfo.r1 {
    position: absolute;    
    left: 1px;    
    top: 2px;
    min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r2 {
    position: absolute;
    top: 14px;
    left: 4px;    
    min-width: 26px;
}
table.table2-jobs .td2-jobs .tinfo.r3 {
    position: absolute;    
    top: 26px;
    left: 2px;    
    line-height: 1;
    min-width: 15px;
}


table.table2-jobs .td2-jobs.unavail0 {
    border: 1px solid #77bc79;
    /*
    border-left: 1px solid rgba(0,255,0,0.25);
    border-right: 1px solid rgba(0,255,0,0.25);
    */
    background-color: #bbeebb;    
    background-image: url(../images/small-check-icon.png);
    background-position: center center;    
    background-repeat: no-repeat;    
}
.jh-on table.table2-jobs .td2-jobs.unavail0 {
    background-image: url(../images/small-check-icon.png);
    background-position: bottom right;    
}

table.table2-jobs .td2-jobs.unavail0:hover {  
  background-color: #ccffaa;  
}
table.table2-jobs .td2-jobs.unavail1 {
    border: 1px solid #dd8f8f;
    /*
    border-left: 1px solid rgba(255,0,0,0.25);
    border-right: 1px solid rgba(255,0,0,0.25);    
    */
    background-color: #eebbbb;
    background-image: url(../images/small-false-icon.png);
    background-position: center;
    background-repeat: no-repeat;
}
table.table2-jobs .td2-jobs.unavail1:hover {  
  background-color: #ffccaa;  
}
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;
}


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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

.paircolorpalette {
    display: inline-block;
}

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

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

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





#nc2_revertline, .nc2_revertline {
    font-size: 11px;
    font-style: italic;
    font-weight: 500;
    color: #888;    
    padding-bottom: 8px;
    position: relative;
    height: 18px;
}
#nc2_rl_notsend, .nc2_rl_notsend {
    position: absolute;
}
#nc2_rl_send, .nc2_rl_send {
    position: absolute;
}
#nc2_rl_refresh, .nc2_rl_refresh {
    position: absolute;
/*    
    top: -13px;
    left: 132px;    
*/
    top: -4px;
    left: 470px;
    font-size: 13px;
}

#nc2_rl_diff, .nc2_rl_diff {
    position: absolute;
    top: -1px;        
    left: 256px;
    color: #ff5400;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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


#calendar2-date-claim {
	position: relative;	
	font-size: 13px;
	color: white;
	font-weight: 400;	
	text-align: left;
	left: 1px;
        top: 0px;
        font-style: italic;
        margin-top: -17px;
        min-height: 19px;
}

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

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


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

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


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


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

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

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


.clearboth {
    clear: both;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

.nc2-cell .nc2-seg0-wrap.nc2-selected,
.nc2-cell .nc2-seg1-wrap.nc2-selected {
    animation-duration: 1000ms;
    animation-name: nc2-selected-highlight;
    animation-iteration-count: infinite;    
}

@keyframes nc2-selected-highlight {
  from {  
    filter: brightness(1);
  }
  50% {    
    filter: brightness(1.25);
  }
  to {    
    filter: brightness(1);
  }
}

.nc2-cell[s0cvg="0"] .nc2-seg0-wrap.nc2-selected, .nc2-cell[s1cvg="0"] .nc2-seg1-wrap.nc2-selected {
    background-color: rgb(200,245,245);    
}


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

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

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

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

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

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

}

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

#d2wmain .left-border {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: #FFBB00;
    z-index: 11;
    pointer-events: none;
}
#d2wmain .right-border {
    display: none;
    position: absolute;
    right: 0.5px;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: #FFBB00;
    z-index: 1000;
    pointer-events: none;
}
/*
#d2wmain .targeted-col .left-border,
#d2wmain .targeted-col .right-border {
    display: block;
}
*/
#d2wmain .d2workers-headrow-daycell .left-border {
    left: -1px;
}
#d2wmain .d2workers-headrow-daycell .right-border {
    right: -0.5px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#ttcfgtr-head th {
    vertical-align: bottom;
    position: relative;
    top: 5px;
    -webkit-transition: top 0.25s linear;
    -o-transition:  top 0.25s linear;
    transition:  top 0.25s linear;    
}

#ttcfgtr-head th.moveup {
    top: -18px;
    color: #d00623;
}
#ttcfgtr-head th.moveup-no {
    /*top: auto;*/
    top: 5px;
}

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

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


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

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

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

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

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

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

.width-transition {    
    -webkit-transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;
    -o-transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;
    transition: margin 0.3s linear, max-width 0.3s linear, min-width 0.3s linear !important;
}

.modal-dialog.width-transition {
    -webkit-transition: transform .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;    
}

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

.span-personal-num {
    margin-left: 4px;
    font-size: 9px;
    font-style: italic;
    color: #AAA;
}
.span-personal-fn {
    margin-left: 4px;
    font-size: 9px;
    font-style: italic;
    color: #F43ECF;
}

#xrabbit {
    position: absolute; 
    left: 4px; 
    bottom: -17px; 
    font-size: 20px; 
    cursor: pointer;
    transition:  bottom 0.4s linear, opacity 0.4s linear;   
    opacity: 0.1;    
}

#xrabbit:hover {
    bottom: 15px;
    opacity: 1;
}

#xgoat {
    position: absolute;
    left: 546px;
    bottom: -19px;
    font-size: 20px;
    cursor: pointer;
    transition: bottom 0.4s linear, opacity 0.4s linear, font-size 0.4s linear;
    opacity: 0.07;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);        
}

#xgoat:hover {
    font-size: 28px;
    bottom: 10px;
    opacity: 1;
}

#xbat {
    position: absolute; 
    right: -7px; 
    transform: rotate(540deg) scale(0.5);
    top: -16px; 
    font-size: 30px; 
    cursor: pointer;
    transition:  transform 0.25s linear, top 0.3s linear, right 0.25s linear, opacity 0.4s linear;   
    opacity: 0.09;
    z-index: 1020;
}
#xbat:hover {
    top: 0px;
    right: 2px;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}


#xgv {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99998;
    opacity: 1;
    pointer-events: all;
    cursor: zoom-out;
    transition:  opacity 0.8s linear;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.93);    
}
#xgv.zero-opacity {
    pointer-events: none;
    cursor: initial;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select-white-hover li a:hover, .select-white-hover li a:hover span,
.select-white-hover li.selected a, .select-white-hover li.selected a span {
    color: #fff !important;
}

.helpico20 {
    width: 20px;
    height: 20px;
    position: relative;
    top: -10px;
    left: -4px;    
}

#top-fs-img:hover {
    opacity: 1.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;
}

.search-div {
    display: inline-block;
    margin-left: 15px; 
    position: relative;
    top: -2px;
}
.search-div input {
    padding-left: 38px;
}
.search-div-ico {
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 10;
    /*https://www.iconsdb.com/black-icons/search-3-icon.html*/
}
.search-div-count {
    position: absolute;
    left: 6px;
    top: 22px;
    font-size: 11px;
    font-weight: 500;
    font-style: italic;
    color: rgb(90,90,90);
    z-index: 11;
}
.search-selected {
    background-color: rgb(255,255,153) !important;
}
.search-div-close {
    position: absolute;
    right: 4px;
    top: 5px;
    transform: scale(0.8);
    z-index: 10;    
    opacity: 0.55;
    -webkit-transition: opacity 0.15s linear;
    -o-transition:  opacity 0.15s linear;
    transition:  opacity 0.15s linear;
    cursor: pointer;
}
.search-div-close:hover {
    opacity: 0.8;

}
.sticky-top {    
    position: sticky !important;
    position: -webkit-sticky !important;
    background-color: #FFFFFFE0 !important;
    border: none !important;
    box-shadow: inset 0 0 0 0, inset 0 -2px 0 rgba(0,0,0,0.3) !important;
    padding: 2px 0 !important;
    z-index: 1  !important;
    top: 0px  !important;
}
.sticky-bottomshadow {
    box-shadow: none !important;
}
.sticky-bottomshadow.sticky-now {
    box-shadow: inset 0 0 0 0, inset 0 -2px 0 rgba(0,0,0,0.3) !important;
}





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


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

#qwrk-div .workgrouptag {
    position: relative;
}
#qwrk-div .workgrouptag.wgtag-100::after,
#qwrk-div .workgrouptag.wgtag-50::after,
#qwrk-div .workgrouptag.wgtag-1::after {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 39%;
    top: -10px;
    background-color: #00d700;
    border-radius: 10px;
}
#qwrk-div .workgrouptag.wgtag-50::after {
    background-color: #ffe300;
}
#qwrk-div .workgrouptag.wgtag-1::after {
    background-color: #e8f1ff;
}

html.dev-server  {
/*    
    border-bottom: 8px solid #8fee2f;
    border-top: 8px solid #8fee2f;
    border-left: 4px solid #8fee2f;
    border-right: 4px solid #8fee2f;    
*/
}
html.dev-server::after {
    content: "DEV";
    font-size: 20px;
    font-weight: 700;
    padding-top: 53px;
    text-indent: 6px;
    color: #8fee2fb7;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    border-bottom: 8px solid #8fee2f97;
    border-top: 8px solid #8fee2f97;
    border-left: 8px solid #8fee2f97;
    border-right: 8px solid #8fee2f97;
    pointer-events: none;
}

html.dev-server.hyperadmin::after {
    content: "D";
    padding-top: 60px;
    border: none;
}

.rd-rc-info {
    position: absolute;
    z-index: 10;
    color: rgba(255,255,255,0.8);
    font-style: italic;
    font-size: 11px;
    bottom: -15px;
    right: 0px;
    padding-right: 6px;
    padding-left: 6px;
    background-color: rgba(0,0,0,0.44);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

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

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

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

@media screen and (min-width: 1728px) and (max-width: 1919px) {
    #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: 1110px;
    }
    #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;               
    }
}



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

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

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

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


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

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



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


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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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


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

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

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

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

.container-worker-long {
    min-width: 90vw;    
}
.container-worker-long .span-personal-fn {
    position: absolute;
    left: -4px;
    top: 15px;
    color: #CE8AC0;
}
.container-worker-long .span-personal-num {
    position: absolute;
    left: -4px;
    top: -10px;
}
.td-worker-qual {
    font-size: 13px;
    position: relative;
}
.container-worker-long .td-worker-qual {
    font-size: 12px;    
}

#ewm-qual-div label {
    margin-right: 10px;
    display: inline;
    white-space: nowrap;
}
.manyjobs #ewm-qual-div {
    padding-right: 0px;
    text-align: justify;    
}
.manyjobs #ewm-qual-div label {
    margin-bottom: 0px;
    font-size: 13px;    
    padding-top: 2px;    
    padding-bottom: 2px;
}
#editWorkerModal.manyjobs > div {
    min-width: 95vw;
}
#ewm-qual-div {
    padding-bottom: 4px;
}
.manyjobs #ewm-qual-div {
    width: 84vw !important;    
}
.manyjobs #ewf-note-div {
    width: 83vw !important;
}
.manyjobs #ewm-tag-div {
    width: 38vw !important;
}
.manyjobs #calendar2-body {
    max-width: 1000px;
}
.worker-seg0only-ico {
    font-size: 12px;
    font-weight: 700;    
    text-decoration: line-through;
    color: #888;
    position: absolute;
    top: -5px;
    right: -6px;    
}
.worker-ltc-ico {
    font-size: 14px;    
    color: #888;
    position: absolute;
    top: 5px;
    right: -8px;        
}

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

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

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

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

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

html:not(.sgedit) #cht-wrap-sgedit {
    display: none;
}
html:not(.sgedit) #tariffLabel-sgedit {
    display: none;
}

html.sgedit #cht-wrap {
    display: none;
}
html.sgedit #tariffLabel {
    display: none;
}

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

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

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

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

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