@media all and (max-width: 300px) {
    .hide-on-small-screen {
        display: none;
    }
}

@media all and (min-width: 300px) and (max-width: 1023px) {
    .hide-on-medium-screen {
        display: none;
    }
}

@media all and (min-width: 1023px) {
    .hide-on-large-screen {
        display: none;
    }
}

#main,
#replacement-content,
.bm-module-menu ul, .bm-page-bottom-wrapper {
    width: 960px;
    margin: 0 auto;
}

#main,
#replacement-content {
    margin-top: 20px;
}

.folders-assets {
    width: auto !important;
    margin-top: 0 !important;
}

.folders-assets table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid white;
}

.folders-assets table td, .folders-assets table th {
    border: 1px solid #ccc;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    overflow: scroll;
}

#application-header {
    min-height: 54px;
    background: lightgray;
}

.page-content {
    padding-bottom: 60px;
    max-width: 960px;
}

.page-content-wide {
    max-width: 960px;
}

#breadcrumbs-container {
    padding: 0 32px;
    border-bottom: 1px solid #cccccc;
}

.folders-assets .page-content {
    padding-bottom: 0;
    max-width: none;
    width: 100%;
}

.page-left-panel {
    border-right: 1px solid #cccccc;
    padding: 15px 16px 50px 32px;
    /*min-height: 100vh;*/
    width: 222px;
    vertical-align: top;
}

.page-content-center {
    padding: 15px 16px 50px;
}

.page-clipboard-panel {
    border-left: 1px solid #cccccc;
    /*min-height: 100vh;*/
    padding-bottom: 50px;
    width: 270px;
    vertical-align: top;
}

.bm-page-bottom-wrapper {
    width: 960px;
}

@media all and (min-width: 800px) and (max-width: 900px) {
    .bm-module-menu ul.status-selector {
        margin-left: 300px;
    }

    .bm-input-line {
        width: 150px;
    }
}

@media all and (min-width: 900px) and (max-width: 1000px) {
    .bm-module-menu ul.status-selector {
        margin-left: 250px;
    }

    .bm-input-line {
        width: 225px;
    }
}

@media all and (min-width: 1000px) and (max-width: 1100px) {
    .bm-module-menu ul.status-selector {
        margin-left: 200px;
    }

    .bm-input-line {
        width: 250px;
    }
}

@media all and (min-width: 1100px) and (max-width: 1200px) {
    .bm-module-menu ul.status-selector {
        margin-left: 150px;
    }

    .bm-input-line {
        width: 275px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1300px) {
    .bm-module-menu ul.status-selector {
        margin-left: 100px;
    }

    .bm-input-line {
        width: 300px;
    }
}

@media all and (min-width: 0) and (max-width: 1000px) {
    .bm-page-bottom-wrapper {
        width: auto;
    }
}

@media all and (min-width: 700px) and (max-width: 1119px) {
    .bm-popup-message {
        left: 20px;
    }
}

@media all and (min-width: 1120px) and (max-width: 1319px) {
    .bm-popup-message {
        left: 40px;
    }
}

@media all and (min-width: 1320px) and (max-width: 1639px) {
    .bm-popup-message {
        left: 80px;
    }
}

@media all and (min-width: 1640px) {
    .bm-popup-message {
        left: 120px;
    }
}


@media screen and (max-width: 1023px) {
    .bm-popup-message {
        left: 0;
    }
}