/*Colours*/
:root
{
    --tab-button-width: 25%;

    /*Headers*/
    --header-background: var(--default-grey);
    --header-border: none;
    --header-logo-width: 140px;
    --header-logo-height: auto;
    --header-logo-margin-left: initial;
    --header-logo-margin-top: initial;
    --dashboard-header-icon-colour: var(--default-white);

    /*Buttons styles*/
    --header-button-background: var(--default-blue);
    --header-button-text: var(--default-white);
    --header-button-dropdown-background: var(--default-blue);
    --header-button-dropdown-text: var(--default-white);
}

/*If there is no header in viewer make pdf div longer*/
#objDiv.noHeader {
    height: 100vh;
}

@media (max-width: 500px) {
    #objDiv.noHeader {
        height: 100vh;
    }
}

@media screen and (orientation: landscape) {
    #objDiv.noHeader {
        height: 100vh;
    }
}

@media screen and (orientation: landscape) and (min-height: 450px) {
    #objDiv.noHeader {
        height: 100vh;
    }
}


/************* Dashboard specific styles**************/
#logo{
    width: var(--header-logo-width);
    height: var(--header-logo-height);
    margin-left: var(--header-logo-margin-left);
    margin-top: var(--header-logo-margin-top);
}

.header{
    background-color: var(--header-background) !important;
    border-bottom: var(--header-border) !important;
}

.dashboardIconBtn, .dashboardIconBtn * {
    color: var(--dashboard-header-icon-colour) !important;
}

.imp-btns .button{
    background-color: var(--header-button-background);
    color: var(--header-button-text);
}

.dropdown-content button{
    background: var(--header-button-dropdown-background);
}

.dropdown-content{
    background: var(--header-button-dropdown-background);
}