:root{
	--font-size: 14px;
	--hover-color : rgb(170 65 86);
	--selected-bg : rgba(251, 236, 136, 0.5);
	--border : solid 1px #dee2e6;
	--thema-bg : #e7f1ff;
	--padding : 4px;

	--data-title-boder-style : dotted;
	--border-r : 1px solid gray;

	--content-bar-filter : drop-shadow(0px 2px 2px rgb(190, 189, 189));
	--gantt-bar-radius : 10px;
  }
  
  #sispGanttChart ::-webkit-scrollbar-track
  {
  /* 	-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 0.05); */
	  background-color: #fcfcfc;
	  /* cursor: default; */
  /* 	border-radius: 4px; */
  }
  
  #sispGanttChart ::-webkit-scrollbar-button{
  /*   background-color: red; */
	height: 2px;
	width: 2px;
  }
 

  #sispGanttChart ::-webkit-scrollbar
  {
	  width: 6px;
	  height: 6px;
	  background-color: #fdfdfd;
  }
  
  #sispGanttChart ::-webkit-scrollbar-thumb
  {
  /* 	border-radius: 4px; */
	  background-color: #49505740;
	  /* background-image: -webkit-gradient(linear,
										 40% 0%,
										 75% 84%,
										 from(#4D9C41),
										 to(#19911D),
										 color-stop(.6,#54DE5D)) */
  }

 
#ganttChartLeftContent ::-webkit-scrollbar-track:vertical:hover{
	content: "";
	position: absolute;
	left: 0;
}

.gt-left {
	padding: 0;
	border: var(--border);
	border-right: none;
}
.gt-separator {
	width: 4px; 
	padding: 0;
	cursor: col-resize; 
	/* background-color: rgb(175 180 183); */
	border-radius: 5px;
	/* border-top: var(--border);
	border-bottom: var(--border); */
}

.gt-right {
	padding: 0;
	border: var(--border);
}

.gt-l-title {
	border-right: var(--border);
	border-bottom: var(--border);
	padding-left: 3px;
	text-overflow: ellipsis;
    overflow: hidden;

	padding: var(--padding);
	background-color: var(--thema-bg);
}

.gt-l-data {
	border-right: var(--border);
	border-bottom: var(--border);
	padding-left: 3px;
	text-overflow: ellipsis;
    overflow: hidden;

	padding: var(--padding);
}

.gt-r-title {
	border-right: var(--border);
	/* border-right-style: var(--data-title-boder-style); */
	border-bottom: var(--border);
	/* border-bottom-style: var(--data-title-boder-style); */
	/* padding-left: 3px; */
	text-overflow: ellipsis;
    overflow: hidden;

	padding: var(--padding);
	/* padding-left: 1px;
	padding-right: 1px; */
	background-color: var(--thema-bg);
	cursor: default;
}

.gt-r-data {
	border-right: var(--border);
	/* border-right-style: var(--data-title-boder-style); */
	border-bottom: var(--border);
	/* border-bottom-style: var(--data-title-boder-style); */
	/* padding-left: 3px; */
	text-overflow: ellipsis;
    overflow: visible;

	padding: var(--padding);
	padding-left: 0px;

	display: flex;
    align-items: center;
	cursor: default;
}

.gantt-today {
	/* background-color: red; */
	border-right: 1px solid red;
    /* filter: url(); */
}

.month-firstday {
	border-left: 1px solid darkgray;
}

.holiday {
	background-color: rgb(163 163 163 / 11%);
	/* background-color: rgb(235 235 235); */
}

.gantt-bar {
	/* position: absolute;
	padding: 4px; */
	font-size: 12px;
	display: -webkit-inline-box;
}

.gantt-bar-main {
	/* background-image: url(../img/gantt-bar.png); */
	font-size: 12px;
	-webkit-filter: var(--content-bar-filter);
	filter: var(--content-bar-filter);
	border-radius: var(--gantt-bar-radius);
	/* border-top-left-radius: var(--gantt-bar-radius);
	border-bottom-left-radius: var(--gantt-bar-radius); */
	cursor: pointer;
}
.gantt-bar-remain {
	font-size: 12px;
	-webkit-filter: var(--content-bar-filter);
	filter: var(--content-bar-filter);
	border-top-right-radius: var(--gantt-bar-radius);
	border-bottom-right-radius: var(--gantt-bar-radius);
	cursor: pointer;
}

.gantt-bar-sample {
	font-size: 12px;
	-webkit-filter: var(--content-bar-filter);
	filter: var(--content-bar-filter);
	border-top-right-radius: var(--gantt-bar-radius);
	border-bottom-right-radius: var(--gantt-bar-radius);
}

.gantt-bar-100 {
	border-radius: var(--gantt-bar-radius);
}
.gantt-bar-progress {
	/* margin-top: -4px; */
    font-size: 13px;
	line-height: 11px;
    color: yellow;
	text-align: -webkit-center;
}
.gantt-even-row {
	background-color: #dde6f344;
}
.changed-day {
	color: red;
	background: #ffd59e;
}

.taskinfo-header {
	height: 30px;
	display: flex;
	align-items: center;
	padding: 3px 3px 3px 10px;
}
.taskinfo-body {
	padding: 3px 3px 3px 3px;
}
.taskinfo-footer {
	height: 30px;
    display: flex;
    /* padding: 3px 0px 3px 0px; */
	padding: 0px;
    flex-direction: column-reverse;
    justify-content: center;
}


