#qrCodeModal .modal-container {
        padding: 0 !important;
}
#qrCodeModal .modal-body {
        padding: 0 !important;
}

h1 {
        height: 120px;
        line-height: 120px;
        text-align: center;
}
.box {
        width: 20px !important;
        height: 20px !important;
        border: 1px solid black;
}
.footer {
        margin-top: 20px;
        text-align: center;
}
.color-picker-container {
        padding: 2px 5px 2px 5px;
}

.list-box-wrapper {
        font-family: sans-serif;
        width: 100%;
        display: flex;
        align-items: center;
}
.list-box-wrapper > div {
        flex: 1;
}
.list-box-item {
        border: solid 1px #cccccc !important;
        border-radius: 3px;
}
.list-box-wrapper .list-box-item .search-box {
        border-bottom: solid 1px #cccccc;
        position: relative;
}
.list-box-wrapper .list-box-item .search-box input {
        border: none;
        width: 100%;
        padding: 0.5rem 1rem;
}
.list-box-wrapper .list-box-item .search-box .clear-search {
        position: absolute;
        padding: 0.5rem;
        right: 0;
        top: 0;
        cursor: pointer;
        font-weight: bold;
        color: #e74c3c;
}
.list-box-wrapper .list-box-item .list-box {
        height: 250px;
        overflow: auto;
        list-style: none;
        padding: 0;
        margin: 0;
}
.list-box-wrapper .list-box-item .list-box .list-item {
        padding: 0.5rem 1rem;
        border-bottom: solid 1px #cccccc;
        cursor: pointer;
}
.list-box-wrapper .list-box-item .list-box .list-item.active {
        background-color: rgb(200,200,200);
}
    /*.list-box-wrapper .list-box-item .bulk-action {
      display: flex;
      border-top: solid 1px #cccccc;
      text-align: center;
    }
    .list-box-wrapper .list-box-item .bulk-action {
      width: 100%;
      padding: 0.8rem;
      background-color: #007bff;
      color: #fff;
    }
    .list-box-wrapper .list-box-item .bulk-action {
      width: 100%;
      padding: 0.8rem;
      background-color: #6c757d;
      color: #fff;
    }*/
.list-box-wrapper .actions {
        flex-grow: 0;
        padding: 0 1rem;
}
.list-box-wrapper .actions .btn-action {
        margin-bottom: 0.5rem;
}
.listActionButton {
        width: 100%;
        cursor: pointer;
        margin: .25rem 0rem;
        padding: .5rem;
}
.btn-action svg {
        vertical-align: middle;
}
.boldEdit {
        font-weight: bolder;
}

.goBack {
        /*background-color: #1e1e21; - removing on purpose as the item.class wasn't used before so this class wasn't used; now it is and it's different */
}

section.vgl-item[data-v-d2fea805] {
/*        overflow: auto;
*/
}

.wrapper{
		width: 250px;
}

fieldset[data-v-cec80c72], legend[data-v-cec80c72] {
        all: revert;
}

fieldset[data-v-d0754ee2], legend[data-v-d0754ee2] {
        all: revert;
}
.post-content[data-v-d0754ee2] {
        max-height: 200px;
        overflow: hidden;
}

.smallerModalText{
        font-size: 1rem;
}

