.animationLoading{
  background: #fff;
  display: block;
  height: 165px;
  width: 100%;
  padding: 12px;
}
@keyframes animate {
  from {transition:none;}
  to {background-color:#f6f7f8;transition: all 0.3s ease-out;}
}

#container{
  width:100%;
  height:30px;
}
#one,#two,#three,#four,#five,#six,#sev,#for
{
  position:relative;
  background-color: #CCC;
  height: 6px;
  animation-name: animate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#one{
  left:0;
  height: 40px;
  width: 40px;
}

#two{
  float: left;
  width: 50%;
}

#Three{
  left:50px;
  top:-20px;
  width: 15%;
}

#four{
  left:0px;
  top:15px;
  width: 80%;
}

#five{
  left: 0px;
  top: 40px;
  width: 70%;
}

#six{
  float: left;
  left:0px;
  top:60px;
  width: 10%;
  height: 22px;
  border-radius: 10px;
}
#sev{
  left: 2%;
  top: 60px;
  width: 10%;
  float: left;
  height: 22px;
  border-radius: 10px;
}

#for{
  left:0px;
  top: 90px;
  width: 25%;
}


/*hide info doc */
.hideRefDateDoc {
  background-color: #CCC;min-height: 6px !important;height: 6px;width: 100%;float: right;margin-top: 10px;
}

.content-docs mark {
  background-color: #feef3d !important;
}