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

#classlist-developer-tools.classlist-developer-tools.classlist-container {
    margin: -7.5px 0 !important;
    height: calc(100% + 15px); // due to negative margin above
    background: color(gray-8);
    border-radius: 0 0 15px 15px;

    .dbq-developer-tools {
        background: transparent;
        padding: 7.5px !important;

        #dbqdt-sidebar-container {
            margin: 7.5px;
            height: calc(100% - 15px);
            width: 246px;
            border: 1px solid $global-border-color;
        }

        #dbqdt-windows-container { 
            padding: 0px;

            .dbqdt-window {
                margin: 7.5px;
                background: color(gray-8);
            }

            .dbqdt-window-1n {
                width: calc(100% - 15px);
                height: calc(100% - 15px);
            }

            .dbqdt-window-2h {
                width: calc(100% - 15px);
                height: calc(50% - 15px);
            }

            .dbqdt-window-2v {
                width: calc(50% - 15px);
                height: calc(100% - 15px);
            }

            .dbqdt-window-3v {
                width: calc(33.3333% - 15px);
                height: calc(100% - 15px);
            }

            .dbqdt-window-4n {
                width: calc(50% - 15px);
                height: calc(50% - 15px);
            }

            .dbqdt-window-6n {
                width: calc(33.3333% - 15px);
                height: calc(50% - 15px);
            }

            .dbqdt-loading-view-container {
                border-radius: 10px;
            }
        }
    }
}