.timeline-multiselect::after{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    content: "";
    border-style: solid  !important;
    border: 4px;
    z-index: 1001;
}

.timeline-error::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\f071";
    color: red;
    font-family: "FontAwesome", sans-serif;
    z-index: 10;
}

.timeline-control-0::after{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: "\f273";
    color: black;
    font-family: "FontAwesome", sans-serif;
    z-index: 10;
    font-style: normal;
    font-size: 14px;
    background-color: lightgray;
    text-align: center;
}

.timeline-control-1::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\f071";
    color: orange;
    font-family: "FontAwesome", sans-serif;
    z-index: 10;
    font-style: normal;
    font-size: 14px;
}

.timeline-komentar::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\f075";
    font-family: "FontAwesome", sans-serif;
}

.timeline-modal-bg,
.timeline-modal-bg * {
  box-sizing: border-box;
}
.timeline-modal-bg {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 10;
  display: none;
}

.timeline-sunday-column {
    background-color:#EBF1FB !important;
}

.timeline-saturday-column{
    background-color:#EBF1FB !important;
}

.timeline-holiday-column{
    background-color:#FFDFDF !important;
}

.timeline-even-column{
    /*background-color:#F6F6F6 !important;*/
}

.timeline-odd-column{
    /*background-color:#EEEEEE !important;*/
}
.dhx_cal_light{
    z-index: 1000 !important;
}
.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon{
    z-index: 1001 !important;
}

div.dhx_timeline_label_row.dhx_row_item{
    line-height: 16px !important;
    height: 20px !important;
}

.dhx_matrix_scell .dhx_scell_level1{
    padding-left: 0px !important;
    font-size: 11px !important;
}

.dhx_cal_event_line{
    font-size: 10px !important;
    padding: 0 0 0 0px !important;
}

.timeline-cell-inner{
    height: 100%;
    width: 100%;
    table-layout:fixed;
}

.timeline-cell-inner td{
    border-left:1px solid #cecece;
}

.dhx_minical_popup{
    z-index: 111 !important;
}

.dhx_minical_popup td{
    padding: 0px;
}

.dhx_minical_popup .dhx_cal_next_button{
    left: auto !important;
}

.ds-timeline-resize-bottom{
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: n-resize;
    z-index: 100000;
}

#ds-timeline-bottom > .dhx_cal_scale_placeholder{
   display: none !important;
   height: 0px !important;
   top: 0px !important;
}

#ds-timeline-bottom > .dhx_cal_data{
   top: 0px !important;
}

#ds-timeline-bottom > .dhx_timeline_scale_header{
   display: none !important;
   height: 0px !important;
   top: 0px !important;
}

#ds-timeline-bottom > .dhx_cal_navline.dhx_cal_navline_flex{
   display: none !important;
}

#ds-timeline-bottom > .dhx_cal_header{
   display: none !important;
   height: 0px !important;
   top: 0px !important;
}

#ds-timeline-bottom .dhx_matrix_scell.folder{
   background-color: #A2BAE4 !important;
}

#ds-timeline-bottom .dhx_data_table.folder .dhx_matrix_cell {
   background-color: #A2BAE4 !important;
}


#ds-timeline-bottom .dhx_matrix_scell.folder .dhx_scell_name{
   color: #0039A6 !important;
   font-weight: 600 !important;
   max-height: 100% !important;
   font-size: 12px !important;
}

.sortable-placeholder {
   background:red;
   height: 10px;
   width: 100px;
}

.dhx_cal_today_button{
    right: 40px !important;
}

.dhx_minical_icon{
    left: 0px !important;
}

.dhx_cal_next_button{
    left: 5px !important;
}

.dhx_show_info{
  display: none;
}

.timeline-grid{
  overflow-y: auto;
  height: 160px;
}

.ds-bottom,
.ds-bottom * {
  box-sizing: border-box;
}
.ds-bottom {
  border-radius: var(--borderradius-sm, 4px) var(--borderradius-sm, 4px) 0px 0px;
  display: none;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--on-left-box-shadow, -2px 0px 4px 0px rgba(0, 0, 0, 0.25));
  overflow: hidden;
}

.timeline-tabs {
  background: var(--color-neutral-50, #ffffff);
  padding: var(--spacing-xxs, 2px) 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.ds-tabs-group-3 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.timeline-bottom-panel-close {
  padding: var(--spacing-xxs, 2px) var(--spacing-sm, 8px)
    var(--spacing-xxs, 2px) var(--spacing-sm, 8px);
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 26px;
  position: relative;
}

.ds-tabs-item {
  border-style: solid;
  border-color: var(--colors-primary-blue, #0039a6);
  border-width: 0px 0px 2px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ds-tabs-item-base {
  padding: 6px 10px 6px 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.tab-page {
  color: var(--color-foreground-primary, #3a3f51);
  text-align: left;
  font-family: var(
    --paragraph-xs-font-family,
    "SourceSansPro-Regular",
    sans-serif
  );
  font-size: var(--paragraph-xs-font-size, 11px);
  letter-spacing: var(--paragraph-xs-letter-spacing, 0.025em);
  font-weight: var(--paragraph-xs-font-weight, 400);
  position: relative;
}
.ds-tabs-item2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.tab-page2 {
  color: var(--color-foreground-secondary, #525a77);
  text-align: left;
  font-family: var(
    --paragraph-xs-font-family,
    "SourceSansPro-Regular",
    sans-serif
  );
  font-size: var(--paragraph-xs-font-size, 11px);
  letter-spacing: var(--paragraph-xs-letter-spacing, 0.025em);
  font-weight: var(--paragraph-xs-font-weight, 400);
  position: relative;
}
.dhx_cal_data .dhx_timeline_table_wrapper .dhx_timeline_label_wrapper div {
  display: flex;
}