.vue__time-picker {
        display: inline-block;
        position: relative;
        font-size: 1em;
        width: 10em;
        font-family: sans-serif;
        vertical-align: middle;
}
.vue__time-picker * {
        box-sizing: border-box;
}
.vue__time-picker input.vue__time-picker-input {
        border: 1px solid #d2d2d2;
        width: 10em;
        height: 2.2em;
        padding: 0.3em 0.5em;
        font-size: 1em;
}
.vue__time-picker input.has-custom-icon {
        padding-left: 1.8em;
}
.vue__time-picker input.vue__time-picker-input.invalid:not(.skip-error-style) {
        border-color: #cc0033;
        outline-color: #cc0033;
}
.vue__time-picker input.vue__time-picker-input:disabled,
    .vue__time-picker input.vue__time-picker-input.disabled {
        color: #d2d2d2;
}
.vue__time-picker .controls {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 3;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        align-items: stretch;
        /* Prevent browser focusing on the controls layer */
        pointer-events: none;
}
.vue__time-picker .controls > * {
        cursor: pointer;
        width: auto;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        padding: 0 0.35em;
        color: #d2d2d2;
        line-height: 100%;
        font-style: normal;
        /* Resume pointer-events on children components */
        pointer-events: initial;
        transition: color .2s, opacity .2s;
}
.vue__time-picker .controls > *:hover {
        color: #797979;
}
.vue__time-picker .controls > *:focus,
    .vue__time-picker .controls > *:active {
        outline: 0;
}
.vue__time-picker .controls .char {
        font-size: 1.1em;
        line-height: 100%;
        /* Vertical align fixes for webkit browsers only */
        -webkit-margin-before: -0.15em;
}
.vue__time-picker .custom-icon {
        z-index: 2;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1.8em;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        /* pass down mouse events to the <input> underneath */
        pointer-events: none;
}
.vue__time-picker .custom-icon img,
    .vue__time-picker .custom-icon svg,
    .vue__time-picker .controls img,
    .vue__time-picker .controls svg {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        border: 0;
        outline: 0;
        max-width: 1em;
        height: auto;
}
.vue__time-picker .time-picker-overlay {
        z-index: 4;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}
.vue__time-picker .dropdown {
        position: absolute;
        z-index: 5;
        top: calc(2.2em + 2px);
        left: 0;
        background: #fff;
        box-shadow: 0 1px 6px rgba(0,0,0,0.15);
        width: 10em;
        height: 10em;
        font-weight: normal;
}
.vue__time-picker .dropdown.drop-up {
        top: auto;
        bottom: calc(2.2em + 1px);
}
.vue__time-picker .dropdown .select-list {
        width: 10em;
        height: 10em;
        overflow: hidden;
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
        justify-content: space-between;
}
.vue__time-picker .dropdown .select-list:focus,
    .vue__time-picker .dropdown .select-list:active {
        outline: 0;
}
.vue__time-picker .dropdown ul {
        padding: 0;
        margin: 0;
        list-style: none;
        outline: 0;
        flex: 1 1 0.00001px;
        overflow-x: hidden;
        overflow-y: auto;
}
.vue__time-picker .dropdown ul.minutes,
    .vue__time-picker .dropdown ul.seconds,
    .vue__time-picker .dropdown ul.apms {
        border-left: 1px solid #fff;
}
.vue__time-picker .dropdown ul li {
        list-style: none;
        text-align: center;
        padding: 0.3em 0;
        color: #161616;
}
.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover,
    .vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus {
        background: rgba(0,0,0,.08);
        color: #161616;
        cursor: pointer;
}
.vue__time-picker .dropdown ul li:not([disabled]).active,
    .vue__time-picker .dropdown ul li:not([disabled]).active:hover,
    .vue__time-picker .dropdown ul li:not([disabled]).active:focus {
        background: #41B883;
        color: #fff;
}
.vue__time-picker .dropdown ul li[disabled],
    .vue__time-picker .dropdown ul li[disabled]:hover {
        background: transparent;
        opacity: 0.3;
        cursor: not-allowed;
}
.vue__time-picker .dropdown .hint {
        color: #a5a5a5;
        cursor: default;
        font-size: 0.8em;
}

.current-counter {
        font-size: 10px;
}

.table-sticky-header {
        max-height: var(--24dfb26b);
        overflow-y: auto;
}
.table-sticky-header > .table > thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10;
}
th {
        vertical-align: middle !important;
}

.loading-overlay {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        align-items: center;
        display: none;
        justify-content: center;
        overflow: hidden;
        z-index: 1
}
.loading-overlay.is-active {
        display: flex
}
.loading-overlay.is-full-page {
        z-index: 9999;
        position: fixed
}
.loading-overlay .loading-background {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        opacity: 0.5
}

#forumPostsModal[data-v-ebed4e35] {
        cursor: default;
}

fieldset[data-v-9576b316], legend[data-v-9576b316] {
        all: revert;
}

.dropdown-menu[data-v-e5275753] {
        transform: translate(-10px, 40px) !important;
}

.scroller[data-v-81a39c1a] {
        height: 100%;
        width: 100%;
        overflow: auto;
}