#timeframe {
    /* background: #32556d; */
    width: max-content;
    border-bottom: 1px solid #000000ab;
 }
 #mainframe{
    min-height: 89vh;
    background-size: 8px 8px;
    overflow:hidden;
 }
 .mtFrame{
    border-bottom: 1px solid #bad5ec38;
    overflow: hidden;
    position:relative;
    cursor:pointer;
 }

 .time_item {
    display: inline-block;
    width: 360px;
    /* border-left: 1px solid #dee8eb00; */
    text-align: center;
 } 
 .gpanca{
   background: #1229367d;
 }
 .panca_item{     
    display: inline-block;
    width: 60px;
    color: #ffffff;
    border-right: 1px solid #38638187;
    border-bottom: 2px solid #455f9152;
    height: 44px;
    padding-top: 0;
    padding-bottom: 5px;
    font-size: .9em;
    margin-top: 3px;
    }
    .panca_item .eto{
      background-color: #463d7b;
      color:#c7befd;
      padding: 2px;
    }
    .panca_item .re{
      background-color: #005c5f;
      color:#00c5cb;
      padding: 2px;
    }
 .gpanca .panca_item{ 
    height: 30px;
    font-size: 1.2em;
    color: #60777c;
 }
 .panca_item.item6{
    border-right:0;
 }
 .left_block_info {
    width: 240px;
       background-color: #0d1a29;
       display: inline-block;
       position: relative;
       z-index: 10000;
       margin-left:-1px;
 }
 .left_block_info .luas-golongan{
    font-size: 12px;
    font-weight: 400;
    margin-top: -3px;
 }
 .headGolongan{
    height: 74px;
    padding: 4px 10px;
    font-size: 1.2em;
    font-weight: 500;
    color: #d9ffe8;
    line-height: 1.2;
    background: #002341c9;
 }
 .headGolongan i.fa-light {
    color: #9bbb94;
 }
 .dt-golongan{
    padding: 0;
    margin-left:0;
 }
 .dt-panca{
    padding: 4px 12px 8px 12px;
    border-top: 1px dashed #354e66ab;
    font-size: 0.9em;
    color: #8290a3;
 }
 .list-dt-panca{
    background:#f0f0f0;
    height: 32.5px;
    border-top:1px solid #ddd;
 }
 .month_name{
   font-size: 16px;
   color: #ffffffb0;
   background: #39646c47;
   border: 1px solid #457ba02e;
   padding: 4px;
   border-radius: 10px 10px 0 0;
 }
 .mtTimeLine{
    display: inline-block;
    position: absolute;
    width: 100%;
    height:100%;
 
 }
 .mtTimeLine .bg-wajik{
    height:74px;
    background:#20383e;
 }
 .mtFrame.show,
 .mtFrame.show .mtTimeLine{
    min-height: 140px;
    background: #e2f2ff59;
    border-top: 1px solid #d1e6f8;
 }

 .gl_data{
    position: absolute;
    height:30px;
    border:0;
    border-right:1px solid #d8d8d8;
 }
 .l_data{
    height:100%;
    width:60px;
    border:0;
    border-bottom:0;
    display:inline-block;
    text-align:center;
    padding-top: 4px;
    color:#2225;
 }
 .l_data.bl{
   border-left:1px solid #d8d8d8;
   color:#222;

 }
 .mtFrame.show .expan{
    display:block;
 }
 .btn-default{
    background:#fff;
 }
 .polaPadi, .polaPalawija, .polaTebu{ 
    min-width:320px;
    height:64px !important;
    position: absolute;
    margin-top: 5px;
    transform: skew(-70.5deg);
 }
 .editor .dataInfo{
    position: relative;
    width: fit-content;
    background: linear-gradient(45deg, white, #ffffff33);
    z-index: 10001;
 }
 .mtitem {
       display: inline-block;
       border: 1px solid #e0e0e0;
       position: absolute;

 }
 .mtitem_hide{
    top: 15px !important;
    opacity: .5;
 }
 .mtitem_show {
       top: auto;
       opacity: 1;
 }
 .dt_panca{
    background: #879aa7;
 }
 .dt_panca .panca_item{
    color:#000;
    border-right: 1px solid #a6b4be;
 }
 .polaPadi .olah{
    width:240px;
    /* background: linear-gradient(90deg, rgb(174 158 89) 0%, rgb(179 180 29) 100%); */
    background: #888857;
    overflow:hidden;
    white-space: nowrap;
 }
 .polaPadi .tumbuh{
    width:720px;
    background: #45900d;
 }
 .polaPalawija .tumbuh{
    width:720px;
    background: linear-gradient(90deg, rgb(5 176 0) 0%, rgb(196 226 0) 100%);
 }
 .polaTebu .tumbuh{
    width:2880px;
    background: linear-gradient(90deg, rgb(57 153 141) 0%, rgb(179 162 0) 100%);
 }
 .polaPadi .panen{
    width:120px;
    background:#ffdd66;
 }
 .mtFrame span.date, .mtFrame .tumbuh span{
    opacity:0;
 }