/* expansion pannel css start */
.timeLineExpand{
	position: relative;
}
.fullLineShow::after {          
    content: '';
    position: absolute;
    width: 1px;
    background-color: rgba(211, 211, 211, 0.50);
    bottom: 0;
    left: 60px;
    top: 0;
}


  html>body {
       font-family: 'Roboto','Helvetica','Arial',sans-serif!important;
       background-color: #eeeeee;
       -webkit-font-smoothing: antialiased;
       -webkit-text-size-adjust: 100%;
       text-rendering: optimizeLegibility;
       -webkit-text-rendering: optimizeLegibility;
   }
   h1{
      font-weight: 400;
      color: #999;
      font-size: 13px;
      margin: 48px 0 12px 22px;
   }
   details{
       background:#fff;
       font-size:16px;
     /*  box-shadow:0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24); */
       display:flex;
   }

   details div.content{
/*         padding: 0px 16px 0 16px;  */
        background-color: #f8f8f8;
   }

   summary{
       outline:none;
       cursor: pointer;
       padding: 8px;
       color:#212121;
       position: relative;
       font-size: 15px;
   }

   details[open] summary:hover{
       background:none;
   }
   
   summary::-webkit-details-marker {
  		display: none;
   }
     
    time{ color: #757575; opacity: .75; }  
   .list-unstyled { margin-top:15px; padding-left: 0; list-style: none;}
   .list-unstyled li{ margin-bottom:6px; }
   

/*-------------------For Animation of expansion pannel Start-------------------------------------------   */
  
@keyframes ease {
    0% {
        opacity: 0;
        transform: translateY(-1.25em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes easeout {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-1.25em);
    }

}


.details-animated[open]>div {
    animation-name: ease;
    animation-duration: 0.8s;
}


.details-animated>div {
    animation-name: easeout;
    animation-duration: 0.8s;
}

/*-------------------For Animation of expansion pannel End-------------------------------------------   */  
  
/* expansion pannel css end */

@media only screen and (max-width: 600px) {
  /*  For Expanssion */
 
	.planningStatus{
		width: 18% !important;
	}
	
}  


.planningStatus
{
	display: inline-block;
    width: 15%;
    text-align: right;
    float: right;
    padding-right: 12%;
    line-height: 48px;
}
.plnUnplnStatus
{
	font-size: 12px;
    color: #696969;
}




 
