.separator .rule {border-bottom:  5px dotted;clear: both}

.separator .rule.solid { border-bottom: 5px solid; }

.separator .rule.dotted { border-bottom: 5px dotted; }

.separator .rule.padding-small { margin: 8px 0; }

.separator .rule.padding-medium { margin: 16px 0; }

.separator .rule.padding-large { margin: 32px 0; }

.separator .rule.hide-line { border-bottom: 0;}

.separator .rule.line-10{ width:10%; }

.separator .rule.line-20{ width:20%; }

.separator .rule.line-25{ width:25%; }

.separator .rule.line-100{ width:100%; }