@font-face {
  font-family: "ProximaNova-Regular";
  src: url("https://admin.yelo.red/en/ProximaNova-Reg.woff") format("woff");
  font-style: normal; 
}

@font-face {
  font-family: "ProximaNova-Semi-Bold";
  src: url("https://admin.yelo.red/en/proximanova-semibold-webfont.woff") format("woff");
  font-style: normal; 
}

@font-face {
  font-family: "ProximaNova-Bold";
  src: url("https://admin.yelo.red/en/proximanova-bold-webfont.woff"); 
}

body {
    font-family: ProximaNova-Regular;
}
body > header {
    display: none;
}
body > main > nav {
    height: 100vh;
    top: 0;
    display: none;
}
main #reports > .global-filters.top {
    top: 0;
    padding: 10px;
}
main > nav > footer {
    justify-content: space-between;
}
main > nav > .dashboard-hierarchy > .report-request .label {
    display: flex;
}
    main > nav > .dashboard-hierarchy > .report-request .label .outer {
        align-items: center;
    }
        main > nav > .dashboard-hierarchy > .report-request .label .outer .name {
            flex-grow: initial;
        }
main > nav > .dashboard-hierarchy > .report-request span.new {
    background: #ff4848;
    content: "NEW";
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 65%;
    color: #fff;
    letter-spacing: 1px;
    height: 15px;
}
main #reports .side {
    left: 18px;
}
main #reports .datasource-canvas > h1 {
    display: none;
}
.navbar {
    display: none;
}
body.floating main nav {
    right: 0;
    top: 0;
    background: #fff;
}
main {
    background: #fff;
    grid-template-columns: unset;
    height: auto;
}
main section#reports {
    background: #fff;
}
main > nav .label.selected {
    background: rgba(166, 216, 255, 0.29);
    box-shadow: unset;
}
:root {
    --color-surface: rgba(250, 250, 250, 0.75);
    --color-secondary: #2496ff;
}
.data-source > * {
    box-shadow: unset !important;
}
.row-summary {
    box-shadow: unset !important;
}
.data-source > .menu {
    background: #fff;
}
.data-source.flush .visualization {
    background: #fff;
    overflow: unset;
}
input[type=button].selected, input[type=reset].selected, input[type=submit].selected, button.selected {
    background: var(--color-secondary) !important;
    border: rgba(166, 216, 255, 0.29);
    color: #fff;
}
main #reports > .global-filters.top {
    background: none;
}
#day-switcher button {
    height: 38px;
    border: 1px solid var(--color-secondary);
    background: #fff;
}
#day-switcher button:hover {
    background: unset;
}
#day-switcher button:active {
    box-shadow: unset !important;
}
#day-switcher button:first-child {
    margin-left: 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;   
}
#day-switcher button:last-child {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   
}

main > nav .name {
    color: rgb(147, 147, 147);
}
main > nav i {
    color: #2496ff;
}
main > nav .label:hover {
    cursor: pointer;
    background: rgba(166, 216, 255, 0.29);
}
main .dashboard-name .menu-toggle {
    padding: 5px 12px;
    font-size: 14px;
}
body {
    position: relative;
    height: 100vh;
}
body .inbody {
    position: fixed;
    left: 20px;
    bottom: 10px;
    padding: 13px;
    background: #28A1FB;
    border-radius: 20px;
    color: #fff;
    z-index: 6;
    width: 40px;
    height: 40px;
    transition: transform var(--transition-duration);
}
body .menu-toggle {
    display: none;
}
body .inbody.left {
    transform: translateX(0px) !important;
}
body .inbody.right {
    transform: translateX(220px) !important;
}
main .datasource-canvas .side{
bottom: 50px !important;
right: 8px !important;
}
main .datasource-canvas .ellipsis {
    display:none;
}
:root {
    --color-background: #fff;
}