html, body, #hubContainer {
    height: 100%;
    margin: 0
}

html {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

body {
    margin: 0 !important;
    padding: 0 !important;
}

::-webkit-scrollbar {
    width: 14px !important;
    height: 14px !important;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.26);
}

::-webkit-scrollbar-thumb:hover {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.54);
}

::-webkit-scrollbar-thumb:window-inactive {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.26);
}

::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
}

/* Fixes from editor */
* {
    box-sizing: border-box;
}

.new-nav-staging-indicator-icon:after {
    content: url('/client/images/stg_emoji.-IeJos5_.svg');
    position: absolute;
    opacity: 0;
    transition: opacity .3s ease-in;
}

.new-nav-staging-indicator-icon:hover:after {
    opacity: 1;
    transition: opacity .3s 3s ease-out;
}

.spinner {
    opacity: 1;
    position: fixed;
    top: calc(50% - 56px); /* 56px is 50% of spinner's width and height */
    left: calc(50% - 56px);
    /* transform: translate(-50%,-50%); stopped working so moved to calc() */
    z-index: 9999;
}

.spinner-progress {
    opacity: 1;
    position: fixed;
    font-size: 26px;
    top: calc(50% - 23px);
    left: calc(50% - 41px);
    z-index: 9999;
}
.report-setup-container__content__table-section {
	height: calc(100vh - 136px) !important;
}
.report-elements-stack-panel__expansion-panel-wrapper {
	height: calc(100vh - 190px) !important;
}
.media-tab-DZ {
	height: calc(100vh - 174px) !important;
}
.media-tab-DZ .MuiToolbar-root .MuiIconButton-label {
    color: #fff;
}
.media-tab-DZ .MuiToolbar-root .MuiTypography-subtitle1 {
    font-size: 14px;
}
.media-tab-DZ .topBarItems .actionItem:hover {
    background-color: #fdfdfd75;
}
.report-table-content .TableTabContent .item-table-panel {
    height: calc(100vh - 260px) !important;
}

.topBarItems .actionItem {
    font-family: "Open Sans";
}

.scrollable-area .scrollable-inner-area .report-spreadsheet .report-spreadsheet__overlay {
    height: calc(100vh - 24px);
    width: calc(100% - 13px);
    margin: 0 13px 24px 0;
}

.scrollable-area .scrollable-inner-area .report-spreadsheet .report-spreadsheet__table {
    height: calc(100vh - 16px);
    margin: 0 0 16px 0;
}