@import "../../../../abstracts/abstracts";

// Set variables
$dbq-right-column-background-color: color(gray-7);

html,
body,
#content-wrapper,
#wrapper {
    width: 100%;
    height: 100%; 
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

body {
    // @if ($background-image-full-screen == true) {
    //     background-image: $body-background-image; 
    //     background-position: 60% 20%;
    //     background-size: cover;
    // }
    background: color(background-body);
    font-family: $font-family-default;
    font-weight: 400;
    color: $text-color-default;
	border: 0; /* Base (scroll fix) */ 
    @include custom-scrollbar; 
}

#content-wrapper {
    display: flex;
    flex-direction: row;
}

.dbq-right-column {
    //background-color: $dbq-right-column-background-color;
    //width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    //float: left;
    opacity: 1;
    //backdrop-filter: blur(10px);
    //-webkit-backdrop-filter: blur(10px);
    &.dbqft-expanded {
        //width: calc(100% - 80px); 
    }

    #dbq-content-container {
        //height: calc(100% - 60px);
        position: relative;
        flex: 1;
        overflow: hidden;
    }
}

// For portals where the structure is different, the content container can be full height.
.generic-folder-document-class-list-container {
    .dbq-right-column {
        #dbq-content-container {
            height: 100%;
        }
    }
}

// Increase the width of the right_col when the left_col is collapsed
.dbq-left-column.dbqft-collapsed + .dbq-right-column {
    //width: calc(100% - 80px);
}

// Mobiscroll
.mbsc-font,
.mbsc-material.mbsc-eventcalendar {
    font-family: $font-family-default;
}

// svg {
//     width: 20px;
// }