.taskinfo-footer-btnok {
	/* border-right: 1px solid #d9d9d9; */
	padding: 0px;
	font-size: var(--font-size);
	border-bottom-left-radius: 0.375rem !important;
}
.taskinfo-footer-btnok:hover{
	background: var(--thema-bg);
}
.taskinfo-footer-btncancel:hover{
	background: var(--thema-bg);
}
.taskinfo-footer-btncancel {
	border-left: 1px solid #d9d9d9;
	padding: 0px;
	font-size: var(--font-size);
	border-bottom-right-radius: 0.375rem !important;
}

.taskinfo-row {
	display: inline-flex;
    align-items: center;
    width: 268px;
    border-bottom: 1px solid #768fbd73;
    /* border-bottom-style: dashed; */
	border-bottom-style: dotted;
}

.taskinfo-row-last {
	display: inline-flex;
    align-items: center;
    width: 268px;
    /* border-bottom: 1px solid #768fbd73; */
    /* border-bottom-style: dashed; */
	/* border-bottom-style: dotted; */
	height: 30px;
}

.taskinfo-datebtn {
	width: 108px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
	padding-right: 6px;
}

/* for title */
.sispGanttRTitle-seld-L {
	/* background: #ff006a54;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px; */

    position: relative;
    left: -7px;
    top: -26px;
    margin-right: -13px;
    color: #ff006a54;
}

.sispGanttRTitle-seld-L-OLD {
	/* background: #ff006a54;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px; */

    position: relative;
    left: -7px;
    top: -26px;
    margin-right: -13px;
    color: #3a333654;
}

.sispGanttRTitle-seld-R {
	/* background: rgb(221, 74, 15); */
	/* background: #ff006a54;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px; */

    position: relative;
    left: 8px;
    top: -26px;
    margin-right: -13px;
    color: #ff006a54;
}

.sispGanttRTitle-seld-R-OLD {
	/* background: rgb(221, 74, 15); */
	/* background: #ff006a54;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px; */

    position: relative;
    left: 8px;
    top: -26px;
    margin-right: -13px;
    color: #3a333654;
}

/* for data */
.sispGanttRData-seld-L {
	/* background: #ff006a54;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px; */

	position: relative;
    left: -4px;
    top: -9px;
    margin-right: -14px;
    color: #ff006a54;
}

.sispGanttRData-seld-L-OLD {
	/* background: #ff006a54;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px; */

	position: relative;
    left: -4px;
    top: -9px;
    margin-right: -14px;
    color: #3a333654;
}

.sispGanttRData-seld-R {
	/* background: #ff006a54;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px; */

    position: relative;
    left: 11px;
    top: -9px;
    margin-right: -14px;
    color: #ff006a54;
}

.sispGanttRData-seld-R-OLD {
	/* background: #ff006a54;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px; */

    position: relative;
    left: 11px;
    top: -9px;
    margin-right: -14px;
    color: #3a333654;
}

.sispGanttRData-nosave-warn {
	position: relative;
    left: 0px;
    top: -9px;
    margin-right: -14px;
    color:rgb(255 0 0);
}

.sispGanttStartMY {
	border-top: none;
    margin-top: -4px;
    border-left: none;
    border-right: none;
    min-width: 120px;
    max-width: 120px;
    margin-left: 7px;
}

.sispGanttEndMY {
	border-top: none;
    margin-top: -4px;
    border-left: none;
    border-right: none;
    min-width: 120px;
    max-width: 120px;
    margin-left: 7px;
}

.sisp-gantt-selected-row {
    /* background-color: rgb(251,236,136); */
    /* background-color: var(--selected-bg) !important; */
	/* border-bottom-color: rgb(235, 152, 152); */
	border-bottom: solid 1px rgb(235, 152, 152);
  }

.gantt-task-detail-mark {
	position: relative;
	left: 200px;
	display: none;
}

.gantt-task-detail-mark:hover {
	color: var(--hover-color);
	cursor: pointer;
}

.gantt-task-detail-popover-title {
	text-align: right;
	padding-right: 0px;
	/* white-space: nowrap !important; */
	/* min-width:200px */
}

.gantt-task-detail-popover-content {
	/* min-width:500px; */
	/* white-space: nowrap !important; */
}

.gantt-task-detail-popover-row {
	min-width:500px;
	max-width:600px;
	cursor: default;
	border-bottom: 1px solid #ededed;
}

.gantt-task-detail-popover-row:hover {
	/* border-bottom: 1px solid var(--hover-color);
	border-bottom-color: var(--hover-color); */
	background-color: var(--thema-bg);
}

.popover {
	max-width: none;
}

.sisp-gantt-mouseover-row {
	/* border-bottom-color: red; */
	/* border-bottom: solid 1px rgb(235, 152, 152); */
	background-color: var(--selected-bg);
}

.sisp-gantt-mouseover-col {
	/* border-left-color: rgb(235, 152, 152); */
	/* border-left: solid 1px rgb(235, 152, 152); */
	background-color: var(--selected-bg);
}

.sisp-gantt-mouseover-div {
	/* border-left-color: rgb(235, 152, 152); */
	/* border-left: solid 1px rgb(235, 152, 152); */
	background-color: var(--selected-bg);
}