:root {
    --rz-splitter-bar-color: #808080;
    --rz-splitter-bar-color-active: #626262;
    --rz-splitter-bar-background-color: #dddddd;
    --rz-splitter-bar-background-color-active: #cccccc;
    --rz-splitter-bar-hover-opacity: 1
}

.rz-splitter {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

.rz-splitter > .rz-splitter-bar {
    flex: 0 0 auto;
    position: relative;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-splitter-bar-color);
    background-color: var(--rz-splitter-bar-background-color);
    opacity: 0.4;
    user-select: none;
}

.--root-dark 
.rz-splitter > .rz-splitter-bar {
    opacity: 0.1;
}


.rz-splitter > .rz-splitter-bar > .rz-collapse {
    display: table;
}

.rz-splitter > .rz-splitter-bar > .rz-collapse:before {
    font-family: 'Material Icons';
    line-height: normal;
    display: table-cell;
}

.rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
    cursor: pointer;
}

.rz-splitter > .rz-splitter-bar > .rz-resize {
    border: 1px solid var(--rz-splitter-bar-color);
    border-radius: 1px;
}

.rz-splitter > .rz-splitter-bar > .rz-expand {
    display: table;
}

.rz-splitter > .rz-splitter-bar > .rz-expand:before {
    font-family: 'Material Icons';
    line-height: normal;
    display: table-cell;
}

.rz-splitter > .rz-splitter-bar > .rz-expand:hover {
    cursor: pointer;
}

.rz-splitter > .rz-splitter-bar-resizable:hover {
    background-color: var(--rz-splitter-bar-background-color);
    opacity: var(--rz-splitter-bar-hover-opacity);
}

.rz-splitter > .rz-splitter-bar-resizable:active {
    background-color: var(--rz-splitter-bar-background-color-active);
    opacity: var(--rz-splitter-bar-hover-opacity);
}

.rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
    color: var(--rz-splitter-bar-color-active);
}

.rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
    border: 1px solid var(--rz-splitter-bar-color-active);
}

.rz-splitter > .rz-splitter-bar-resizable:disabled {
    opacity: 0.2;
}

.rz-splitter-horizontal {
    flex-direction: row;
    
}   

.newspaper-tab--dialog .rz-splitter-horizontal,
.internet-tab--dialog .rz-splitter-horizontal
{
    min-height: 80vh;
}


.rz-splitter-horizontal > .rz-splitter-bar {
    flex-direction: column;
    width: 2px;
}

.rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
    content: 'arrow_left';
}

.rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
    height: 16px;
    margin: 2px 0;
}

.rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before {
 
}

.rz-splitter-horizontal > .rz-splitter-bar-resizable:hover {
    cursor: col-resize;
}

.rz-splitter-vertical {
    flex-direction: column;
}

.rz-splitter-vertical > .rz-splitter-bar {
    flex-direction: row;
    height: 8px;
}

.rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
    content: 'arrow_drop_up';
}

.rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
    width: 16px;
    margin: 0 2px;
}

.rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
    content: 'arrow_drop_down';
}

.rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
    cursor: row-resize;
}

.rz-splitter-pane {
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
}

.rz-splitter-pane-collapsed {
    flex: 0 1 0% !important;
    overflow: hidden !important;
    display: block !important;
}

.rz-splitter-pane-lastresizable {
    flex: 1 1 auto;
}