mybroadband-temporary-fix by tetrasect

/* ==UserStyle==
@name           mybroadband-temporary-fix
@namespace      tetrasect
@version        1.0.4
@licence        MIT
==/UserStyle== */

@-moz-document domain("mybroadband.co.za") {
    
    @charset "UTF-8";
.attachmentUploads {
  display:none;
  margin-bottom:10px
}
.attachmentUploads.is-active {
  display:block
}
.attachmentUploads.attachmentUploads--spaced {
  margin-top:10px
}
.attachmentUploads .hScroller-action {
  color:#2d3339
}
.attachmentUploads .hScroller-action:hover {
  color:#2d3339
}
.attachmentUploads .hScroller-action.hScroller-action--start:before {
  content:'';
  position:absolute;
  left:0;
  height:50px;
  width:35px;
  background:#fefefe;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  box-shadow:1px 0 4px 1px rgba(0,0,0,.3)
}
.attachmentUploads .hScroller-action.hScroller-action--start:after {
  position:absolute;
  left:10px
}
.attachmentUploads .hScroller-action.hScroller-action--end:before {
  content:'';
  position:absolute;
  right:0;
  height:50px;
  width:35px;
  background:#fefefe;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  box-shadow:-1px 0 4px 1px rgba(0,0,0,.3)
}
.attachmentUploads .hScroller-action.hScroller-action--end:after {
  position:absolute;
  right:10px
}
.attachmentUploads-banner {
  color:#141414;
  background:#f5f5f5;
  border:1px solid #d8d8d8;
  border-radius:2px;
  margin-top:10px;
  padding:3px 6px
}
.attachmentUploads-selectActions {
  list-style:none;
  margin:0;
  padding:0;
  display:none;
  font-size:13px
}
.attachmentUploads.is-selecting .attachmentUploads-selectActions {
  display:flex
}
.attachmentUploads-selectActions>li {
  margin-right:.35em
}
.attachmentUploads-selectActions>li .buttonGroup {
  vertical-align:middle
}
.attachmentUploads-selectActions>li:last-of-type {
  flex:1 1 auto;
  text-align:right
}
.attachmentUploads-selectActions .selectAll .iconic {
  cursor:pointer
}
.attachmentUploads-selectActions .selectAll .iconic input+i {
  color:#2d3339
}
.is-selecting button.js-attachmentSelect {
  float:right
}
.file {
  position:relative;
  width:165px;
  height:165px;
  margin-right:6px;
  background:#f5f5f5;
  border-radius:2px
}
.file:last-child {
  margin-right:0
}
.attachUploadList {
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  white-space:nowrap;
  font-size:0
}
.attachUploadList .file {
  display:inline-block;
  font-size:15px
}
.attachmentList {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap
}
.attachmentList .file {
  margin-bottom:6px
}
@supports(display:grid) {
  .attachmentList {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(165px,1fr));
    grid-gap:6px;
    gap:6px
  }
  .attachmentList .file {
    width:100%;
    height:auto;
    margin-right:0;
    margin-bottom:0
  }
  .attachmentList .file:after {
    content:'';
    display:block;
    padding-bottom:100%;
    pointer-events:none
  }
}
.file-preview {
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.file-preview img,
.file-preview video {
  position:absolute;
  top:0;
  left:0;
  object-fit:cover;
  width:100%;
  height:100%
}
.file--linked .file-preview:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:100
}
.file-typeIcon {
  font-size:80px;
  vertical-align:middle;
  color:#2d3339
}
.file-error {
  color:#f2930d;
  font-size:12px;
  white-space:normal;
  padding:6px
}
.file-progress {
  position:relative;
  width:100%;
  width:calc(100% - 8px);
  font-size:11px;
  line-height:1.3
}
.file-progress i {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  background:#f2930d;
  color:#fff;
  border-radius:2px;
  padding-right:.2em;
  text-align:right;
  font-style:normal;
  white-space:nowrap;
  min-width:2em;
  -webkit-transition:width .25s ease;
  transition:width .25s ease
}
.file-content {
  position:absolute;
  width:100%;
  height:100%
}
.file-info {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:0 10px;
  height:2.5em;
  line-height:2.5;
  overflow:hidden;
  -webkit-transition:height .25s ease;
  transition:height .25s ease;
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  font-size:12px;
  color:#fff;
  background:rgba(0,0,0,.5);
  text-shadow:1px 1px 1px rgba(0,0,0,.6)
}
@supports(backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px)) {
  @supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .file-info {
      --backdrop-filter:blur(3px);
      -webkit-backdrop-filter:var(--backdrop-filter);
      backdrop-filter:var(--backdrop-filter)
    }
  }
  @supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .file-info {
      background:0 0
    }
  }
}
a.file-info {
  color:#fff
}
a.file-info:hover {
  color:#fff;
  text-decoration:none
}
a.file-info:hover .file-name {
  text-decoration:underline
}
.file-info:hover,
.file--linked:hover .file-info,
.has-touchevents .file-info {
  height:5em
}
.file-name,
.file-meta {
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.file-delete,
.file-insert {
  position:absolute;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.6)
}
.file-checkbox {
  display:none
}
.attachmentUploads.is-selecting .file-checkbox {
  display:block
}
.file-checkbox .iconic {
  position:static
}
.file-checkbox .iconic:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:100
}
.file-checkbox .iconic>i {
  position:absolute;
  top:4px;
  left:4px;
  box-sizing:content-box;
  width:1em;
  height:1em;
  color:#dcdcdc;
  text-shadow:1px 1px 1px rgba(0,0,0,.6);
  background:rgba(0,0,0,.2);
  border-radius:0;
  padding:6px;
  line-height:1
}
.file-checkbox .iconic:hover>i {
  color:#fff
}
.file-checkbox .iconic:hover>i:before {
  content:"\f14a"
}
.file-checkbox .iconic>input+i:before,
.file-checkbox .iconic>input+i:after {
  top:6px;
  left:6px
}
.file-checkbox .iconic>input:checked+i:after {
  font-weight:700
}
.file-insert {
  top:4px;
  left:4px;
  font-size:12px;
  max-width:125px;
  white-space:normal;
  word-wrap:break-word
}
.file-insert.is-active .file-insertLink {
  display:none
}
.file-insert.is-active .file-menuOptions {
  display:block
}
.file-delete {
  top:4px;
  right:4px;
  font-size:15px
}
.attachmentUploads.is-selecting .file-insert,
.attachmentUploads.is-selecting .file-delete {
  display:none
}
.file-insertLink,
.file-deleteLink {
  display:inline-block
}
a.file-deleteLink {
  color:inherit;
  background:rgba(0,0,0,.2);
  border-radius:0;
  padding:6px;
  -webkit-transition:background .25s ease;
  transition:background .25s ease
}
a.file-deleteLink:hover {
  text-decoration:none;
  background:rgba(0,0,0,.5)
}
a.file-insertLink,
.file-menuOptions>a {
  color:inherit;
  background:rgba(0,0,0,.4);
  border-radius:0;
  padding:6px;
  -webkit-transition:background .25s ease;
  transition:background .25s ease
}
a.file-insertLink:hover,
.file-menuOptions>a:hover {
  text-decoration:none;
  background:rgba(0,0,0,.5)
}
.file-menuOptions {
  list-style:none;
  margin:0;
  padding:0;
  display:none
}
.file-menuOptions>a {
  display:block;
  margin-top:3px;
  max-width:max-content
}
.file-menuOptions>a:first-child {
  margin-top:0
}
@media(max-width:480px) {
  .attachmentUploads .iconic-label,
  .attachmentUploads .insert-label {
    display:none
  }
}
.bbCodeBlock {
  display:flow-root;
  margin:.5em 0;
  background:#f5f5f5;
  border:1px solid #e7e7e7;
  border-left:3px solid #f2930d
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
  font-size:13px
}
.bbCodeBlock-title {
  padding:6px 10px;
  font-size:13px;
  color:#f2930d;
  background:#fafafa
}
.bbCodeBlock-title:before,
.bbCodeBlock-title:after {
  content:" ";
  display:table
}
.bbCodeBlock-title:after {
  clear:both
}
a.bbCodeBlock-sourceJump {
  color:inherit;
  text-decoration:none
}
a.bbCodeBlock-sourceJump:hover {
  text-decoration:underline
}
a.bbCodeBlock-sourceJump:after {
  font-family:'font awesome 5 pro';
  font-size:inherit;
  font-style:normal;
  font-weight:400;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f0aa";
  width:1.28571429em;
  text-align:center;
  display:inline-block;
  margin-left:5px
}
.bbCodeBlock-content {
  position:relative;
  padding:6px 10px
}
.bbCodeBlock-content:before,
.bbCodeBlock-content:after {
  content:" ";
  display:table
}
.bbCodeBlock-content:after {
  clear:both
}
.bbCodeBlock-expandLink {
  display:none;
  position:absolute;
  top:87px;
  left:0;
  right:0;
  height:75px;
  cursor:pointer;
  z-index:100;
  background:0 0;
  background:linear-gradient(to bottom,rgba(245,245,245,0) 0%,#f5f5f5 80%)
}
.bbCodeBlock-expandLink a {
  position:absolute;
  bottom:6px;
  left:0;
  right:0;
  text-align:center;
  font-size:13px;
  color:#f2930d;
  text-decoration:none
}
.bbCodeBlock--screenLimited .bbCodeBlock-content {
  max-height:300px;
  max-height:70vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch
}
.bbCodeBlock--expandable {
  overflow:hidden;
  -webkit-transition:-xf-height .25s ease,height .25s ease,padding .25s ease,margin .25s ease,border .25s ease;
  transition:-xf-height .25s ease,height .25s ease,padding .25s ease,margin .25s ease,border .25s ease
}
.bbCodeBlock--expandable .bbCodeBlock-content {
  overflow:hidden
}
.bbCodeBlock--expandable .bbCodeBl...