/*custom waiting with dots*/
.text-waiting           { color: #999; }
.text-waiting::after    { margin-left: 3rem; color: black; display: inline-block; font-weight: bold; animation: dottyanim steps(11,end) 1s infinite; animation-duration: 4s; content: ''; }


@keyframes dottyanim {
    0%      { content: '';}
    10%     { content: '\00a0.';}
    20%     { content: '\00a0.\00a0.';}
    30%     { content: '\00a0.\00a0.\00a0.';}
    40%     { content: '\00a0.\00a0.\00a0.\00a0.';}
    50%     { content: '\00a0.\00a0.\00a0.\00a0.\00a0.';}
    60%     { content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';}
    70%     { content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';}
    80%     { content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';}
    90%     { content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';}
    100%    { content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';}

}