styles.css

.openstudio-header .row-fluid {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}

.openstudio-header .row-fluid .span8 {
    float: left;
}

.openstudio-import-export-buttons {
    float: right;
}

.openstudio-import-export-buttons a {
    margin-right: 15px;
}

.path-mod-openstudio input[type="submit"], input[type="reset"], input[type="button"] {
    margin: 0px;
}

.path-mod-openstudio [data-toggle="collapse"]:not(.btn) {
    position: relative;
}

.path-mod-openstudio [data-toggle="collapse"] .openstudio-expand-image,
.path-mod-openstudio [data-toggle="collapse"] .openstudio-collapse-image {
    display: block;
    position: absolute;
    right: 15px;
    top: 0px;
    text-align: right;
}

.path-mod-openstudio [data-toggle="collapse"] .openstudio-expand-image {
    display: block;
}

.path-mod-openstudio [data-toggle="collapse"] .openstudio-collapse-image {
    display: none;
}

.path-mod-openstudio [data-toggle="collapse"].collapsed .openstudio-expand-image {
    display: none;
}

.path-mod-openstudio [data-toggle="collapse"].collapsed .openstudio-collapse-image {
    display: block;
}

.path-mod-openstudio #fitem_id_addfilebutton {
    margin-bottom: 6px;
}

.path-mod-openstudio img.userpicture {
    margin-right: 0px;
}

.openstudio-container {
    margin-top: 20px;
    margin-bottom: 18px;
    padding-bottom: 2px;
}

.path-mod-openstudio .dropdown-menu > li > a.menuitem-active {
    cursor: default;
}

.path-mod-openstudio .dropdown-menu > li > a.menuitem-active:hover {
    text-decoration: none;
}

.path-mod-openstudio .nav-tabs > li, .nav-pills > li {
    padding-top: 8px;
    display: inline-block;
    float: left;
}

.path-mod-openstudio .nav > li > a {
    display: block;
}

.openstudio-nav-primary {
    margin-top: 12px;
    clear: both;
}

.openstudio-nav-primary .nav,
.openstudio-nav-primary .notifications {
    display: inline-block;
    vertical-align: top;
}

.openstudio-nav-email-subscription {
    font-size: 1em;
    font-weight: bold;
}

.openstudio-nav-settings {
    padding: 10px 0 10px 10px;
    line-height: 16px;
}

.openstudio-buttons-settings {
    margin-right: -10px;
    position: relative;
}

.openstudio-bold {
    font-weight: bolder;
}

.openstudio-subscribe-button {
    float: right;
    margin-right: 19px;
    display: inline-block;
    padding-bottom: 10px;
}

.openstudio-button-box {
    float: right;
    margin-top: -3px;
}

.openstudio-clear {
    clear: both;
}

.openstudio-add-dashboard-button {
    float: right;
    clear: both;
}

.path-mod-openstudio .openstudio-content-actions.locked {
    display: none;
}

.openstudio-content-actions {
    display: block;
}

.path-mod-openstudio .openstudio-content-view-file.openstudio-content-actions.locked {
    display: block;
    pointer-events: none;
}

/* Chevron padding on Profile bar */
.openstudio-profile-fullname {
    display: inline;
}

.path-mod-openstudio [data-toggle="collapse"] .openstudio-profile-expand-image,
.path-mod-openstudio [data-toggle="collapse"].collapsed .openstudio-profile-collapse-image {
    display: inline;
    padding-left: 8px;
}

.path-mod-openstudio [data-toggle="collapse"] .openstudio-profile-collapse-image,
.path-mod-openstudio [data-toggle="collapse"].collapsed .openstudio-profile-expand-image {
    display: none;
}

/* Preferences */
.openstudio-filter-preferences {
    font-size: 1em;
    font-weight: bold;
}

#reset_filter_btn {
    margin-left: 5px;
    margin-right: 0px;
}

.openstudio-filter-active {
    font-size: 12px;
    height: 32px;
    line-height: 36px;
    text-align: left;
}

.openstudio-filter-preference-text {
    height: 54px;
}

.openstudio-content-view-file > a > img,
.openstudio-content-view-file > iframe {
    width: 100%;
}

.openstudio-content-view-file iframe.ouembed-embedtype-slideshows {
    height: 446px;
}

.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"] .openstudio-expand-image,
.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"] .openstudio-collapse-image {
    right: 0px;
    left: 40px;
}

.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"] .openstudio-expand-image {
    display: block;
}

.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"] .openstudio-collapse-image {
    display: none;
}

.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"].collapsed .openstudio-expand-image {
    display: none;
}

.path-mod-openstudio .openstudio-filter-text [data-toggle="collapse"].collapsed .openstudio-collapse-image {
    display: block;
}

.openstudio-filter-arrow-box {
    position: relative;
    background: #ffffff;
    border-top: 1px solid #dfdfdf;
    margin: 7px 0px 0px 15px;
    padding-right: 15px;
}

.openstudio-filter-arrow-box:after,
.openstudio-filter-arrow-box:before {
    bottom: 100%;
    left: 153px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

@-moz-document url-prefix() {
    .openstudio-filter-arrow-box:after,
    .openstudio-filter-arrow-box:before {
        left: 160px;
    }

    .openstudio-folder-global-background .openstudio-comment-thread-header {
        margin-bottom: 13px;
    }

    #page-mod-openstudio-content .openstudio-folder-global-background .openstudio-folder-header-left .openstudio-folder-header-title {
        margin-left: 36px;
    }
}

.openstudio-filter-arrow-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: 0;
}

.openstudio-filter-arrow-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #dfdfdf;
    border-width: 9px;
    margin-left: -2px;
}

.openstudio-filter-box {
    border-left: 1px solid #dfdfdf;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    padding-left: 8px;
    width: calc(25% - 45px);
    max-width: 100%;
}

.openstudio-filter-box-pinboard .openstudio-filter-box {
    width: calc(33% - 52px);
}

.openstudio-filter-box-last,
.openstudio-filter-box-pinboard .openstudio-filter-box-last {
    border-left: 1px solid #dfdfdf;
    margin-top: 10px;
    padding-left: 8px;
    width: 114px;
    margin-left: 2px;
}

.openstudio-filter-header {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.openstudio-filter-buttons {
    float: right;
    margin-top: 53px;
    margin-bottom: 22px;
    margin-right: 25px;
    margin-top: -30px;
    position: relative;
}

.path-mod-openstudio .openstudio-filter-box div > label {
    display: inline;
}

.openstudio_filter_types_all {
    padding-left: 23px;
}

.openstudio-filter-box div img {
    padding: 2px 5px 0 0px;
    vertical-align: top;
    height: 16px;
}

.openstudio-filter-all {
    margin-top: 12px;
}

.filter-block-select {
    font-size: 0.85714em;
    height: 20px;
    margin: 8px 0px 8px 0px;
    padding: 0;
    width: 140px;
    display: none;
}

.openstudio-filter-box [type="checkbox"],
.openstudio-filter-box [type="radio"] {
    margin-right: 5px;
}

.openstudio-filter-box input[type="radio"] + label,
.openstudio-filter-box input[type="checkbox"] + label {
    padding-left: 0px;
}


.path-mod-openstudio .openstudio-filter-all label {
    padding-left: 125px;
}

.openstudio-filter-header {
    display: block;
    margin: -6px 0 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
}

.openstudio-filter-types:last-of-type,
.openstudio-filter-user-flags:last-of-type,
.openstudio-filter-status:last-of-type,
.openstudio-filter-from:last-of-type {
    margin-bottom: -5px;
}

.openstudio-filter-user-flags {
    line-height: 17px;
}

.openstudio-filter-user-flags::first-line {
    line-height: 1.5;
}

.openstudio-filter-blocks,
.openstudio-filter-block-activities {
    margin-left: .85714em;
}

.openstudio-filter-select-from {
    display: block;
    position: relative;
    height: 26px;
}

.openstudio-filter-select-from .openstudio-filter-select-from-header {
    display: flex;
}

.openstudio-filter-select-from-anchor {
    position: relative;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: .85714em;
}

.openstudio-filter-select-from-anchor .openstudio-collapse-arrow .down {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 1px;
}

.openstudio-filter-select-from-area {
    display: none;
    position: absolute;
    background-color: #f0f0f1;
    min-width: 180px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    top: 25px;
    width: 100%;
}

.openstudio-filter-select-from-area.visible {
    display: block;
    /**
    * Select from area is absolute. Without this will cause tabindex incorrect.
    */
    height: max-content;
}

.openstudio-filter-select-from-area [type="checkbox"] {
    margin-right: 0;
}

.openstudio-filter-select-from-area div > label,
.openstudio-filter-select-from-area div > input {
    vertical-align: middle;
    font-size: .85714em;
}

.openstudio-filter-select-from-area-inner {
    padding: 5px;
}

.openstudio-filter-select-from .placeholder {
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 5px 2px 5px;
}

.openstudio-filter-select-from .openstudio-collapse-arrow {
    padding: 1px 5px 1px 5px;
}

.openstudio-filter-select-work {
    display: inline-flex;
}

.openstudio-filter-work-buttons {
    float: right;
}

.openstudio-filter-mobile {
    display: none;
}

.openstudio-filter-mobile {
    margin: 0 20px 20px;
    padding: 0 15px 0 0;
    line-height: 54px;
}

/** Notifications */
.openstudio-navigation-notification {
    display: block;
    height: 28px;
    width: 28px;
    margin-top: 10px;
}

.openstudio-navigation-notification-icon {
    cursor: pointer;
    border: 0 none;
    position: absolute;
    vertical-align: middle;
    width: 28px;
}

.openstudio-nav-primary .notifications .openstudio-notifications-arrow {
    display: none;
}
.openstudio-grid-item-content-detail-info-group .openstudio-notifications-arrow,
.openstudio-nav-primary .notifications.open .openstudio-notifications-arrow {
    display: block;
    position: absolute;
    top: -20px;
    left: 235px;
}

.path-mod-openstudio .openstudio-notifications.dropdown-menu {
    width: 445px;
    padding: 0;
    top: 50px;
    left: -230px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.openstudio-notifications-heading {
    background-color: #0b55a8;
    color: white;
    font-size: 1.14285em;
    margin: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 34px;
    padding-left: 10px;
}

.openstudio-notifications-heading img {
    width: 16px;
    margin-right: 8px;
}

.openstudio-notifications-list {
    margin: 0 0 20px;
    list-style: none;
    max-height: 560px;
    overflow-y: auto;
    overflow-x: hidden;
}

.openstudio-notification {
    display: flex;
    padding: 15px;
}

.openstudio-notification .openstudio-notification-body-img img,
.openstudio-notification .openstudio-notification-body-img span.userinitials {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 5px;
}

.openstudio-notification-none {
    padding-top: 5px;
    padding-bottom: 10px;
}

.openstudio-notification .userpicture,
.openstudio-notification-body {
    display: inline-block;
    vertical-align: top;
}

.openstudio-notification-body {
    width: calc(100% - 68px);
}

.openstudio-notification-body p {
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
}

.openstudio-notification-body .openstudio-notification-details {
    font-size: 0.85714em;
}

.openstudio-notification-body .openstudio-notification-details img {
    vertical-align: top;
}

.openstudio-notification-stopbutton {
    float: right;
    border: none;
    padding: 0;
    margin-right: 0;
}

.openstudio-notification-stopbutton,
.openstudio-notification-stopbutton:hover,
.openstudio-notification-stopbutton:active,
button.openstudio-notification-stopbutton:focus {
    background-color: transparent;
}

button.openstudio-notification-stopbutton:focus {
    outline: 1px dotted grey;
}

.path-mod-openstudio .comments-content-popup {
    left: 50px !important;
    top: -5px !important;
    width: 445px;
    padding: 0px !important;
    transform: none !important;
}

.path-mod-openstudio .comments-content-popup .openstudio-notifications-arrow {
    transform: rotate(-90deg);
    left: -18px;
    top: -4px;
}

.path-mod-openstudio .comments-content-popup .openstudio-notifications-heading > img {
    margin-right: 7px;
    margin-left: 5px;
    width: 16px;
}

.path-mod-openstudio .comments-content-popup .openstudio-notifications-list img,
.path-mod-openstudio .comments-content-popup .openstudio-notifications-list span.userinitials {
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 15px;
}

.path-mod-openstudio .comments-content-popup .comment-block-list {
    padding-left: 0;
    padding-right: 0;
    max-height: 301px;
    margin-bottom: 0;
}

.path-mod-openstudio .comments-content-popup .comment-block-list li {
    padding: 15px 0 9px;
    display: flex;
}

.path-mod-openstudio .comments-content-popup .comment-block-list .comment-title {
    font-size: 0.95em;
    color: #312b39;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 10px;
}

.path-mod-openstudio .comments-content-popup .comment-block-list .comment-text-link {
    color: #0b55a8;
    font-size: 0.92em;
    margin: 0 auto;
    padding: 8px 0 0;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.path-mod-openstudio .comments-content-popup .comment-block-list .comment-time {
    font-size: 12px;
    color: #676463;
    padding-top: 3px;
    margin-bottom: 1px;
}

.path-mod-openstudio .comments-content-popup .add-comment {
    height: 16px;
    padding: 8px 15px;
    background: #e7f4fa;
    border-bottom: 2px #0b55a8 solid;
}

.path-mod-openstudio .comments-content-popup .add-comment img {
    margin-right: 5px;
}

.path-mod-openstudio .comments-content-popup .add-comment span {
    font-size: 17px;
    color: #0b55a8;
}

.path-mod-openstudio .comments-content-popup .add-comment span:hover {
    text-decoration: underline;
}

.path-mod-openstudio .comments-content-popup .comment-list-none {
    font-size: 0.95em;
    line-height: 17px;
    padding-left: 14px !important;
}

@media (max-width: 1023px) {
    .path-mod-openstudio .openstudio-notifications.dropdown-menu {
        width: 393px;
        left: -290px;
    }
    .openstudio-nav-primary .notifications.open .openstudio-notifications-arrow {
        left: 295px;
    }
}

@media (max-width: 767px) {

    .path-mod-openstudio .openstudio-notifications.dropdown-menu {
        top: 81px;
        left: -323px;
        width: 100vw;
    }
    .openstudio-notifications-heading {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 8px 20px;
        font-size: 1.57142em;
    }
    .openstudio-notifications-heading img {
        width: 24px;
        margin-right: 12px;
    }
    .openstudio-notifications-list {
        max-height: none;
    }
    .openstudio-notification {
        padding: 20px 15px 20px 20px;
    }
    .openstudio-notification .userpicture {
        margin-right: 15px;
    }
    .openstudio-notification-message {
        font-size: 1.28571em;
    }
    .openstudio-notification-body .openstudio-notification-details {
        font-size: 1.14258em;
        line-height: 18px;
    }
    .openstudio-notification-details .smallicon {
        width: 18px;
        height: 18px;
    }
    .openstudio-notification-stopbutton .smallicon {
        width: 24px;
        height: 24px;
    }
    .openstudio-nav-primary .notifications.open .openstudio-notifications-arrow {
        top: -20px;
        left: 343px;
    }
    .openstudio-profile-progress-content .openstudio-profile-progress-content-description {
        margin-top: 8px;
    }
    .openstudio-notification-body {
        width: calc(100% - 68px);
    }
    .path-mod-openstudio .openstudio-filter-mobile .openstudio-expand-image img.icon,
    .path-mod-openstudio .openstudio-filter-mobile .openstudio-collapse-image img.icon {
        padding-right: 0;
    }
    .path-mod-openstudio #osep-mainwrapper .openstudio-header .row-fluid {
        flex-direction: column;
    }
    .path-mod-openstudio #osep-mainwrapper .openstudio-header .row-fluid .openstudio-subscribe-button,
    .path-mod-openstudio #osep-mainwrapper .openstudio-header .row-fluid .openstudio-add-dashboard-button {
        float: left;
    }

    .openstudio-comment-thread .openstudio-comment-thread-original-item .openstudio-comment-thread-item {
        padding: 15px;
    }

    .openstudio-comment-thread .openstudio-comment-thread-replied-items .openstudio-comment-thread-item {
        padding: 15px 15px 10px 30px;
    }

    #openstudio_folder_view_folder_comments .openstudio-folder-view-comments .openstudio-comment-thread-list .openstudio-comment-thread:first-child
    .openstudio-comment-thread-original-item .openstudio-comment-thread-item {
        padding-top: 5px;
    }

    #openstudio_folder_view_folder_comments .openstudio-folder-view-comments .openstudio-comment-owner-name {
        margin-bottom: 0;
    }

    .path-mod-openstudio .comments-content-popup h2.openstudio-notifications-heading {
        font-size: 1.475em;
        padding-left: 15px;
    }

    .path-mod-openstudio .comments-content-popup .openstudio-notifications-heading > img {
        height: 24px;
        width: 24px;
        padding-right: 4px;
    }

    .path-mod-openstudio .comments-content-popup .openstudio-notifications-list img,
    .path-mod-openstudio .comments-content-popup .openstudio-notifications-list span.userinitials {
        width: 46px;
        height: 46px;
        margin-left: 20px !important;
        margin-top: 4px !important;
        margin-right: 9px !important;
    }

    .path-mod-openstudio .comments-content-popup .add-comment {
        height: 31px;
        padding: 6px 15px 9px;
    }

    .path-mod-openstudio .comments-content-popup .add-comment span {
        font-weight: 400 !important;
    }

    .path-mod-openstudio .comments-content-popup .add-comment a {
        font-size: 1.3em;
        color: #0b55a8;
        font-weight: 700;
        padding-right: 5px;
    }

    .path-mod-openstudio .comments-content-popup .add-comment img {
        height: 24px !important;
        width: 24px !important;
        padding-left: 15px;
        margin-right: 6px !important;
    }

    .path-mod-openstudio .comments-content-popup .comment-block-list {
        max-height: 563px;
    }

    .path-mod-openstudio .comments-content-popup .comment-block-list li {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .path-mod-openstudio .comments-content-popup .comment-block-list .comment-title {
        font-size: 1.3em;
        line-height: 1.1em;
        padding-top: 1px;
        color: #312B39;
    }

    .path-mod-openstudio .comments-content-popup .comment-block-list .comment-text-link {
        font-size: 1.3em;
        line-height: 1.3em;
        padding: 12px 18px 0 0;
        color: #0B55A8;
        -webkit-line-clamp: 4 !important;
    }

    .path-mod-openstudio .comments-content-popup .comment-block-list .comment-time {
        font-size: 1.135em;
        color: #676463;
        padding-top: 0;
        padding-top: 7px;
    }

    .path-mod-openstudio .comments-content-popup .comment-list-none {
        padding-left: 20px !important;
        font-size: 1.3em;
        line-height: 1.3em;
    }

    .path-mod-openstudio .comments-content-popup-add-comment span {
        font-size: 19px !important;
        color: #0B55A8;
    }

    body #preference_filter_container select[name="sortby"],
    body #preference_filter_container select[name="quickselect"] {
        margin-bottom: 0;
        padding: 4px 0 4px 0;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 30px;
    }

    body.safari #preference_filter_container select[name="sortby"],
    body.safari #preference_filter_container select[name="quickselect"] {
        padding-left: 4px;
        width: calc(100% - 4px);
    }
}

@media (max-width: 419px) {
    .path-mod-openstudio .openstudio-notifications.dropdown-menu {
        top: 63px;
        left: -248px;
    }
    .openstudio-nav-primary .notifications.open .openstudio-notifications-arrow {
        left: 260px;
        top: -18px;
    }
}

@media (max-width: 347px) {
    .path-mod-openstudio .nav-pills li {
        margin-right: 8px;
    }
    .path-mod-openstudio .openstudio-notifications.dropdown-menu {
        top: 63px;
        left: -225px;
    }
    .openstudio-nav-primary .notifications.open .openstudio-notifications-arrow {
        left: 246px;
        top: -18px;
    }
    .openstudio-navigation-notification-icon {
        margin-left: 5px;
    }
}

/**
 * Folder - Order post
 */

.path-mod-openstudio .moodle-dialogue-base .openstudio-orderposts-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
    text-align: right;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-orderposts-dialogue .moodle-dialogue-content button.browse-search-icon {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 2px 5px;
    position: relative;
    right: 35px;
    top: -6px;
    cursor: pointer;
}

.openstudio-orderpost-header-hint {
    margin-bottom: 20px;
    font-size: 1em;
}

.openstudio-orderpost-header-save,
.openstudio-orderpost-footer-save {
    margin: 14px 0;
}

.openstudio-orderpost-header-save span {
    width: 52%;
    display: inline-block;
}

.openstudio-orderpost-body {
    max-height: 230px;
    overflow-y: auto;
}

.openstudio-message-error {
    display: inline-block;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    background-color: #f2dede;
    padding: 4px;
    margin-bottom: 10px;
    color: #b94a48;
}

.openstudio-message-error:empty {
    display: none;;
}

button.openstudio-orderpost-save-button {
    float: right;
    margin-right: 16px;
}

.openstudio-orderpost-item {
    display: table;
    width: 100%;
    padding: 4px 0;
}

.openstudio-orderpost-item {
    min-height: 74px;
}

.openstudio-orderpost-item-row {
    display: table-row;
}

.openstudio-orderpost-item-row > div {
    display: table-cell;
    min-height: 1px;
    vertical-align: top;
}

.openstudio-orderpost-item-column1 {
    width: 45px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.openstudio-orderpost-item-column2 {
    width: 74px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 7px;
}

.openstudio-orderpost-item-column3 {
    padding-top: 9px;
    padding-bottom: 9px;
    max-width: 255px;
}

.openstudio-orderpost-item-column4 {
    float: right;
    padding-right: 34px;
}

.openstudio-orderpost-item-column4 ul {
    margin: 0;
}

.openstudio-orderpost-item-column4 ul li {
    list-style-type: none;
    text-align: right;
}

.openstudio-orderpost-item-moveup-button,
.path-mod-openstudio .openstudio-orderpost-item-moveup-button:hover,
.path-mod-openstudio .openstudio-orderpost-item-moveup-button:focus,
.openstudio-orderpost-item-movedown-button,
.path-mod-openstudio .openstudio-orderpost-item-movedown-button:hover,
.path-mod-openstudio .openstudio-orderpost-item-movedown-button:focus {
    border: none;
    background: none;
    width: 22px;
    margin: 0;
    padding: 0;
}

.openstudio-orderpost-item-book.openstudio-orderpost-item-moveup-button span.openstudio-folder-reorder-disabled,
.openstudio-orderpost-item-book.openstudio-orderpost-item-movedown-button span.openstudio-folder-reorder-disabled,
.openstudio-orderpost-item-book.openstudio-orderpost-item-moveup-button:disabled span.openstudio-folder-reorder-disabled,
.openstudio-orderpost-item-book.openstudio-orderpost-item-movedown-button:disabled span.openstudio-folder-reorder-disabled {
    display: none;
}

.openstudio-orderpost-item-moveup-button:disabled span.openstudio-folder-reorder-active,
.openstudio-orderpost-item-movedown-button:disabled span.openstudio-folder-reorder-active {
    display: none;
}

.openstudio-orderpost-item-moveup-button:disabled span.openstudio-folder-reorder-disabled,
.openstudio-orderpost-item-movedown-button:disabled span.openstudio-folder-reorder-disabled {
    display: block;
}

.openstudio-orderpost-item-moveup-button span.openstudio-folder-reorder-disabled,
.openstudio-orderpost-item-movedown-button span.openstudio-folder-reorder-disabled {
    display: none;
}

.openstudio-orderpost-item-moveup-button img,
.openstudio-orderpost-item-movedown-button img {
    width: 22px;
    cursor: pointer;
}

.openstudio-orderpost-item-order {
    margin: 0 auto;
    width: 25px;
    text-align: center;
    margin-right: 3px;
}

.openstudio-orderpost-item-locked {
    text-align: center;
    margin-left: 6px;
}

.openstudio-orderpost-item-locked img {
    height: 14px;
    width: auto;
}

.openstudio-orderpost-item-picture {
    overflow: hidden;
}

.openstudio-orderpost-item-picture img,
.openstudio-folder-background .openstudio-content-folder-img {
    object-fit: cover;
    object-position: center;
}

.path-mod-openstudio .openstudio-orderpost-item-order-number-input {
    width: 17px;
    height: 17px;
    padding: 2px;
    margin-bottom: 0;
    font-size: 0.857em;
    text-align: center;
}

.openstudio-orderpost-item-name {
    display: block;
    font-weight: bold;
    font-size: 1em;
    line-height: 22px;
    margin-top: -7px;
}

.openstudio-orderpost-item-date {
    display: block;
    font-size: 0.857em;
    margin-top: -4px;
}

.openstudio-orderpost-item-ordernumber-guide {
    font-size: 1em;
    padding-right: 4px;
}

#page-mod-openstudio-folder #id_orderpost {
    margin-right: 0;
}

/**
 * End folder - Order post
 */

/**
 * Folder - Activity guidance
 */

.openstudio-folder-activity-guidance {
    display: none;
}

.openstudio-folder-view-hasguidance {
    float: right;
}

.openstudio-activity-guidance-item {
    display: table;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    padding: 4px 0 13px 0px;
    display: block;
}

div.openstudio-activity-guidance-item:nth-of-type(odd) {
    border-top: 1px solid #dfdfdf;
}

.openstudio-activity-guidance-item:last-child {
    border-bottom: 1px solid #dfdfdf;
}

.openstudio-activity-guidance-item-row {
    margin-bottom: 10px;
}

.openstudio-activity-guidance-item-row > div {
    display: table-cell;
    vertical-align: top;
}

.openstudio-activity-guidance-item-column1 {
    width: 52px;
    padding-top: 11px;
}

.openstudio-activity-guidance-item-column2 {
    width: 64px;
    padding-top: 11px;
}

.openstudio-activity-guidance-item-column3 {
    padding: 6px 9px 0 9px;
    font-weight: bold;
}

.openstudio-activity-guidance-item-order {
    margin: 0 auto;
    width: 23px;
    height: 23px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    text-align: center;
    margin-right: 10px;
}

.openstudio-activity-guidance-item-upload-container {
    margin: 0 auto;
    width: 62px;
    height: 42px;
    border: 1px solid #dfdfdf;
    text-align: center;
}

.openstudio-activity-guidance-item-upload-icon {
    width: 32px;
    margin-top: 5px;
}

.openstudio-activity-guidance-item-content {
    line-height: 20px;
    padding: 0px 15px;
}

.openstudio-activity-guidance-item-content > p {
    margin: 0px;
}

#page-mod-openstudio-folder .openstudio-activity-guidance-item-content .atto_image_button_text-top.img-responsive,
#page-mod-openstudio-folder .openstudio-activity-guidance-item-content .atto_image_button_middle.img-responsive,
#page-mod-openstudio-folder .openstudio-activity-guidance-item-content .atto_image_button_text-bottom.img-responsive {
    width: 100%;
    margin-top: 5px;
}

#page-mod-openstudio-folder #id_activity_guidance {
    margin-right: 6px;
}

/**
 * End folder - Activity guidance
 */

/**
 * Import feature
 */

.openstudio-import-header {
    margin-top: 27px;
    padding-top: 9px;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 26px;
}
.openstudio-import-header h2 {
    font-size: 1.57em;
    font-weight: bold;
}

.openstudio-import-form label[for="id_importfile"] {
    font-weight: bold;
}

.openstudio-import-form .mform .iconhelp {
    margin-left: 0px;
}

.openstudio-import-form #fitem_id_importcontents {
    margin-top: 40px;
    margin-bottom: 63px;
}

.openstudio-import-form .fp-restrictions {
    display: none;
}

.openstudio-import-error {
    text-align: right;
    color: red;
}

/**
 * End import feature
 */

/**
 * Common dialogue
 */

/* Common dialog header */

.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-wrap .moodle-dialogue-hd,
.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
.path-mod-openstudio .modal-container .modal .modal-header {
    height: 46px;
    padding: 0px;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-hd span:first-child,
.path-mod-openstudio .modal-container .modal .modal-header h3 {
    padding: 11px 15px;
    display: inline-block;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .yui3-button.closebutton {
    padding: 1px 3px 3px 3px;
    margin: 0px 9px 0px 9px;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .yui3-button.closebutton:before {
    height: 30px;
    display: block;
}

/* Common dialog body */
.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-bd {
    padding: 13px 15px 3px;
}

/* Common dialog footer */
.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-content
.moodle-dialogue-ft {
    text-align: left;
    padding: 7px 10px 30px 15px;
    margin: 0;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-ft
.yui3-widget-buttons {
    display: inline-flex;
}

.path-mod-openstudio .moodle-dialogue-base  .openstudio-dialogue.moodle-dialogue .moodle-dialogue-ft
.yui3-widget-buttons button {
    margin-left: 5px;
    margin-right: 5px;
}

.path-mod-openstudio .modal-container {
    position: absolute;
    overflow: visible;
}

.path-mod-openstudio .modal-container .modal {
    max-width: 640px;
}

.path-mod-openstudio .modal-container .modal .modal-body p {
    margin: 0 0 10px;
}

.path-mod-openstudio .modal-container .modal .modal-header .close {
    right: 15px;
    top: 0px;
    padding-top: 8px;
    padding-right: 0px;
}

.path-mod-openstudio .modal-container .modal .modal-header h3:focus {
    outline: none;
}

/**
 * End common dialogue
 */

/**
 * Comment feature
 */

.path-mod-openstudio .oumediafilter {
    overflow-x: auto;
    overflow-y: hidden;
}

/* Comment thread */

.openstudio-comment-form-content .filepicker-filelist {
    border: none;
}

.openstudio-comment-form-content .filepicker-filelist .filepicker-container,
.openstudio-comment-form-content .filemanager.fm-noitems .fm-empty-container
.openstudio-comment-form-content .filepicker-filename > * {
    display: none;
}

.openstudio-comment-form-content .filepicker-filename > a {
    display: inline-block;
    margin-bottom: 20px;
}

.openstudio-comment-form-content .filepicker-filelist,
.openstudio-comment-form-content .filemanager-container {
    min-height: 17px;
    background: none;
}

.openstudio-comment-form-content,
.openstudio-comment-reply-form {
    display: none;
}

.openstudio-comment-form-body .mform .fitem .fitemtitle {
    display: none;
}

.openstudio-comment-form-body .mform .fitem .felement {
    margin-left: 0px;
    font-size: 1em;
}

.openstudio-comment-form-content .felement.fstatic {
    margin-bottom: 0px;
}

.openstudio-comment-form-content input[name="commentattachmentchoose"] ~ span {
    display: none;
}

body.path-mod-openstudio #region-main .mform:not(.unresponsive) .openstudio-comment-form-body div[id^="fitem_id_commentext"] .fitemtitle label {
    display: none;
}

#fitem_id_commentheader {
    margin-bottom: 7px;
}

#fitem_id_commentattachmentguidance {
    margin-bottom: 0px;
}

#fitem_id_commentattachment{
    margin-bottom: 3px;
}

.openstudio-comment-form-header {
    border: none;
    font-size: 1.28571em;
    min-height: 34px;
    height: auto;
    cursor: pointer;
    margin-bottom: 10px;
}

.openstudio-comment-form-header span {
    display: block;
    width: calc(100% - 44px);
}

.openstudio-comment-form-header {
    font-weight: normal;
    padding-left: 15px;
    font-size: 1.28571em;
    line-height: 35px;
}

.openstudio-comment-form-body #fitem_id_commentheader .felement {
    font-size: 1.28571em;
    line-height: 22px;
    margin: 0;
    padding-left: 0;
}

.openstudio-comment-form-body #fitem_id_commentattachmentguidance {
    font-size: 0.857em;
}

.openstudio-comment-thread-list {
    margin-top: 16px;
}
.openstudio-comment-thread-header {
    font-size: 1.28571em;
    font-weight: bold;
    margin-bottom: 18px;
}
.openstudio-comment-thread-body {
    margin-bottom: 20px;
}
.openstudio-comment-leftcolumn {
    float: left;
    width: 128px;
    clear: both;
    min-height: 1px;
}

.openstudio-comment-rightcolumn {
    float: right;
    width: calc(100% - 128px);
}

.openstudio-comment-text {
    min-height: 72px;
    padding-bottom: 5px;
}

.openstudio-comment-text video {
    max-width: 100%;
}

.openstudio-comment-thread-original-item .openstudio-comment-text {
    min-height: 89px;
}

.openstudio-comment-thread-original-item .openstudio-comment-metadata .openstudio-comment-rightcolumn {
    margin-top: 3px;
}

.openstudio-comment-thread-original-item .openstudio-comment-thread-item {
    padding: 15px;
}

.openstudio-comment-thread-replied-items .openstudio-comment-text {
    min-height: 60px;
}

.openstudio-comment-thread-replied-items .openstudio-comment-metadata .openstudio-comment-leftcolumn {
    display: none;
}

.openstudio-comment-thread-item {
    border-top: 1px solid #dfdfdf;
}

.openstudio-comment-thread-body {
    border-bottom: 1px solid #dfdfdf;
}

.openstudio-comment-thread-replied-items .openstudio-comment-thread-item {
    padding: 15px 10px 8px 50px;
}

.openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2)
.openstudio-comment-metadata .openstudio-comment-leftcolumn {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2)
.openstudio-comment-metadata .openstudio-comment-rightcolumn {
    margin-top: 13px;
}

.openstudio-comment-owner img,
.openstudio-comment-owner span.userinitials {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.openstudio-comment-flag {
    position: relative;
}

.openstudio-comment-flag .openstudio-comment-flag-status {
    display: inline-block;
    margin-right: 11px;
}

.openstudio-comment-flag-status.openstudio-hidden {
    display: none;
}

.openstudio-comment-flag-status img {
    width: 14px;
    height: 14px;
    margin-right: 0px;
}

.openstudio-comment-flag-count {
    color: #dfdfdf;
    font-size: 0.857em;
    display: inline-block;
}

.openstudio-comment-flag-status.unflagged .openstudio-comment-flag-count {
    color: #676463;
}

.openstudio-comment-flag-status.flagged .openstudio-comment-flag-count {
    color: #0b55a8;
}

.openstudio-comment-flag {
    float: left;
}

.openstudio-comment-action {
    float: right;
}

.openstudio-comment-flag-link,
.openstudio-comment-delete-link,
.openstudio-comment-report-link {
    font-weight: bold;
    cursor: pointer;
    display: inline;
}

.openstudio-comment-flag-link .openstudio-comment-like-long-link,
.openstudio-comment-flag-link .openstudio-comment-unlike-long-link,
.openstudio-comment-delete-link .openstudio-comment-delete-long-link,
.openstudio-comment-report-link .openstudio-comment-report-long-link {
    display: inline;
}

.openstudio-comment-flag-link .openstudio-comment-like-long-link.openstudio-hidden,
.openstudio-comment-flag-link .openstudio-comment-unlike-long-link.openstudio-hidden {
    display: none;
}

.openstudio-content-view-primary .openstudio-comment-flag-link .openstudio-comment-like-short-link,
.openstudio-content-view-primary .openstudio-comment-flag-link .openstudio-comment-unlike-short-link,
.openstudio-comment-delete-link .openstudio-comment-delete-short-link,
.openstudio-comment-report-link .openstudio-comment-report-short-link {
    display: none;
}

.openstudio-comment-owner-name {
    display: block;
    font-weight: bold;
    font-size: 1em;
    margin: 5px 0px 0px;
}

.openstudio-comment-time {
    font-size: 0.85714em;
    display: block;
}

.openstudio-comment-loading {
    display: block;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

/**
 * End comment feature
 */

/**
 * Folder comment feature
 */

.openstudio-folder-view-comments .openstudio-content-view-add-comment {
    padding-top: 15px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-list .openstudio-comment-thread:first-child
.openstudio-comment-thread-original-item .openstudio-comment-thread-item {
    border-top: none;
    padding-top: 0;
}

.openstudio-folder-view-comments .openstudio-comment-thread-header {
    display: none;
}

.openstudio-folder-view-comments .openstudio-comment-form-content {
    padding: 20px 10px 0 10px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-body {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0px;
}

.openstudio-folder-view-comments .openstudio-comment-form-header {
    display: none;
}

.openstudio-folder-view-comments .openstudio-comment-thread-list {
    margin-top: 0;
    margin-bottom: 20px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-header {
    margin-bottom: 10px;
    margin-left: 15px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-original-item .openstudio-comment-thread-item {
    padding: 15px;
}

.openstudio-folder-view-comments .openstudio-comment-owner {
    display: flex;
}

.openstudio-folder-view-comments .openstudio-comment-owner img,
.openstudio-folder-view-comments .openstudio-comment-owner span.userinitials {
    float: left;
    width: 100%;
}

.openstudio-folder-view-comments .openstudio-comment-thread-original-item {
    background: none;
}

.openstudio-folder-view-comments .openstudio-comment-owner-name {
    margin-left: 10px;
    float: left;
    margin-top: -6px;
    margin-bottom: 1px;
    margin-bottom: 0;
    width: calc(100% - 60px);
}

.openstudio-folder-view-comments .openstudio-comment-time {
    margin-left: 10px;
    display: block;
    float: left;
}

.openstudio-folder-view-comments .openstudio-comment-thread-item {
    border-top: 1px solid #dfdfdf;
}

.openstudio-folder-view-comments .openstudio-comment-thread-item .openstudio-comment-leftcolumn {
    width: 100%;
}

.openstudio-folder-view-comments .openstudio-comment-flag-link .openstudio-comment-like-long-link,
.openstudio-folder-view-comments .openstudio-comment-flag-link .openstudio-comment-unlike-long-link,
.openstudio-folder-view-comments .openstudio-comment-delete-link .openstudio-comment-delete-long-link,
.openstudio-folder-view-comments .openstudio-comment-report-link .openstudio-comment-report-long-link {
    display: none;
}

.openstudio-folder-view-comments .openstudio-comment-delete-link .openstudio-comment-delete-short-link,
.openstudio-folder-view-comments .openstudio-comment-report-link .openstudio-comment-report-short-link {
    display: inline;
}

.openstudio-folder-view-comments .openstudio-comment-thread-item .openstudio-comment-metadata
.openstudio-comment-leftcolumn {
    width: 70px;
}

.openstudio-folder-view-comments #id_addcomment {
    margin: 5px 15px 30px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-item .openstudio-comment-metadata
.openstudio-comment-rightcolumn {
    width: calc(100% - 71px);
    margin-top: 3px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-item .openstudio-comment-text {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.openstudio-folder-view-comments .openstudio-comment-thread-replied-items .openstudio-comment-thread-item {
    padding-left: 30px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2)
.openstudio-comment-metadata .openstudio-comment-rightcolumn {
    margin-top: 14px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-original-item .openstudio-comment-text {
    padding-bottom: 15px;
    min-height: 0;
    margin-top: 4px;
}

.openstudio-folder-view-comments .openstudio-comment-thread-replied-items .openstudio-comment-text {
    padding-bottom: 5px;
    min-height: 0;
}

/**
 * End folder comment feature
 */

/**
 * Subscription feature
 */

/* Header */
.path-mod-openstudio .moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue
.moodle-dialogue-content .moodle-dialogue-ft {
    margin: 0;
}

/* Footer */
.moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
    text-align: left;
}

.yui3-skin-sam .yui3-panel.openstudio-subscribe-dialog-container .yui3-widget-ft .yui3-button {
    margin-left: 5px;
    margin-right: 5px;
}

/* Body */
.moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue .moodle-dialogue-bd {
    padding: 0px;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue
.moodle-dialogue-content .moodle-dialogue-ft {
    padding-top: 20px;
}

.openstudio-fd-subscription {
    margin: 9px 0px;
}

.openstudio-subscription-selection {
    height: 25px;
    font-size: 0.8571em; /* 12px */
    padding: 1.5px 3px;
    margin: 0px;
}

.openstudio-fd-subscription-table {
    display: table;
    width: 100%;
    margin: 0px 11.5px;
}

.openstudio-fd-subscription-tableheader {
    display: table-cell;
}

.openstudio-fd-subscription-tablerow {
    display: table-row;
}

.openstudio-fd-subscription-tablecell{
    display: table-cell;
    padding: 8px 4.5px;
}

/**
 * End Subscription feature.
 */

/**
 * Search feature
 */

.openstudio-search-message {
    padding-left: 15px;
    margin: 0 20px 20px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.openstudio-search-message span {
    font-size: 0.857em;
}

.openstudio-search-message .openstudio-search-pagination {
    margin-left: auto;
}
/**
 * End search feature
 */

/**
 * Content modal.
 */

.openstudio-fullscreen-modal .modal-content {
    background-color: #464542;
}
.openstudio-fullscreen-modal .modal-header,
.openstudio-fullscreen-modal .modal-footer {
    display: none;
}
.openstudio-modal-content-title {
    text-align: left;
    margin-bottom: 20px;
}

.openstudio-modal-content-title span {
    display: inline-block;
    margin-top: 3px;
}

.openstudio-content-view-maximize-box.openstudio-modal-content-footer a.openstudio-content-view-maximize {
    font-size: 1em;
}

.openstudio-fullscreen-modal .modal-body {
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 130px;
    padding-top: 12px;
}

.openstudio-lockscroll {
    overflow-y: hidden;
}

.openstudio-modal-content-title span {
    font-size: 1.28571em;
    font-weight: bold;
}

.path-mod-openstudio .openstudio-modal-content-close::before {
    display: block;
    content: url([[pix:openstudio|close_button_rgb_32px]]);
    width: 30px;
    height: 30px;
}
.path-mod-openstudio .openstudio-modal-content-close:focus {
    outline: 2px solid #0a3c75;
    background: unset;
}

.path-mod-openstudio .openstudio-modal-content-close {
    background-color: transparent;
    float: right;
    border: 0px;
}

.path-mod-openstudio .modal-backdrop {
    opacity: 0.7 !important;
}

.path-mod-openstudio .modal-container.large .modal {
    max-width: 1034px;
}

.openstudio-modal-content-body-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.openstudio-modal-content-body-iframe #openstudio-content-previewipynb,
.openstudio-modal-content-body-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.openstudio-modal-content-body-iframe #openstudio-content-previewipynb {
    background: #fff;
}

.openstudio-modal-content-body {
    margin-bottom: 18px;
}

.openstudio-modal-content-body a img {
    width: 100%;
}

/**
 * End Content modal.
 */

/**
 * Export feature.
 */

.openstudio-export-message {
    color: red;
    display: none;
}

/* Export content list */

body.format-oustudyplan .generaltable.openstudio-export-items thead tr th {
    vertical-align: middle;
}

.openstudio-export-post-header {
    font-size: 2em;
    margin: 19px 0px 27px;
    font-weight: bold;
}

.openstudio-export-controls {
    margin: 10px 0px;
}

.openstudio-export-controls-bottom {
    margin-top: 30px;
    margin-bottom: 60px;
}

.openstudio-export-controls button.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.openstudio-export-controls button[name="openstudio-export-select-none"] {
    margin-right: 45px;
}

.openstudio-export-guide {
    margin: 13px 0px 27px;
}

.openstudio-export-items tr th:nth-child(1),
.openstudio-export-items tr td:nth-child(1) {
    padding-right: 1px;
    width: 1px;
}

.openstudio-export-items tr th:nth-child(2) {
    padding-left: 17px;
    width: 29px;
}

.openstudio-export-items tr td:nth-child(2) {
    padding-left: 15px;
    width: 29px;
}

.openstudio-export-items tr th:nth-child(3),
.openstudio-export-items tr td:nth-child(3) {
    padding-left: 0px;
}

.openstudio-export-items tr th:nth-child(4),
.openstudio-export-items tr td:nth-child(4) {
    width: 152px;
}

.openstudio-export-items tr th:nth-child(5),
.openstudio-export-items tr td:nth-child(5) {
    width: 218px;
}

.openstudio-export-items tr td {
    vertical-align: middle;
}

.openstudio-export-checkbox img {
    width: 12px;
    height: 12px;
    margin-top: -3px;
}

.openstudio-export-filetype img {
    width: 24px;
    height: 24px;
}

label.openstudio-export-item-name {
    display: inline;
}

.openstudio-grid-item-content-detail-owner-view-icon {
    display: inline-block;
    width: 60px;
}
.openstudio-grid-item-content-detail-owner-view-icon {
    text-decoration: inherit;
}
.openstudio-grid-item-content-detail-owner-view:hover > .openstudio-grid-item-content-detail-owner-view-icon,
.openstudio-grid-item-content-detail-owner-view-icon:hover {
    text-decoration: underline;
}

/**
 * End export feature.
 */

/* General navigation styles. */
.path-mod-openstudio .nav-pills > li > a {
    height: 44px;
    font-size: 1.14285em;
    line-height: 44px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding: 0 12px 0 49px;
    border-radius: 5px;
}

.path-mod-openstudio .nav-pills > li > a:focus {
    background-color: #ced4da;
    box-sizing: content-box;
}

.path-mod-openstudio .nav-pills > .active > a {
    background-color: #ced4da;
    box-sizing: content-box;
}

.path-mod-openstudio .nav .dropdown-toggle {
    cursor: pointer;
}

.path-mod-openstudio .nav .dropdown-toggle .caret {
    margin-top: 16px;
    border-top: none;
}

.path-mod-openstudio .nav .caret {
    margin-right : 2px;
}

.path-mod-openstudio .caret {
    border-left: none;
    border-right: none;
    background-image: url([[pix:t/collapsed]]);
    border-left: 0 none;
    border-right: medium none;
    background-size: 13px 13px;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.path-mod-openstudio .open .caret {
    background-image: url([[pix:t/expanded]]);
}

.path-mod-openstudio .caret {
    border-left: none;
    border-right: none;
}

.path-mod-openstudio .dropdown-menu > .active > a,
.path-mod-openstudio .dropdown-menu > .active > a:hover,
.path-mod-openstudio .dropdown-menu > .active > a:focus {
    text-decoration: underline;
    background-image: none;
    line-height: 28px;
    height: 28px;
}

.path-mod-openstudio li .dropdown-menu > li > a {
    padding: 0px 0px 0px 15px;
    height: 33px;
    line-height: 33px;
}

.path-mod-openstudio .dropdown-menu > li > a:hover,
.path-mod-openstudio .dropdown-menu > li > a:focus,
.path-mod-openstudio .dropdown-submenu:hover > a,
.path-mod-openstudio .dropdown-submenu:focus > a {
    text-decoration: underline;
    background-image: none;
}

.path-mod-openstudio .nav-pills .dropdown-menu {
    border-radius: 3px;
    margin-top:4px;
}

.openstudio-navigation-icon {
    border: 0 none;
    margin-top: 8px;
    margin-left: -34px;
    position: absolute;
    vertical-align: middle;
    width: 28px;
    box-sizing: content-box;
}

.openstudio-navigation-notification-number {
    background: #b52a1e none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.85714em;
    font-weight: bold;
    margin-left: 20px;
    margin-top: -7px;
    position: absolute;
    text-align: center;
    width: 18px;
}

.openstudio-content-edit-form {
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top: 30px;
}

.path-mod-openstudio .filemanager .fp-restrictions {
    font-size: 0.85714em;
}

.openstudio-create-folder-button {
    float: right;
}
.openstudio-add-content-form {
    float: left;
}

.openstudio-module-title h1 {
    font-size: 1.57142em;
    line-height: 22px;
    margin: 0;
    padding: 0 24px 0;
}

.openstudio-module-title h2 {
    font-weight: 700;
    color: #002158;
    font-size: 1.57142em;
    padding: 0 24px 0;
    margin: 0;
}

.mymodule-subttile.subtitle-sharetoview,
.mygroup-subttile.subtitle-sharetoview {
    padding-top: 5px !important;
}

.openstudio-module-subtitle {
    font-size: 1em;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 24px 19px;
    color: #002158;
}

.openstudio-content-view-profile-bar,
.openstudio-filter {
    padding: 7px 15px 8px 0px;
    margin: 0px 24px 20px 24px;
}

.path-mod-openstudio .nav {
    padding : 0px;
    margin: 0px
}

.openstudio-filter-text a {
    font-size: 1em;
}

.openstudio-filter-sort-text img {
    width: 10px;
    height: 10px;
    padding-left: 3px;
}

.openstudio-filter-divider {
    border-right: 1px solid #dfdfdf;
    height: 35px;
    line-height: 35px;
    padding: 4px 12px 4px 12px;
}

.openstudio-filter-link {
    width: 50px;
    cursor: pointer;
}

.openstudio-view-items-profile {
    padding: 6px 15px 8px 0px;
    margin: 0px 24px 0px 24px;
}

#page-mod-openstudio-view .openstudio-view-items-profile {
    padding-bottom: 1px;
}

.openstudio-filter-text {
    padding-left: 15px;
    font-size: 1em;
    display: inline-block;
    line-height: 18px;
}

.openstudio-filter-select {
    padding-left: 10px;
    font-size: 1em;
    display: inline-block;
    line-height: 29px;
}

.openstudio-filter-select select {
    padding: 0;
    margin-bottom: 0px;
    width: 140px;
    font-size: 0.85714em;
    margin-left: 3px;
    min-width: 90px;
}

.openstudio-filter-text-selected {
    font-weight: bold;
}

.openstudio-filter-sort-divider {
    border-right: 1px solid #dfdfdf;
    height: 35px;
    line-height: 35px;
    padding: 4px 12px 4px 0px;
}

#date::before {
    display: inline;
}

.openstudio-filter-sort-text {
    padding-left: 15px;
    font-size: 1em;
    display: inline-block;
    line-height: 29px;
}

.path-mod-openstudio .openstudio-filter-select label {
    display: inline;
}

select.openstudio-filter-pagesize {
    width: 100px;
}

.openstudio-content {
    display: inline-block;
    height: 100%;
    margin: 0 20px 20px;
    width: 100%;
}

.openstudio-add-content-block {
    border-radius: 4px;
    float: left;
    padding: 8px 15px 0px 15px;
    width: 210px;
    margin-right: 20px;
}

.openstudio-add-new-container {
    padding: 5px 15px 0;
}

.openstudio-add-new {
    padding-bottom: 10px;
}

.openstudio-add-new-folder {
    padding-bottom: 10px;
}

.openstudio-add-title {
    font-size: 1em;
    color: #832884;
    font-weight: bold;
    background-image: url([[pix:openstudio|add_content_rgb_32px]]);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 16px;
    display: inline-block;
    padding-left: 20px;
    border: none;
}

a.openstudio-add-title:hover  {
    color: #832884;
    font-weight: bold;
    text-decoration: underline;
}

.openstudio-upload-container {
    height: 137px;
    width: calc(100% - 2px);
    border-radius : 4px;
    border: 1px dashed #dfdfdf;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}

.openstudio-add-new-activity .openstudio-upload-container,
.openstudio-add-new-activity .openstudio-folder-content .openstudio-folder-background {
    margin-bottom: 35px;
}

.openstudio-upload-container img {
    height: 72px;
    margin-top: 32px;
}

.openstudio-available {
    margin-bottom: 27px;
}

.openstudio-create-new-content {
    float: left;
    height: 66px;
    width: calc(100% - 2px);
    border-radius : 4px;
    border: 1px dashed #dfdfdf;
    display: inline-block;
    margin-bottom: 10px;
}

.openstudio-create-new-content img {
    float: left;
    margin-left: 15px;
    width: 48px;
    margin-top: 8px;
}

.openstudio-create-content-title {
    text-align: center;
    margin-top: 20px;
    float: left;
    margin-left: 9px;
    font-size: 0.85714em;
}

.openstudio-content-block {
    border-radius: 4px;
    float: left;
    padding: 10px 15px 20px 15px;
    width: 215px;
    margin-left: 20px;
}

.openstudio-content-title {
    font-size: 1em;
    font-weight: bold;
}

.path-mod-openstudio .dropdown-menu {
    padding: 1px;
}

.path-mod-openstudio .shared-content .dropdown-menu {
    min-width: 195px;
}

.path-mod-openstudio .my-content .dropdown-menu {
    min-width: 165px;
}

.path-mod-openstudio .administration .dropdown-menu {
    min-width: 185px;
}

/* Add/Edit Content. */
#fitem_id_uploadcontent {
    float: left;
    margin-top: 10px;
    width: 0;
}

#fgroup_id_openstudio_upload_content_buttons {
    margin: 40px 0px 20px 0px;
}

#id_openstudio_upload_content_buttons_addfilebutton,
#id_openstudio_upload_content_buttons_addlinkbutton {
    margin-right: 0px;
}

#fgroup_id_openstudio_upload_content_buttons .iconhelp {
    margin-left: 0px;
    margin-right: 15px;
}

#fgroup_id_openstudio_upload_content_buttons .helptooltip {
    display: inline-block;
}

.openstudio-upload-file .fitemtitle,
.openstudio-upload-file > div.felement p:first-of-type,
.openstudio-upload-file > div.felement div.form-filetypes-descriptions {
    display: none;
}

.openstudio-add-content-icon {
    vertical-align: top;
    width: 24px;
    height: 24px;
}

.openstudio-upload-content-title {
    font-size: 1.57142em;
    line-height: 25px;
    color: #832884;
    font-weight: bold;
}

#page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box {
    display: flex;
    padding-bottom: 10px;
    padding-left: 3px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box .advcheckbox {
    display: contents;
}

#page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box .advcheckbox .checkbox {
    padding-left: 0;
    display: contents;
}

#page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box .advcheckbox:nth-child(2) .col-md-3 {
    display: inherit;
}

#page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box .checkbox .form-check {
    margin-right: 7px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #contentformownershipdata .form-inline {
    margin-top: -5px;

}

#page-mod-openstudio-contentedit #osep-mainwrapper #contentformownershipdata .form-inline .inline-radio em {
    font-style: normal;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #openstudio_upload_content_add_file #id_retainimagemetadata {
    margin-right: 6px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #openstudio_upload_content_add_file .openstudio-showgps-box #id_showimagedata,
#page-mod-openstudio-contentedit #osep-mainwrapper #openstudio_upload_content_add_file .openstudio-showgps-box #id_showgps {
    margin-right: 5px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #openstudio_upload_content_add_file .openstudio-showgps-box .btn.btn-link[data-content*="help-popover-container"] {
    margin-left: -7px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #openstudio_upload_content_add_file label[for*="id_retainimagemetadata"] + span .btn.btn-link[data-content*="help-popover-container"] {
    margin-left: -3px;
}

#page-mod-openstudio-contentedit.gecko #osep-mainwrapper #openstudio_upload_content_add_file label[for*="id_retainimagemetadata"] + span .btn.btn-link[data-content*="help-popover-container"] {
    margin-left: -4px;
}

body#page-mod-openstudio-contentedit:not(.osep-layoutnoblocks) form .form-group .col-md-3 p[id*="_label"] {
    float: none;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #fitem_id_tags .col-md-3 a img.icon,
#page-mod-openstudio-contentedit #osep-mainwrapper #fitem_id_weblink .col-md-3 a img.icon {
    margin-right: 0;
    margin-left: 1px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #fgroup_id_openstudio_upload_content_buttons .btn.btn-link[data-content*="help-popover-container"] {
    margin-left: 2px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #fgroup_id_openstudio_upload_content_buttons .btn.btn-link[data-content*="help-popover-container"]:first-of-type img.icon {
    margin-right: 11px;
}

#page-mod-openstudio-contentedit #osep-mainwrapper #fgroup_id_openstudio_upload_content_buttons .btn.btn-link[data-content*="help-popover-container"] img.icon {
    margin-left: 0;
}

@media (max-width: 1199px) {
    .mform #openstudio_upload_content_add_file .form-group .col-form-label {
        float: none;
    }

    .mform #openstudio_upload_content_add_file > .advcheckbox {
        margin-left: 1px;
    }

    .path-mod-openstudio .comments-content-popup {
        left: -33px !important;
        top: 31px !important;
    }

    .path-mod-openstudio .comments-content-popup .openstudio-notifications-arrow {
        transform: rotate(0deg);
        left: 46px;
        top: -23px;
    }
}

@media (max-width: 767px) {
    #page-mod-openstudio-contentedit #osep-mainwrapper .openstudio-showgps-box .advcheckbox .checkbox {
        display: block;
    }

    .path-mod-openstudio .comments-content-popup {
        left: -50px !important;
        top: 49px !important;
        padding: 0px !important;
        transform: none !important;
        width: 100vw !important;
    }

    .path-mod-openstudio .comments-content-popup .openstudio-notifications-arrow {
        transform: rotate(0deg);
        left: 46px;
        top: -23px;
    }

    .path-mod-openstudio .content-block-social-group  .openstudio-grid-item-content-detail-info-text-new {
        position: relative !important;
        top: 0 !important;
    }
}

.path-mod-openstudio span > label {
    font-size: 1em;
}

.path-mod-openstudio #fgroup_id_ownershiparray span label {
    font-weight: normal;
}

.path-mod-openstudio #fgroup_id_ownershiparray span:nth-child(2) {
    padding-left: 10px;
}

.openstudio-hidden {
    display: none;
}

.openstudio-upload-content-add-file-container {
    display: none;
}

.openstudio-upload-content-add-link-container {
    display: none;
    padding-top: 10px;
}

.openstudio-content-form-optional-metadata {
    display: none;
    padding-top: 10px;
}

.path-mod-openstudio .dndupload-arrow {
    height: 64px;
    position: absolute;
    top: 10px;
    width: 100%;
}

.path-mod-openstudio .dndupload-message {
    font-size: 1em;
}

.path-mod-openstudio label[for=id_showgps],
.path-mod-openstudio label[for=id_showimagedata] {
    font-weight: bold;
}

.openstudio-content-form-visibility {
    margin-top: 35px;
}

.openstudio-content-form-ownership-found {
    display: block;
}

.openstudio-content-form-ownership-eg {
    display: block;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_buttonar {
    margin: 0;
    padding-top: 20px;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_ownershiparray {
    padding: 0;
}

.path-mod-openstudio .openstudio-content-edit-form  #fitem_id_weblink {
    padding: 0;
    margin-bottom: 18px;
    margin-top: 2px;
}

.mform .openstudio-upload-content-add-file-container .fitem div.fitemtitle {
    width: 40px;
    float: right;
}

.openstudio-upload-content-add-file-container  #fitem_id_showgps {
    width: 415px;
}

.openstudio-upload-content-add-file-container  #fitem_id_showimagedata {
    width: 588px;
}

.path-mod-openstudio .openstudio-content-edit-form div > label {
    font-weight: bold;
}

.path-mod-openstudio .openstudio-content-edit-form #fitem_id_ownershipdetail .fitemtitle {
    padding: 0px;
}

.path-mod-openstudio .openstudio-content-edit-form #fitem_id_tags .fitemtitle {
    padding: 0px;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_buttonar > .felement > input[type="submit"] {
    font-weight: normal;
    margin: 0 5px 45px 0;
}

.path-mod-openstudio .openstudio-content-edit-form span > label {
    font-size: 1em;
}

.path-mod-openstudio .openstudio-content-edit-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-3 p[id*="_label"] {
    float: right;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .form-check-inline.inline-radio {
    margin-top: 0;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-9 fieldset > div {
    align-items: normal !important;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-9 fieldset > div {
    width: 40%;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-9 fieldset > div > label {
    flex-basis: 40%;
    margin-bottom: 10px;
    margin-right: 22px;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .openstudio-content-form-visibility-label {
    font-style: normal;
    font-weight: normal;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-9 fieldset > div > label {
    display: block;
}

.path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .openstudio-content-form-select-visibility .openstudio-content-form-visibility-icon {
    vertical-align: text-bottom;
    margin: 0 6px;
    width: 18px;
}

.path-mod-openstudio .openstudio-content-edit-form #fitem_id_name {
    margin-top: 27px;
}

.path-mod-openstudio .openstudio-content-edit-form div.required {
    font-weight: bold;
}

.path-mod-openstudio .openstudio-content-edit-form div.required img {
    margin-right: 2px;
}

.path-mod-openstudio #fgroup_id_ownershiparray {
    padding-bottom: 10px;
}

.path-mod-openstudio #fgroup_id_ownershiparray span:nth-child(2) {
    padding-left: 10px;
}

/* Grid Content. */

.openstudio-grid {
    margin: 20px 24px 0px 24px;
}

.openstudio-grid-item {
    float: left;
    width: 244px;
    margin-bottom: 20px;
    border-radius: 4px;
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px;
}

.path-mod-openstudio .box-notification-content-block {
    top: -11px !important;
    left: 55px !important;
}

.path-mod-openstudio .box-notification-content-block .openstudio-notifications-arrow {
    transform: rotate(-90deg);
    left: -18px;
    top: -4px;
}

.openstudio-grid-item-add-new {
    float: left;
    width: 244px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.openstudio-grid-item-guest-message p {
    padding: 14px;
    margin: 14px;
}

.openstudio-grid-item-content {
    padding: 5px 15px 0;
}

.openstudio-grid-item-content-title {
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 14px;
    display: inline;
    width: calc(100% - 33px);
    float: left;
}

.openstudio-grid-item-content-title a,
.openstudio-grid-item-content-title a:hover,
.openstudio-grid-item-content-title a:active,
body .openstudio-grid-item-content-title a:focus {
    color: #002158;
}
.openstudio-grid-item-content-title a:hover,
.openstudio-grid-item-content-title a:active {
    text-decoration: underline;
}
.openstudio-grid-item-content-title a {
    text-decoration: none;
}

.openstudio-grid-item-content-icon {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    float: right;
}

.openstudio-grid-item-content-tooltip {
    display: block;
    height: 18px;
    width: 18px;
}

.openstudio-grid-item-content-detail {
    padding-top: 8px;
}

.openstudio-grid-item-content-detail-updated {
    font-size: 0.85714em;
    padding-bottom: 10px;
}

.openstudio-grid-item-content-preview {
    display: block;
}

.openstudio-grid-item-content-preview a,
.openstudio-grid-item-content-preview-default a {
    display: block;
}

.openstudio-grid-item-content-preview img {
    height: auto;
    width: 100%;
    object-fit: contain;
    background-color: #fff;
    min-height: 137px;
}

.openstudio-grid-item-content-preview-default {
    height: 137px;
    width: 213px;
    clear: left;
    text-align: center;
}

.openstudio-grid-item-content-preview-default img {
    height: 64px;
    margin-top: 44px;
}

.openstudio-grid-item-content-box {
    clear: left;
    position: relative;
}

.openstudio-grid-item-content-box a,
.openstudio-grid-item-content a,
.openstudio-add-new-activity a {
    display: block;
}

.openstudio-item-lock {
    background-color: #f0f0f1;
    height: 22px;
    position: absolute;
    width: 100%;
    z-index: 2;
    text-align: left;
}

.openstudio-item-lock img {
    width: 14px;
    height: 14px;
    padding-left: 6px;
    padding-right: 3px;
    box-sizing: content-box;
}

.openstudio-item-lock span {
    color: #676463;
}

.openstudio-tooltip {
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.openstudio-grid-item-content .openstudio-tooltip .openstudio-tooltiptext.interaction-icon {
    width: auto;
    padding: 5px;
}

.openstudio-tooltip .openstudio-tooltiptext {
    visibility: hidden;
    background-color: #ffffff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 3px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    margin-left: -70px;
    opacity: 0;
    transition: opacity .25s;
    width: 150px;
    font-size: 1em;
    box-sizing: content-box;
}

.openstudio-notification-stopbutton .openstudio-tooltiptext {
    margin-left: -86px;
}

.openstudio-tooltip .openstudio-tooltiptext-onlyme {
    width: 60px;
    margin-left: -25px;
}

.openstudio-tooltip .openstudio-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.openstudio-tooltip:hover .openstudio-tooltiptext,
.openstudio-grid-item-content-icon:focus ~ .openstudio-tooltiptext,
.openstudio-grid-item-content-detail-info-box:focus .openstudio-grid-item-content-detail-info-icon ~ .openstudio-tooltiptext,
.openstudio-grid-item-content-detail-info-box .show-popup-comment:focus .openstudio-grid-item-content-detail-info-icon ~ .openstudio-tooltiptext {
    visibility: visible;
    opacity: 1;
}
.openstudio-folder-content {
    width: 170px;
    margin-left: 22px;
    position: relative;
}

.openstudio-folder-content .openstudio-folder-tab {
    width: 100%;
    margin-right: auto;
}

.openstudio-folder-content .openstudio-folder-background {
    background-color: #9bb0c9;
    padding: 2px 10px 10px 10px;
    margin: -4px 0px 0px 0px;
    box-sizing: content-box;
}

.openstudio-folder-background a {
    display: block;
}

.openstudio-folder-background .openstudio-default-folder-background {
    height: 74px;
    background-color: #ffffff;
    padding: 10px 12px 10px 10px;
    box-sizing: content-box;
}

.openstudio-default-folder-background .openstudio-default-folder-img {
    border-radius: 4px;
    border: 1px dashed #9bb0c9;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #ffffff;
    height: 48px;
    box-sizing: content-box;
}
.openstudio-folder-background .openstudio-content-folder-img {
    border: 3px solid #ffffff;
    height: 89px;
    width: 144px;
}

.openstudio-default-folder-background img{
    height: 54px;
    vertical-align: middle;
}

.openstudio-default-folder-background.hascontent img {
    border: none;
}

.openstudio-grid-item-content-detail-owner-img {
    float: left;
    margin-right: 8px;
}

.openstudio-grid-item-content-detail-owner-img img,
.openstudio-grid-item-content-detail-owner-img span.userinitials,
.openstudio-notification-body-owner-img img,
.openstudio-notification-body-owner-img span.userinitials {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.openstudio-grid-item-content-detail-owner {
    display: flex;
    margin-bottom: 15px;
    min-height: 35px;
}

.openstudio-grid-item-content-detail-owner-name {
    font-size: 1em;
    font-weight: Bold;
    line-height: 17px;
    margin-bottom: 1px;
    margin-top: -4px;
}

.openstudio-grid-item-content-detail-owner-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 40px);
}

.openstudio-grid-item-content-detail-info{
    text-align: center;
    border-top: 1px solid #dfdfdf;
    height: 35px;
    padding-top: 3px;
}

.openstudio-grid-item-content-detail-info-box{
    display: inline-block;
    width: 47px;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding-top: 2px;
}

.openstudio-grid-item-content-detail-info-box a[id^="openstudio_navigation_notification_"]:focus,
.openstudio-grid-item-content-detail-info-group span[id^="content_view_icon_"]:focus,
.openstudio-interactive-icons .openstudio-content-view-icon-active-image:focus,
.openstudio-interactive-icons .openstudio-content-view-icon-inactive-image:focus {
    outline-color: #1c3c71;
}

.openstudio-grid-item-content-detail-info-icon {
    width: 14px;
}

.openstudio-icon-inactive {
    opacity: 0.4;
}

.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text,
.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text-new {
    font-size: 0.85714em;
    margin-left: 32px;
    margin-top: 1px;
    margin-bottom: -17px;
    text-align: left;
    display: block;
    height: 17px;
}

.openstudio-grid-item-content-detail-info-group .openstudio-grid-item-content-detail-info-box .openstudio-grid-item-content-detail-info-text {
    position: absolute;
}

.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text.has-value,
.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text-new {
    border: 1px solid #ffffff;
    border-radius: 50%;
    bottom: 23px;
    font-weight: 700;
    min-width: 17px;
    height: 17px;
    position: absolute;
    margin-left: 28px;
    text-align: center;
    z-index: 1;
}

.openstudio-grid-item-content-detail-info .inspired .openstudio-grid-item-content-detail-info-text.has-value {
    margin-left: 26px;
}

.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text.has-value {
    background: #bfe2ef;
    color: #0b55a8;
}

.openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text-new {
    background: #b52a1e;
    color: #ffffff;
}

.openstudio-grid-item-content-detail-info .notifications .openstudio-tooltip .openstudio-tooltiptext {
    margin-left: -47px;
}

.openstudio-grid-item-content-detail-info .inspired .openstudio-tooltip .openstudio-tooltiptext {
    margin-left: -38px;
}

.openstudio-grid-item-content-detail-info .smiles .openstudio-tooltip .openstudio-tooltiptext {
    margin-left: -35px;
}

.openstudio-grid-item-content-detail-info .favourites .openstudio-tooltip .openstudio-tooltiptext {
    margin-left: -46px;
}

.openstudio-grid-item-content-detail-info-group .openstudio-tooltip {
    padding: 0;
}

.openstudio-grid-item-content-detail-info .double-digit {
    min-width: 22px;
}

.openstudio-content-view-edit {
    height: 185px;
    width: 100%;
    border-radius : 4px;
    border: 1px dashed #dfdfdf;
    text-align: center;
}

#page-mod-openstudio-content .openstudio-content-view-edit img {
    width: 72px;
    height: auto;
    margin-top: 35px;
}

.openstudio-content-view-edit-label {
    position: relative;
    text-align: center;
    top: 30px;
}

.openstudio-content-view-edit-label a,
.openstudio-content-view-edit-label a:hover {
    font-size: 1.14285em;
    font-weight: bold;
    text-decoration: none;
}

iframe.openstudio-content-view-iframe {
    width: 100%;
    height: 590px;
    border: none;
    overflow: scroll;
}

.openstudio-content-view-iframe .block-region {
    display: none;
}

.openstudio-content-view-iframe .mform fieldset.collapsible legend a.fheader {
    margin-left: 0;
}

.openstudio-item-request-feedback {
    background-color: #0b55a8;
    height: 22px;
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: left;
}

.openstudio-item-request-feedback img {
    width: 16px;
    height: 16px;
    padding-left: 10px;
    padding-right: 3px;
}

.openstudio-item-request-feedback span {
    color: #ffffff;
}

#page-mod-openstudio-content:not(.safari) .openstudio-content-weblink-text {
    margin-top: -1px;
}

#page-mod-openstudio-content.chrome .openstudio-content-weblink-text,
#page-mod-openstudio-content.ie .openstudio-content-weblink-text,
#page-mod-openstudio-content .openstudio-content-weblink-text img {
    margin-left: 1px;
}

.openstudio-grid-item-content .openstudio-item-request-feedback span,
.openstudio-grid-item-content .openstudio-item-lock span {
    font-size: 1em;
}

.openstudio-content-view-primary .openstudio-item-request-feedback span,
.openstudio-content-view-primary .openstudio-item-lock span,
.openstudio-folder-view-primary .openstudio-item-request-feedback span,
.openstudio-folder-view-primary .openstudio-item-lock span {
    font-size: 1.14285em;
}

.openstudio-browse-post-item-img .openstudio-item-request-feedback,
.openstudio-browse-post-item-img .openstudio-item-lock,
.openstudio-content-view-primary .openstudio-item-request-feedback,
.openstudio-content-view-primary .openstudio-item-lock,
.openstudio-folder-view-primary .openstudio-item-request-feedback,
.openstudio-folder-view-primary .openstudio-item-lock {
    height: 26px;
}

.openstudio-browse-post-item-img .openstudio-item-request-feedback img,
.openstudio-content-view-primary .openstudio-item-request-feedback img,
.openstudio-folder-view-primary .openstudio-item-request-feedback img {
    width: 18px;
    height: 18px;
}

.openstudio-browse-post-item-img .openstudio-item-lock img,
.openstudio-content-view-primary .openstudio-item-lock img,
.openstudio-folder-view-primary .openstudio-item-lock img {
    width: 16px;
    height: 16px;
}

.openstudio-item-request-feedback-cancel,
.openstudio-item-unlock {
    display: none;
}

.openstudio-modal-content .openstudio-item-request-feedback,
.openstudio-modal-content .openstudio-item-unlock,
.openstudio-modal-content .openstudio-item-lock {
    display: none;
}

#openstudio_comment_form:before {
    display: inline;
}

#openstudio_comment_form:focus {
    outline: none;
}

.openstudio-folder-content .openstudio-item-request-feedback,
.openstudio-folder-content .openstudio-item-lock {
    margin-top: 17px;
    width: 100%;
}

/* Activity. */
.openstudio-grid.openstudio-activity-cutting-edge {
    padding-top: 20px;
    margin-top: 0px;
}

.openstudio-activity-title {
    font-size: 1.28571em;
    font-weight: bold;
    line-height: 18px;
}

.openstudio-profile-progress-content-description .openstudio-profile-progress-step.activity-locked {
    background: #ea0000;
    border-color: #ea0000;
    cursor: pointer;
}

.openstudio-activity-title-wrapper {
    margin: 0 24px 0 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.openstudio-activity-title-wrapper:nth-child(n+5) {
    border-top: 1px solid #dfdfdf;
    padding-top: 10px;
    margin-bottom: 11px;
}

.openstudio-actvity-title {
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    border: none;
}

a.openstudio-actvity-title:hover  {
    font-weight: bold;
    text-decoration: underline;
}

.openstudio-filter-select {
    padding-left: 15px;
}

.openstudio-add-new-lock-message {
    margin-bottom: 15px;
}

.openstudio-activity-lock-title {
    padding-bottom: 4px;
}

.openstudio-grid-item-add-new-required,
.openstudio-grid-item-add-new-locked-required {
    float: left;
    width: 244px;
    margin-bottom: 24px;
    border-radius: 4px;
    background-color: #fff6e2;
}

.openstudio-grid-item-add-new-locked {
    background: #ffffff;
}

.openstudio-activity-lock-message {
    margin-bottom: 15px;
}

.openstudio-add-activity-lock-message {
    margin-top: -25px;
}

.openstudio-activity-content-lock-message {
    margin-top: -15px;
}

.openstudio-grid-item-content-subtitle {
    font-size: 1em;
    font-weight: bold;
    padding-top: 5px;
    display: inline;
    float: left;
    width: 100%;
}

.openstudio-grid-item-content-detail-owner-view {
    font-size: 1em;
    border-right: none;
    border-left: 0 none;
    border-right: medium none;
    background-color: transparent;
    display: inline-block;
    padding-right: 12px;
}

.openstudio-grid-item-content-detail-owner-view img {
    width: 10px;
    display: inline-block;
    margin-left: -2px;
}

.openstudio-grid-item-content .tooltip > .tooltip-inner {
    width: 120px;
}

/* Content detail page */
.openstudio-content-view-container {
    background: #ffffff none repeat scroll 0 0;
    margin: 20px 24px 72px 24px;
    padding: 8px 20px 40px 20px;
    position: relative;
}

.openstudio-content-view-title-box {
    margin: 0 0 25px 0px;
}

.openstudio-content-view-title {
    font-size: 1.28571em ;
    font-weight: bold;
    line-height: 28px;
    min-height: 28px;
    padding: 0;
    margin: 0 0 17px 0;
    float: left;
}

.openstudio-content-view-title-box h1 {
    width: calc(100% - 39px);
}

span.openstudio-content-view-title {
    padding-right: 20px;
}

.openstudio-content-view-title-icon {
    float: right;
}

.openstudio-content-view-title-icon img {
    border: 0px;
    width: 24px;
    height: 24px;
}

.openstudio-content-view-version img {
    height: auto;
}

.openstudio-content-view-version-divider {
    border-right: 1px solid #dfdfdf;
}

.openstudio-content-view-current-version {
    float: right;
}

.openstudio-content-view-version-title-box {
    margin-bottom: 17px;
}

.path-mod-openstudio .openstudio-current-version-button {
    font-size: 1em;
    line-height: 20px;
    margin: 0;
    padding-left: 4px;
}

.path-mod-openstudio .openstudio-current-version-button img {
    width: 12px;
}

.openstudio-content-view-subtitle {
    font-size: 1.14285em ;
    font-weight: bold;
    margin-top: 10px;
}

.openstudio-content-view-primary {
    width: calc(62% - 36px);
    float: left;
    margin-right: 40px;
    position: relative;
}

.openstudio-content-view-secondary {
    width: calc(38% - 4px);
    display: block;
    float: right;
    top: 0;
}

.openstudio-content-view-container .maximize {
    width: 100%;
}

.openstudio-content-view-type-img-box {
    height: 372px;
    text-align: center;
    width: 100%;
}

.openstudio-content-view-img {
    width: 100%;
}

.openstudio-content-view-type-img {
    height: 140px;
    margin-top: 122px;
}

.openstudio-content-view-container .maximize img {
    max-width: 100%;
}

.openstudio-content-view-date {
    font-size: 0.85714em;
    float: left;
}

.openstudio-content-view-maximize-box {
    float: right;
    line-height: 13px;
}

.openstudio-content-view-maximize {
    cursor: pointer;
    vertical-align: middle;
}

.openstudio-content-view-maximize img {
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 5px;
}

.openstudio-content-view-maximize.minimize img {
    margin-right: 6px;
}
.path-mod-openstudio.gecko .openstudio-content-view-maximize.minimize img {
    margin-right: 5px;
}

.openstudio-content-view-description {
    font-size: 1em;
    margin-top: 10px;
}

.openstudio-content-view-description img {
    width: 100%;
    height: auto;
}

.openstudio-content-view-description .filter_transcript_outer img {
    width: auto;
}

.openstudio-content-view-tags {
    width: 55%;
    float: left;
    padding-bottom: 13px;
}

.openstudio-content-view-tag-item {
    display: inline-block;
    margin: 0 0 5px;
    padding: 0;
}

.openstudio-content-view-tag-item > li {
    background: #dfdfdf none repeat scroll 0 0;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 4px 10px 5px;
    position: relative;
}

.openstudio-folder-view-tags .openstudio-content-view-tag-item {
    margin: 5px 5px 0px 5px;
}

.openstudio-content-view-archive {
    float: right;
    margin-bottom: 27px;
    margin-right: -10px;
}

.openstudio-content-view-archive > input:first-child {
    margin-right: 5px;
}

.openstudio-content-view-animation-icons {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0px 11px 0px;
}

.openstudio-content-view-icon {
    width: 40px;
    height: 40px;
}

.openstudio-content-view-animation-icons-left {
    float: left;
    width: 100%;
    position: relative;
}

.openstudio-interactive-icons {
    display: inline;
    position: absolute;
    top: 6px;
}

.openstudio-content-view-animation-icons-right {
    float: right;
    margin-right: 15px;
}

.openstudio-folder-view-container .openstudio-content-view-animation-icons-right {
    display: inline-block;
    float: right;
    padding-left: 17px;
}

.openstudio-content-view-flag-icon {
    background-color: transparent;
    font-size: 1em;
    display: inline-block;
    height: 26px;
    width: auto;
    border: none;
    cursor: pointer;
}

.openstudio-content-view-animation-icons-right .openstudio-content-view-flag-icon {
    color: #000000;
}

.openstudio-content-view-icon-inspiration {
    margin: 0 19px 0 15px;
}

.openstudio-content-view-icon-participation {
    margin-right: 15px;
}

.openstudio-content-view-flag-icon span {
    display: block;
    width: 100%;
}

.openstudio-content-view-flag-icon span img {
    height: 24px;
    width: 24px;
    display: block;
    margin: 0 auto 8px;
}

.openstudio-content-view-flag-icon span.view-icon img {
    height: 40px;
    width: 40px;
    margin: 0 auto;
    display: block;
}

.openstudio-content-view-flag-icon span.openstudio-content-view-icon-inactive-image,
body:not(.ios):not(.android) .openstudio-content-view-flag-icon.has-hover:hover .openstudio-content-view-icon-active-image,
.openstudio-content-view-flag-icon.openstudio-content-view-icon-active span.openstudio-content-view-icon-active-image {
    display: block;
}

.openstudio-content-view-flag-icon span.openstudio-content-view-icon-active-image,
body:not(.ios):not(.android) .openstudio-content-view-flag-icon.has-hover:hover .openstudio-content-view-icon-inactive-image,
.openstudio-content-view-flag-icon.openstudio-content-view-icon-active span.openstudio-content-view-icon-inactive-image {
    display: none;
}

.openstudio-interactive-icons .openstudio-content-view-flag-icon span.openstudio-content-view-icon-active-image,
.openstudio-interactive-icons .openstudio-content-view-flag-icon span.openstudio-content-view-icon-inactive-image {
    width: 49px;
    margin: auto;
    height: 27px;
    padding-top: 2px;
}

/* Default state: hide the active icon */
.openstudio-tooltip .openstudio-grid-item-content-detail-info-icon-active {
    display: none;
}

/* On hover: hide the default icon and show the active icon */
.openstudio-tooltip:hover .openstudio-grid-item-content-detail-info-icon {
    display: none;
}

.openstudio-tooltip:hover .openstudio-grid-item-content-detail-info-icon-active {
    display: inline;
    width: 14px;
    height: 14px;
    margin: 0 auto;
}

.openstudio-content-view-icon-copies {
    margin-right: 17px;
    cursor: default;
}

.openstudio-content-view-icon-views {
    cursor: default;
}

.openstudio-content-view-actions {
    padding-top: 30px;
}

.path-mod-openstudio .openstudio-content-view-restore-button,
.path-mod-openstudio .openstudio-content-view-edit-button,
.path-mod-openstudio .openstudio-content-view-delete-button,
.path-mod-openstudio .openstudio-delete-content-version,
.path-mod-openstudio .openstudio-content-view-version-button {
    margin-right: 5px;
}

.path-mod-openstudio .openstudio-content-view-edit-button-link:hover,
.path-mod-openstudio .openstudio-content-view-version-button-link:hover,
.path-mod-openstudio .show-popup-comment:hover {
    text-decoration: none;
    outline: none;
}

.path-mod-openstudio .openstudio_contentform_tag .fitemtitle {
    margin-top: 32px;
}

.path-mod-openstudio .openstudio-add-new-container .openstudio-available {
    font-size: 0.85714em;
    margin-bottom: 30px;
}

.openstudio-content-view-block {
    height: 34px;
    cursor: pointer;
    font-weight: normal;
    background-image: url([[pix:t/expanded]]);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    border: 1px solid #dfdfdf;

}

#page-mod-openstudio-content #openstudio_content_view_post_owner.openstudio-content-view-block-content,
#page-mod-openstudio-folder #openstudio_folder_view_post_owner.openstudio-content-view-block-content {
    display: flex;
}

.openstudio-content-view-block-content {
    margin-bottom: 27px;
}

.openstudio-content-view-block-content.collapse {
    height: 0px;
    display: block;
    overflow: hidden;
}

.openstudio-content-view-block-content.collapse.show {
    height: auto;
}

.openstudio-content-view-secondary .collapsed {
    background-image: url([[pix:t/collapsed]]);
}

.openstudio-content-view-block a,
.openstudio-content-view-block a:hover,
.openstudio-content-view-block a:focus{
    font-weight: normal;
    padding-left: 15px;
    font-size: 1.28571em;
    line-height: 35px;
    text-decoration: none;
}

.openstudio-content-view-user-picture {
    padding: 15px 10px 15px 15px;
    float: left;
    display: inline-block;
}

.openstudio-content-view-block span {
    font-weight: normal;
    padding-left: 15px;
    font-size: 1.28571em;
    line-height: 35px;
    text-decoration: none;
}

.openstudio-content-view-user-picture img,
.openstudio-content-view-user-picture span.userinitials {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.openstudio-content-view-user-info {
    margin-top: 11px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 92px);
}

.openstudio-content-view-user-info-name {
    font-size: 1em;
    font-weight: Bold;
    line-height: 17px;
    margin-bottom: 3px;
    margin-top: 0px;
}

.openstudio-content-view-user-info-view {
    font-size: 1em;
    border-right: none;
    border-left: 0 none;
    border-right: medium none;
    display: inline-block;
    padding-right: 16px;
}

.openstudio-content-view-user-info-view img {
    width: 10px;
    height: 10px;
}

.openstudio-content-view-date-box {
    margin-top: 10px;
}

.openstudio-content-view-metadata-info {
    border-bottom: 1px solid #dfdfdf;
    padding: 7px 7px 7px 15px;
}

.openstudio-content-view-image-data-label {
    width: 120px;
    text-align: left;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.openstudio-content-view-image-data-value {
    text-align: left;
    display: inline-block;
}
.openstudio-content-view-image-data-value {
    text-align: left;
    display: inline-block;
}

.openstudio-content-view-primary .ouembed-embedtype-video {
    width: 100%;
    height: 315px;
}

.openstudio-content-view-version-img img {
    width: 64px;
    height: 64px;
    float: left;
    margin-bottom: 15px;
    object-fit: cover;
    object-position: center;
}

.openstudio-content-view-version-info {
    padding-left: 10px;
    display: block;
    vertical-align: top;
    float: left;
    width: calc(100% - 75px);
    margin-top: -6px;
}

.openstudio-content-view-version-info-name {
    font-size: 1em;
    font-weight: Bold;
    line-height: 21px;
    margin-bottom: 1px;
    margin-top: 0px;
}

.openstudio-content-view-version-detail {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 10px 0px 15px;
}

.openstudio-content-view-version-label {
    padding-left: 5px;
}

.openstudio-content-view-version-date {
    float: left;
    font-size: 0.85714em;
    padding-top: 3px;
}

.openstudio-content-view-version-actions {
    display: inline-block;
    float: right;
    margin-top: 12px;
    margin-bottom: 15px;
}

#openstudio_content_view_map_canvas {
    height: 250px;
    margin: 15px 15px 20px 15px;
    padding: 0px
}

.openstudio-content-view-actions-icons-left {
    float: left;
    margin-bottom: 19px;
}

.openstudio-content-view-actions-icons-right {
    float: right;
}

.path-mod-openstudio .openstudio-request-feedback-button {
    background-image: url([[pix:openstudio|request_feedback_blue_rgb_32px]]);
    background-position: 8px 6px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    text-decoration: none;
    margin-left: 5px;
}

.path-mod-openstudio .openstudio-request-feedback-button:hover,
.path-mod-openstudio .openstudio-request-feedback-button:focus {
    background-image: url([[pix:openstudio|request_feedback_white_rgb_32px]]);
    background-repeat: no-repeat;
    background-position: 8px 6px;
    background-size: 16px 16px;
}

/* Folder browse posts dialogue. */

.path-mod-openstudio .moodle-dialogue-base .openstudio-folder-posts-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
    text-align: right;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-folder-posts-dialogue .moodle-dialogue-content button.browse-search-icon {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 2px 5px;
    position: relative;
    right: 35px;
    top: -6px;
    cursor: pointer;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-folder-posts-dialogue .moodle-dialogue-content .yui3-button.closebutton::before,
.path-mod-openstudio .modal-container .modal .modal-header .close::before {
    display: none;
}

.openstudio-folder-browse-posts-header-hint {
    font-size: 1em;
    line-height: 21px;
}

.openstudio-folder-browse-posts-search-box {
    margin-top: 17px;
}

.openstudio-folder-browse-posts-searched div {
    box-sizing: content-box;
}

.openstudio-folder-browse-posts-searched-header {
    height: 43px;
    border-top: solid 2px #dfdfdf;
    border-bottom: solid 2px #dfdfdf;
}

.openstudio-folder-browse-posts-searched-header div {
    float: left;
    font-size: 1em;
    line-height: 40px;
    text-align: left;
}

.openstudio-folder-browse-posts-searched-header div:nth-child(1) {
    padding-left: 20px;
    width: 79px;
}

.openstudio-folder-browse-posts-searched-header div:nth-child(2),
.openstudio-folder-browse-posts-searched-header div:nth-child(4) {
    width: 140px;
}

.openstudio-folder-browse-posts-searched-header div:nth-child(3) {
    width: 154px;
}

.openstudio-folder-browse-posts-header-result-label {
    float: left;
    padding-top: 2px;
}

.openstudio-folder-browse-posts-header-result {
    padding-top: 5px;
    padding-bottom: 15px;
}

.openstudio-folder-browse-posts-header-result-buttons {
    float: right;
}

.openstudio-folder-browse-posts-header-result-buttons-bottom {
    margin-top: 14px;
    text-align: right;
}

.openstudio-folder-browse-posts-header-result-buttons button,
.openstudio-folder-browse-posts-header-result-buttons-bottom button {
    margin-right: 0px;
}

.path-mod-openstudio .folder-browse-post-remove-last-selection {
    margin-right: 5px;
}

.openstudio-browse-post-item {
    min-height: 74px;
    border-bottom: 1px solid #dfdfdf;
}

div.openstudio-browse-post-item-filename {
    border: 0px;
    overflow-wrap: break-word;
}

.openstudio-browse-post-item-img {
    float: left;
    width: 73px;
    padding: 13px 0px 17px 20px;
    position: relative;
}

.openstudio-browse-post-item-img .openstudio-item-request-feedback,
.openstudio-browse-post-item-img .openstudio-item-lock {
    display: none;
}

.openstudio-browse-post-item-img .openstudio-browse-post-item-thumbnail {
    width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center;
}

.openstudio-browse-post-item-title-box,
.openstudio-browse-post-item-filename,
.openstudio-browse-post-item-location-box {
    float: left;
    width: 100px;
    line-height: 17px;
    padding-right: 38px;
    position: relative;
}

.openstudio-browse-post-item-button {
    position: relative;
    top: 22px;
}

.openstudio-browse-post-item-title-box {
    margin-top: 11px;
}

#browse_post_item_title_box_mobile {
    display: none;
}

.openstudio-browse-post-item-title {
    font-size: 1em;
    font-weight: bold;
}

.openstudio-browse-post-item-date {
    font-size: 0.85714em;
    margin-top: 4px;
}

.openstudio-browse-post-item-filename,
.openstudio-browse-post-item-location-box {
    font-size: 1em;
    position: relative;
    margin-top: 25px;
}

.openstudio-browse-post-item-filename {
    padding-left: 2px;
}

.openstudio-browse-post-item-location {
    padding-left: 2px;
    padding-top: 2px;
    vertical-align: middle;
}

.openstudio-browse-post-item-location-box img {
    height: 22px;
}

.openstudio-browse-post-item-location-box {
    padding-left: 16px;
    width: 100px;
}

.openstudio-folder-browse-posts-search-box input[type='text'] {
    padding: 4px 6px;
}

#openstudio_search_post {
    border-radius: 0px;
    width: 180px;
    padding-right: 32px;
    border: 1px solid #dfdfdf;
}

#openstudio_search_post::-ms-clear {
    display: none;
}

#browse_post_item_title_box_movile {
    display: none;
}

.openstudio-folder-browseposts-selected {
    font-weight: bold;
    font-size: 1em;
    min-height: 98px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 14px;
    padding-bottom: 5px;
    display: none;
}

.openstudio-folder-browseposts-selected label {
    border-radius: 3px;
    margin-left: -1em;
    margin-top: 3em;
    padding: 0.2em;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

.openstudio-folder-browseposts-selected .openstudio-folder-browseposts-deselect:hover + label,
.openstudio-folder-browseposts-selected .openstudio-folder-browseposts-deselect:focus + label {
    visibility: visible;
}

.openstudio-folder-browseposts-selected-box {
    padding-top: 8px;
}

.openstudio-folder-browseposts-selected-box #openstudio-browseposts-helpicon .btn.btn-link[data-content*="help-popover-container"] {
    margin-left: 3px;
}

.openstudio-folder-browseposts-deselect {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: auto;
    margin-right: 15px;
    margin-bottom: 10px;
}

.openstudio-folder-browseposts-deselect .openstudio-folder-remove-icon {
    height: 17px;
    margin-left: 24px;
    position: relative;
    visibility: hidden;
    width: 17px;
    z-index: 2;
}

.openstudio-folder-browseposts-deselect > .openstudio-folder-controls-crop,
.openstudio-folder-browseposts-deselect > .openstudio-folder-browsesets-selectedthumb {
    display: block;
    margin-top: -13px;
    position: relative;
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center;
}

.openstudio-folder-browseposts-deselect .openstudio-folder-remove-icon {
    height: 17px;
    padding-left: 10px;
    position: relative;
    visibility: hidden;
    width: 17px;
    z-index: 2;
}

.openstudio-folder-browseposts-deselect:hover,
.openstudio-folder-browseposts-deselect:focus {
    background: none;
}

.openstudio-folder-browseposts-deselect:hover .openstudio-folder-remove-icon,
.openstudio-folder-browseposts-deselect:focus .openstudio-folder-remove-icon {
    visibility: visible;
}

.path-mod-openstudio .openstudio-folder-browseposts-selected-items > label {
    border-radius: 3px;
    margin-left: -25px;
    margin-top: 50px;
    padding: 3px;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    display: inline;
}

.path-mod-openstudio .moodle-dialogue-base .openstudio-view-deleted-dialogue.moodle-dialogue .moodle-dialogue-content
.moodle-dialogue-ft {
    display: none;
}

.openstudio-view-deleted-header-hint {
    margin-bottom: 20px;
    font-size: 1em;
}

.openstudio-view-deleted-header-save,
.openstudio-view-deleted-footer-save {
    margin: 14px 0;
}

.openstudio-view-deleted-header-save span {
    width: 52%;
    display: inline-block;
}

.openstudio-view-deleted-body {
    max-height: 230px;
    overflow-y: auto;
}

button.openstudio-view-deleted-save-button {
    float: right;
    margin-right: 0px;
}

.openstudio-view-deleted-item {
    display: table;
    width: 100%;
    padding: 4px 0;
}

.openstudio-view-deleted-item-row {
    display: table-row;
}

.openstudio-view-deleted-item-row > div {
    display: table-cell;
    min-height: 1px;
    vertical-align: top;
}

.openstudio-view-deleted-item-column1 {
    width: 79px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.openstudio-view-deleted-item-column2 {
    padding-top: 11px;
    padding-bottom: 9px;
    width: 235px;
}

.openstudio-view-deleted-item-row > div.openstudio-view-deleted-item-column3 {
    vertical-align: middle;
}

.openstudio-view-deleted-item-picture img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center;
}

.openstudio-view-deleted-item-name {
    display: block;
    font-weight: bold;
    font-size: 1em;
    line-height: 22px;
    margin-top: -7px;
}

.openstudio-view-deleted-item-date {
    display: block;
    font-size: 0.857em;
    margin-top: -8px;
}

.openstudio-view-deleted-item-ordernumber-guide {
    font-size: 0.857em;
}

/**
 * End view deleted posts
 */

/* People Page */
.openstudio-people-page {
    padding-bottom: 19px;
}

.openstudio-profile-row {
    min-height: 48px;
    margin: 0 24px;
    padding: 15px 15px 17px;
    border-bottom: 1px solid #dfdfdf;
    clear: both;
}

#openstudio-people-groupid {
    margin-bottom: 0;
    margin-left: 2px;
}

div.openstudio-profile-details div.openstudio-profile-row:nth-of-type(odd)
{
    background-color: #f7f7f7;
}

div.openstudio-profile-details div.openstudio-profile-row:last-of-type {
    margin-bottom: 20px;
}
.openstudio-people-paging {
    text-align: center;
    font-size: 1.14285em;
}

.openstudio-profile-info {
    width: 29%;
    float: left;
    min-height: 48px;
    height: initial;
}

.openstudio-profile-info .openstudio-profile-description {
    float: left;
    width: 73%;
    margin-top: -4px;
}

.openstudio-profile-active-date {
    width: 20%;
    float: left;
}

.openstudio-profile-participation {
    width: 21%;
    float: left;
    margin-top: -2px;
}

.openstudio-people-participation-comments {
    margin-top: -3px;
}

.openstudio-people-participation-title ~ .openstudio-people-participation-comments {
    margin-top: 0px;
}

.openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
    width: 30%;
}

.openstudio-profile-work-progress {
    float: right;
    margin-right: -3px;
    padding: 0;
    position: relative;
    width: auto;
}

.openstudio-profile-img {
    float: left;
    margin-right: 10px;
}

.openstudio-profile-img img,
.openstudio-profile-img span.userinitials {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.openstudio-profile-name {
    font-size: 1em;
    font-weight: Bold;
    margin: 0px;
    line-height: 19px;
}

.openstudio-profile-view {
    font-size: 0.85714em;
    border-right: none;
    border-left: 0 none;
    border-right: medium none;
    padding-right: 16px;
    display: inline-block;
}

.openstudio-profile-view img.icon {
    width: 10px;
    margin-left: -2px;
}

.openstudio-profile-label-title{
    font-size: 1em;
    line-height: 10px;
}

.openstudio-profile-work-title {
    margin-bottom: 6px;
    margin-left: 1px;
}

.openstudio-profile-active-date-title {
    font-size: 0.78571em;
    padding-top: 6px;
}

.openstudio-profile-participation img{
    width: 16px;
    height: 16px;
}

.openstudio-profile-participation span{
    font-size: 0.85714em;
}

/**
* Start progress bar
*/

.openstudio-work-progress-container {
    width: 290px;
    position: relative;
}

/**
* Fix issue on IE
*/
.ie .openstudio-work-progress-container {
    width: 287px;
    position: relative;
}

.openstudio-progressbar svg {
    border-radius: 10px;
    height: 24px;
}
.openstudio-work-progress {
    width: 229px;
    height: 16px;
    border-radius: 6px;
    border: 1px solid #d4d2d2;
    position: absolute;
    top: 2px;
    left: 2px;
    box-sizing: content-box;
}

.openstudio-work-progress-item {
    width: 25%;
    float: left;
}

.openstudio-work-progress-item:last-child {
    width: 23%;
}

.openstudio-work-progress div:nth-child(n+2) {
    border-left: 1px solid #f0f0f1;
    height: 16px;
}

.openstudio-work-progress-percent {
    float: right;
    text-align: left;
    margin-right: 6px;
}

.openstudio-greycolour {
    stop-color: #d4d2d2;
}

.openstudio-completecolour {
    stop-color: #5cb85c;
}

.openstudio-currentfill {
    fill: #0b55a8;
}

.openstudio-incompletefill {
    fill: white;
}

/**
* End progress bar
*/

.openstudio-profile-bar {
    padding-left: 15px;
    padding-bottom: 5px;
    font-size: 1em;
}

.openstudio-profile-rule {
    border-top: 1px solid #dfdfdf;
    margin-top: 5px;
    margin-left: 15px;
}

.openstudio-profile-bar .openstudio-profile-user-picture img,
.openstudio-profile-bar .openstudio-profile-user-picture span.userinitials {
    float: left;
    width: 48px;
    height: 48px;
    box-sizing: content-box;
    border-radius: 50%;
    margin-top: 10px;
}

.openstudio-profile-bar .openstudio-profile-head {
    display: inline-block;
    float: left;
    padding-top: 5px;
    width: 22%;
}

.openstudio-profile-head .openstudio-profile-date {
    float: left;
}

.openstudio-profile-head .openstudio-profile-date.show {
    display: inline-block;
}

.openstudio-profile-bar .openstudio-profile-comment-view {
    float: left;
    padding-left: 5px;
    margin-top : 1px;
}

.openstudio-profile-bar .openstudio-profile-comment-view.show {
    display: inline-block;
}

.openstudio-profile-bar-participation ~ .openstudio-profile-comment-view {
    margin-top : 0px;
}

.openstudio-profile-comment-view .openstudio-profile-comment img {
    float: left;
    display: inline-block;
    padding-top: 2px;
}

.openstudio-profile-comment .openstudio-profile-comment-text {
    margin-left: 5px;
}

.openstudio-profile-comment-view .openstudio-own-view img{
    float: left;
    display: inline-block;
    padding-top: 2px;
}

.openstudio-own-view .openstudio-profile-view-text {
    display: inline-block;
    margin-left: 5px;
}

.openstudio-profile-progress-content-description .openstudio-profile-block {
    display: inline-block;
}

.openstudio-profile-progress-content-description .openstudio-profile-progress {
    padding-left: 0;
}

.openstudio-profile-progress-content-description .openstudio-profile-progress-step {
    display: inline-block;
    border: 1px solid #676463;
    width: 12px;
    height: 12px;
}

.openstudio-profile-progress-content-description .content-block-active {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}

.openstudio-profile-progress-content-description .content-block-inactive {
    background-color: #d9534f;
    border: 1px solid #d9534f;
}

#openstudio_profile_bar {
    display: block;
}

#openstudio_profile_active_date,
#openstudio_profile_active_date_mobile,
#openstudio_profile_fullusername_mobile {
    display: none;
}

#openstudio_profile_bar_mobile {
    display: none;
    float: left;
    width: 100%;
    line-height: 22px;
}

#openstudio_profile_fullusername {
    display: inline-block;
}

.openstudio-profile-bar .openstudio-profile-mypaticipation-content {
    width: 100%;
    display: inline-block;
}

.openstudio-profile-bar .openstudio-profile-mypaticipation-content a {
    cursor: pointer;
    text-decoration: none;
}

.openstudio-profile-bar .openstudio-profile-mypaticipation {
    font-weight: bold;
    padding-left: 7px;
    background-color: transparent;
    max-width: 230px;
}

.openstudio-profile-mypaticipation .openstudio-expand-image,
.openstudio-profile-mypaticipation .openstudio-collapse-image {
    float: right;
    text-align: right;
}

.openstudio-profile-mypaticipation#openstudio_profile_fullusername_mobile .openstudio-expand-image img,
.openstudio-profile-mypaticipation#openstudio_profile_fullusername_mobile .openstudio-collapse-image img {
    width: 20px;
}

.openstudio-profile-bar .openstudio-profile-bar-participation-content {
    width: 23%;
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    float: left;
}

.openstudio-profile-participation .openstudio-profile-label-title,
.openstudio-profile-bar-participation-content .openstudio-profile-bar-participation {
    border: none;
    padding-left: 5px;
    padding-right: 20px;
    background-color: transparent;
    margin-bottom: -2px;
}

.openstudio-profile-bar-participation-content .openstudio-profile-bar-participation {
    width: 140px;
}

.openstudio-profile-bar-participation-content .openstudio-profile-bar-participation img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 4px;
}

.openstudio-profile-participation .openstudio-profile-label-title{
    font-size: 1em;
    line-height: 10px;
    padding-left: 0;
}

.openstudio-profile-bar .openstudio-profile-progress-content {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-right: 13px;
    margin-top: 5px;
}

.openstudio-profile-progress-content .openstudio-profile-progress-content-description {
    float: left;
    clear: left;
}

.openstudio-profile-progress-content .openstudio-profile-progress-content-description.show {
    display: inline-block;
}

.ios .openstudio-profile-bar .openstudio-profile-progress-content .openstudio-profile-progress-percent {
    display: flex;
    align-items: center;
    min-height: 24px;
}

.openstudio-profile-bar .openstudio-profile-progress-title {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.openstudio-profile-bar .openstudio-profile-progress-bar {
    display: inline-block;
    padding-left: 7px;
    width: 270px;
    height: 18px;
    float: left;
}

.openstudio-profile-bar .openstudio-profile-progress-working-title {
    display: inline-block;
    margin-left: 5px;
    font-size: 1em;
}

.openstudio-paging {
    text-align: center;
    font-size: 1.14285em;
    padding-bottom: 52px;
}

/* Handle folder overview */
.openstudio-folder-header {
    margin: 20px 24px 15px 24px;
    padding: 12px 0 1px 0;
}

.openstudio-folder-header .openstudio-folder-header-left {
    width: calc(62% - 36px);
    display: inline-block;
}

.openstudio-folder-header .openstudio-folder-header-right {
    float: right;
    margin-top: 5px;
}

.openstudio-folder-header-left img {
    position: absolute;
}

.openstudio-folder-header-left .openstudio-folder-header-title {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 23px;
    margin-top: 4px;
    margin-left: 36px;
    font-size: 1.57142em;
}
.gecko .openstudio-folder-header-left .openstudio-folder-header-title {
    margin-left: 35px;
}

.openstudio-folder-header-right .openstudio-folder-header-title {
    vertical-align: text-bottom;
    position: relative;
    font-size: 1em;
    margin-left: 4px;
}
.gecko .openstudio-folder-header-right .openstudio-folder-header-title {
    top: -1px;
}

#page-mod-openstudio-content .openstudio-folder-header img,
#page-mod-openstudio-folder .openstudio-folder-header img {
    height: 24px;
    width: auto;
}

.openstudio-folder-view-container {
    background: #ffffff none repeat scroll 0 0;
    margin: 15px 24px 62px;
    padding: 8px 20px 40px 20px;
    position: relative;
    border-radius: 4px;
}

.path-mod-openstudio .openstudio-folder-view-container .openstudio-request-feedback-button {
    margin-left: 0px;
}

.openstudio-folder-view-title {
    margin-bottom: 17px;
    width: calc(62% - 36px);
    float: left;
    margin-right: 40px;
    display: flex;
}

.openstudio-folder-view-title-background {
    font-size: 1.28571em ;
    flex-grow: 1;
    margin-top: 1px;
}

.openstudio-folder-view-title-managepost {
    position: relative;
    top: 2px;
}

.openstudio-folder-view-request-feedback {
    margin-top: 10px;
}

.openstudio-folder-view-title-managepost #id_managepost {
    margin-right: 0px;
}

.openstudio-folder-view-primary {
    width: calc(62% - 36px);
    float: left;
    padding-bottom: 40px;
    border: 1px dotted #dfdfdf;
    border-radius: 4px;
}

.openstudio-folder-view-content .openstudio-folder-view-add-new-content {
    float: left;
    width: 241px;
    padding-right: 20px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.openstudio-folder-items {
    padding: 0px 31px;
    top: -5px;
}

.openstudio-folder-show-content-block {
    float: left;
    width: 213px;
    margin-top: 20px;
    padding: 5px 15px 15px 15px;
    border: 1px dotted #dfdfdf;
    border-radius: 4px;
}

.openstudio-folder-show-content-block-date {
    font-size: 0.85714em;
}

.openstudio-folder-show-content-block:nth-child(odd) {
    margin-right: 20px;
}

.openstudio-folder-view-content .openstudio-folder-view-add-new-content {
    margin-bottom: -5px;
}

.openstudio-folder-view-primary .openstudio-item-request-feedback,
.openstudio-folder-view-primary .openstudio-item-lock {
    position: relative;
}

.openstudio-folder-view-primary > .openstudio-item-request-feedback ~ .openstudio-item-lock {
    margin-top: -26px;
}

/* Handle folder overview*/

.openstudio-upload-folder {
    height: 68px;
    width: 100%;
    border-radius : 4px;
    border: 1px dashed #dfdfdf;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.openstudio-select-content {
    margin-bottom: 10px;
}

.openstudio-upload-new-content-to-folder,
.openstudio-select-existing-post {
    width: 50px;
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 9px;
}

.openstudio-new-folder-title,
.openstudio-select-post-title {
    width: 200px;
    font-size: 0.85714em;
    text-align: left;
    display: block;
}

.openstudio-new-folder-title {
    padding: 18px 0 0 70px;
}

.openstudio-select-post-title {
    padding: 17px 0 0 70px;
}

.openstudio-upload-folder .openstudio-new-folder-title-device,
.openstudio-upload-folder .openstudio-select-post-title-device {
    font-size: 0.85714em;
    font-weight: bold;
    text-align: center;
    display: none;
}

.openstudio-folder-show-content-block-title {
    margin-bottom: 12px;
}

.openstudio-folder-view-descripton-content {
    padding: 10px 15px 15px 15px;
}

.openstudio-folder-view-descripton-title {
    font-size: 1.07142em;
    font-weight: bold;
    margin-bottom: 0px;
}

.openstudio-folder-view-descripton-text {
    text-indent: 0px;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 3px;
}

.openstudio-folder-view-descripton-text p {
    padding: 0;
    margin: 0;
}

.openstudio-folder-view-descripton-date {
    font-size: 0.85714em;
}

.openstudio-grid-item-folder-preview {
    margin-bottom: 5px;
}

.openstudio-folder-preview-default {
    height: auto;
    clear: left;
    text-align: center;
}

.openstudio-grid-item-folder-preview img {
    height: auto;
    width: 100%;
}

.openstudio-folder-preview-default img {
    width: 64px;
}

.openstudio-folder-show-content-block-link-title {
    font-size: 1em;
    font-weight: bold;
}

.openstudio-folder-available {
    font-size: 0.857em;
}

.openstudio-folder-view-buttons {
    margin-top: 18px;
    float: left;
}

.path-mod-openstudio .openstudio-folder-view-buttons #id_deletebutton {
    margin-right: 5px;
}

.path-mod-openstudio .openstudio-folder-view-buttons #id_lockbutton {
    margin-right: 10px;
}

.path-mod-openstudio .openstudio-folder-view-buttons input {
    margin-top: 10px;
}

.openstudio-add-new-content-link {
    font-size: 1.285em;
    color: #832884;
    font-weight: bold;
    display: inline-block;
}

a.openstudio-add-new-content-link:hover  {
    font-weight: bold;
    text-decoration: underline;
}

.openstudio-folder-view-add-new-content-title {
    height: 48px;
    line-height: 36px;
    padding-top: 1px;
}
.openstudio-folder-view-add-new-content-title .icon {
    margin-right: 0;
}
.openstudio-folder-view-title-icon {
    position: relative;
    top: 1px;
}
.openstudio-folder-view-title-icon img {
    width: 24px;
    height: 24px;
    margin-right: 0;
}
.gecko .openstudio-folder-view-title-icon img {
    margin-right: -1px;
}
.openstudio-add-new-content-link img{
    vertical-align: top;
    margin-top: 10px;
}

.openstudio-mobile-paging {
    text-transform: capitalize;
    display: none;
}

.openstudio-mobile-paging a,
.openstudio-mobile-paging a:hover,
.openstudio-mobile-paging a:focus {
    text-decoration: none;
}

.openstudio-mobile-paging-first img:nth-child(2) {
    margin-left: -20px;
}
.openstudio-profile-bar-participation + .openstudio-profile-comment-view.show {
    margin-bottom: 6px;
    padding-top: 2px;
}
.openstudio-profile-comment-view.show {
    margin-bottom: 25px;
}

.openstudio-people-page .openstudio-profile-details .openstudio-work-progress-container {
    width: 97%;
}

.openstudio-people-page .openstudio-profile-details .openstudio-work-progress {
    width: 79%;
}

.openstudio-people-page .openstudio-profile-details .openstudio-profile-work-title {
    display: inline-block;
    vertical-align: super;
}

.openstudio-expandall {
    display: flex;
    justify-content: flex-end;
    margin-right: 24px;
}

.openstudio-expandall img {
    margin: 0;
}

#openstudio-expandall,
#openstudio-collapseall {
    border:1px solid #4775af;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
    background: #4775af;
    padding: 2px 9px;
    color: #ffffff;
    text-shadow: none;
    text-transform: uppercase;
}

#openstudio-expandall:focus,
#openstudio-collapseall:focus {
    outline-offset: -5px;
    outline: none;
}

#openstudio-expandall:focus-visible,
#openstudio-collapseall:focus-visible {
    outline-offset: -5px;
    outline: 2px solid #fdf289;
}

.openstudio-expandcollapse.expanded a.openstudio-expand,
.openstudio-expandcollapse:not(.expanded) a.openstudio-collapse,
.openstudio-expandall.expanded #openstudio-expandall,
.openstudio-expandall:not(.expanded) #openstudio-collapseall,
.openstudio-grid.openstudio-activity-grid:not(.openstudio-expanded),
.openstudio-grid.openstudio-activity-cutting-edge:not(.openstudio-expanded) {
    display: none;
}

.openstudio-expandcollapse img,
.openstudio-expandcollapse i {
    width: 22px;
    height: 22px;
    margin: 0;
}

.openstudio-grid.openstudio-activity-grid,
.openstudio-grid.openstudio-activity-cutting-edge {
    transition: opacity 0.5s linear, height 0.5s ease-in-out;
}

@media only screen and (max-width: 1279px) and (min-width: 1025px) {
    .openstudio-profile-bar-participation + .openstudio-profile-comment-view.show {
        margin-bottom: 1px;
    }
    .openstudio-profile-comment-view.show {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1139px) and (min-width: 1025px) {
    .openstudio-profile-progress-content {
        margin-top: 0;
    }
}
@media only screen and (max-width: 1187px) and (min-width: 1025px) {
    .openstudio-profile-bar .openstudio-profile-progress-content {
        margin-right: 14px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .openstudio-profile-bar .openstudio-profile-progress-content {
        margin-right: 3px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 1024px) {
    body.android .openstudio-profile-bar .openstudio-profile-progress-content,
    body.ios .openstudio-profile-bar .openstudio-profile-progress-content {
        margin-right: 3px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .openstudio-profile-bar .openstudio-profile-progress-content {
       margin-right: 14px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
    body.android .openstudio-profile-bar .openstudio-profile-progress-content,
    body.ios .openstudio-profile-bar .openstudio-profile-progress-content {
        margin: 0 1px 0 0;
    }
}

@media  only screen and (max-width: 938px) and (min-width: 829px) {
    .openstudio-profile-bar-participation + .openstudio-profile-comment-view.show {
        margin-bottom: 2px;
    }
}

@media  only screen and (max-width: 938px) and (min-width: 768px) {
    .openstudio-profile-comment-view.show {
        margin-bottom: 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 772px) {
    #openstudio_content_view_post_archive .openstudio-content-view-version-actions .openstudio-content-view-version-button {
        margin-right: 3px;
    }
}

.openstudio-folder-global-background .openstudio-comment-thread-header {
    margin-bottom: 12px;
}

.openstudio-folder-global-background .openstudio-comment-thread-body {
    margin-bottom: 25px;
}

.openstudio-folder-global-background .openstudio-comment-owner img,
.openstudio-folder-global-background .openstudio-comment-owner span.userinitials {
    width: 36px;
    height: 36px;
}

.openstudio-folder-global-background .openstudio-comment-flag-status img {
    width: 18px;
    height: 18px;
}

.openstudio-folder-global-background .openstudio-content-view-animation-icons {
    margin-top: 25px;
}

@media (max-width: 1024px) {
    .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 32%;
        margin-top: 9px;
    }

    .openstudio-comment-flag-link .openstudio-comment-like-long-link,
    .openstudio-comment-flag-link .openstudio-comment-unlike-long-link,
    .openstudio-comment-delete-link .openstudio-comment-delete-long-link,
    .openstudio-comment-report-link .openstudio-comment-report-long-link {
        display: none;
    }

    .openstudio-comment-flag-link .openstudio-comment-like-short-link,
    .openstudio-comment-flag-link .openstudio-comment-unlike-short-link,
    .openstudio-comment-delete-link .openstudio-comment-delete-short-link,
    .openstudio-comment-report-link .openstudio-comment-report-short-link {
        display: inline;
    }

    .openstudio-comment-flag-link .openstudio-comment-like-short-link.openstudio-hidden,
    .openstudio-comment-flag-link .openstudio-comment-unlike-short-link.openstudio-hidden {
        display: none;
    }

    .openstudio-comment-form .openstudio-expand-image .icon,
    .openstudio-comment-form .openstudio-collapse-image .icon,
    .openstudio-comment-reply-form .openstudio-expand-image .icon,
    .openstudio-comment-reply-form .openstudio-collapse-image .icon {
        margin-right: 0;
    }
}

@media only screen and (max-device-width: 941px) and (min-device-width: 768px) {
    .openstudio-people-page .openstudio-profile-work-progress .openstudio-profile-label-title.openstudio-profile-work-title {
        margin-left: 1px;
    }

    .openstudio-people-page .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 51%;
        margin-right: 0;
    }
}

@media only screen and (max-device-width: 941px) and (min-device-width: 768px) and (orientation: landscape) {
    .safari .openstudio-people-page .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 33%;
    }

    .safari .openstudio-people-page .openstudio-profile-work-progress .openstudio-profile-label-title.openstudio-profile-work-title {
        margin-left: -5px;
    }
}

@media (max-width: 1033px) and (min-width: 1024px) {
    .openstudio-people-page .openstudio-profile-info {
        width: 30%;
    }
}

@media (max-width: 941px) and (min-width: 768px) {
    .openstudio-people-page .openstudio-profile-participation {
        width: 22%;
    }

    .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 52%;
        margin-right: -1px;
    }

    .openstudio-poeple-profile-work-progress > .openstudio-profile-work-progress {
        width: 100%;
    }

    .openstudio-profile-info .openstudio-profile-description {
        margin-top: 11px;
    }

    .openstudio-profile-info .openstudio-profile-description {
        width: 100%;
    }

    .openstudio-people-page .openstudio-profile-work-progress .openstudio-profile-label-title {
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

/* Tablet. */
@media only screen and (max-device-width: 1024px) {

    .openstudio-content-view-file > a > img,
    .openstudio-content-view-file > iframe {
        width: 100%;
    }

    .openstudio-folder-view-add-new-content-title {
        line-height: 30px;
        margin-top: 13px;
    }

    .openstudio-add-new-content-link img {
        margin-top: 7px;
    }

    .openstudio-nav-settings {
        display: none;
    }

    .openstudio-subscribe-button {
        margin-top: 4px;
        padding-right: 0px;
        margin-right: 9px;
    }

    .openstudio-add-dashboard-button {
        margin-right: -10px;
        margin-top: 4px;
    }

    .openstudio-subscribe-button ~ .openstudio-add-dashboard-button {
        margin-top: 0px;
    }

    .openstudio-nav-primary {
        margin-top: 11px;
    }

    .openstudio-work-progress {
        width: 189px;
    }

    .openstudio-work-progress-container {
        width: 240px;
    }

    .openstudio-profile-bar .openstudio-profile-progress-content {
        float: right;
        width: 402px;
        padding: 0;
    }

    .openstudio-content-view-primary {
        width: calc(59% - 39px);
    }

    .openstudio-content-view-secondary {
        width: calc(41% - 1px);
    }

    .openstudio-work-progress-percent {
        margin-right: 0px;
    }

    .openstudio-profile-bar .openstudio-profile-progress-bar {
        width: 240px;
    }

    .openstudio-content-view-tags {
        width: 100%;
        padding-bottom: 0px;
    }

    .openstudio-content-view-archive {
        float: left;
    }

    .openstudio-content-view-animation-icons-right {
        float: right;
    }

    .openstudio-folder-view-container .openstudio-content-view-animation-icons-right {
        padding-left: 0px;
        float: none;
    }

    .openstudio-profile-work-progress {
        margin-left: -8px;
        margin-right: 0px;
    }

    .openstudio-profile-work-progress .openstudio-profile-label-title {
        margin-left: -6px;
        margin-bottom: 5px;
    }

    .openstudio-profile-bar .openstudio-profile-head {
        width: 141px;
    }

    .openstudio-profile-bar .openstudio-profile-bar-participation-content {
        width: 154px;
    }

    .openstudio-folder-view-container {
        padding: 8px 20px 40px;
        margin-top: 15px;
    }

    .openstudio-folder-view-primary {
        width: calc(59% - 39px);
        margin-right: 10px;
        padding-left: 3px;
    }

    .openstudio-folder-view-content {
        width: 100%;
    }

    .openstudio-folder-view-content .openstudio-folder-view-add-new-content {
        padding-right: 15px;
        float: none;
        width: auto;
        margin-bottom: 5px;
        margin-top: 8px;
    }

    .openstudio-folder-available {
        font-size: 0.857142em;
        margin-bottom: 8px;
        margin-top: 1px;
        float: left;
    }

    .openstudio-upload-folder {
        width: calc(50% - 10px);
        height: 90px;
    }

    .openstudio-upload-new-content-to-folder,
    .openstudio-select-existing-post {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .openstudio-select-content {
        margin-bottom: 10px;
        margin-left: 13px;
    }

    .openstudio-folder-show-content-block {
        width: 155px;
        margin-top: -3px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
    }

    .openstudio-folder-show-content-block:nth-child(odd) {
        margin-right: 0px;
    }

    .openstudio-new-folder-title,
    .openstudio-select-post-title {
        display: none;
    }

    .openstudio-upload-folder .openstudio-new-folder-title-device,
    .openstudio-upload-folder .openstudio-select-post-title-device {
        display: block;
    }

    .openstudio-folder-view-container .openstudio-content-view-secondary {
        width: calc(41% - 1px);
    }

    .openstudio-folder-view-container .openstudio-content-view-icon-inspiration {
        margin-left: 0px;
        margin-right: 19px;
    }

    .openstudio-folder-view-buttons {
        float: none;
    }

    .openstudio-folder-items {
        padding: 0px;
        margin-left: 15px;
        margin-top: 3px;
    }

    .openstudio-folder-item {
        margin-bottom: 20px;
    }

    .openstudio-folder-view-title {
        width: calc(59% - 39px);
    }

    .openstudio-folder-header-left {
        width: 50%;
    }

    .openstudio-folder-view-container .openstudio-content-view-actions-icons-right {
        float: left;
        margin-top: 10px;
    }

    .filter-block-select {
        width: 129px;
    }

    .openstudio-filter-box {
        width: calc(25% - 39px);
    }

    .openstudio-filter-box-pinboard .openstudio-filter-box {
        width: calc(33% - 45px);
    }

    .openstudio-filter-box-last,
    .openstudio-filter-box-pinboard .openstudio-filter-box-last {
        width: 110px;
        margin-right: -18px;
    }

    .openstudio-filter-buttons {
        margin-right: 0px;
    }

    .openstudio-filter-arrow-box div:nth-child(1) {
        margin-left: 0px;
    }

    .openstudio-content-view-title-box h1 {
        width: 84%;
    }

    .openstudio-content-view-actions-icons-right {
        float: right;
        padding-bottom: 20px;
    }

    /**
     * Comment feature 1024
     */

    .openstudio-comment-thread-replied-items .openstudio-comment-thread-item {
        padding-left: 40px;
    }

    .openstudio-comment-thread-list {
        margin-top: 10px;
    }

    .openstudio-comment-thread-header {
        margin-bottom: 10px;
        font-size: 1.428em;
    }

    .openstudio-comment-thread-original-item .openstudio-comment-thread-item {
        padding: 10px;
    }

    .openstudio-comment-owner img,
    .openstudio-comment-owner span.userinitials {
        width: 53px;
        height: 53px;
    }

    .openstudio-comment-owner-name {
        display: inline-block;
        margin-left: 8px;
        font-size: 1em;
        float: left;
        margin-top: -4px;
        width: calc(100% - 56px);
    }

    .openstudio-comment-time {
        font-size: 0.785em;
        margin-left: 10px;
        display: block;
        float: left;
    }

    .openstudio-comment-text .text_to_html {
        font-size: 1em;
    }

    .openstudio-comment-thread-item .openstudio-comment-leftcolumn {
        width: 100%;
    }

    .openstudio-comment-leftcolumn.openstudio-comment-owner {
        display: flex;
    }

    .openstudio-comment-thread-item .openstudio-comment-text {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .openstudio-comment-thread-item .openstudio-comment-metadata .openstudio-comment-leftcolumn {
        width: 70px;
    }

    .openstudio-comment-thread-item .openstudio-comment-metadata .openstudio-comment-rightcolumn {
        width: calc(100% - 71px);
        margin-top: 3px;
    }

    .openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2)
    .openstudio-comment-metadata .openstudio-comment-rightcolumn {
        margin-top: 14px;
    }

    .openstudio-comment-thread-replied-items .openstudio-comment-text,
    .openstudio-comment-thread-original-item .openstudio-comment-text {
        padding-bottom: 10px;
        min-height: 0;
    }

    .openstudio-comment-flag-link,
    .openstudio-comment-delete-link,
    .openstudio-comment-report-link,
    .openstudio-comment-flag-count {
        font-size: 1em;
    }

    .openstudio-folder-view-comments .openstudio-comment-flag .openstudio-comment-flag-status {
        margin-right: 9px;
    }

    .openstudio-folder-view-comments .openstudio-comment-owner-name {
        margin-bottom: 4px;
    }

    /**
     * End comment feature
     */

    #page-mod-openstudio-folder #id_deletebutton {
        margin-right: 5px;
    }

    .openstudio-folder-header {
        margin-bottom: 16px;
    }

    /**
    * Order post
    */

    .openstudio-orderpost-item-column3 {
        max-width: 230px;
    }

    .openstudio-import-export-buttons {
        display: none;
    }

    button.openstudio-orderpost-save-button {
        margin-right: 0px;
    }
}

/* Tablet Portrait. */
@media screen and (max-device-width: 1023px) and (orientation: portrait){

    .openstudio-content-view-file > a > img,
    .openstudio-content-view-file > iframe {
        width: 100%;
    }

    .path-mod-openstudio .administration{
        display: none;
    }

    .openstudio-profile-work-progress {
        width: 100%;
        margin-left: 0px;
    }

    .openstudio-people-page .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 46%;
        margin-top: 20px;
        margin-right: 6px;
    }

    .openstudio-people-page .openstudio-profile-details .openstudio-work-progress-container {
        width: 90%;
    }

    .openstudio-people-page .openstudio-profile-details .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress .openstudio-profile-label-title.openstudio-profile-work-title {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 2px;
    }

    .openstudio-profile-info .openstudio-profile-description {
        width: 100%;
    }

    .openstudio-profile-description .openstudio-profile-view {
        padding-right: 0;
    }

    .openstudio-profile-bar .openstudio-profile-progress-title {
        margin-left: 0;
    }

    .openstudio-profile-active-date {
        width: 24%;
    }

    .openstudio-profile-participation {
        width: 24%;
        margin-top: -1px;
    }

    .openstudio-content-view-tags {
        width: 100%;
    }

    .openstudio-content-view-archive {
        float: left;
        margin-bottom: 30px;
    }

    .openstudio-profile-bar .openstudio-profile-head {
        width: calc(100% - 70px);
    }

    .openstudio-content-view-animation-icons-left {
        width: 100%;
    }

    .openstudio-content-view-animation-icons-right {
        float: left;
        margin-top: 10px;
        width: 100%;
        padding-left: 16px;
    }

    .openstudio-folder-view-container .openstudio-content-view-animation-icons-right {
        padding-left: 17px;
        margin-top: 10px;
    }

    .openstudio-content-view-primary {
        width: calc(59% - 31px);
    }

    .openstudio-content-view-secondary {
        width: calc(41% - 9px);
    }

    .openstudio-content-view-version-title-box .openstudio-content-view-title {
        margin: 0px;
    }

    .openstudio-content-view-actions-icons-left {
        margin-bottom: 10px;
    }

    .openstudio-content-view-current-version {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .openstudio-content-view-container {
        padding: 8px 15px 40px;
    }

    .ios .openstudio-content-view-actions-icons-right {
        float: left;
        margin-bottom: 20px;
    }

    .openstudio-folder-view-primary {
        width: calc(59% - 29px);
    }

    .openstudio-folder-view-container {
        padding: 8px 15px 40px;
    }

    .openstudio-upload-folder {
        width: 128px;
        margin-bottom: 15px;
    }

    .openstudio-select-content {
        margin-left: 8px;
    }

    .openstudio-folder-items {
        margin-left: 0px;
        padding: 0px;
    }

    .openstudio-grid-item-folder-preview {
        width: 246px;
        display: block;
        margin-left :auto;
        margin-right :auto;
    }

    .openstudio-folder-available {
        margin-top: -3px;
    }

    .openstudio-content-view-actions-icons-right {
        float: left;
        padding-bottom: 25px;
    }

    .openstudio-folder-view-container .openstudio-content-view-animation-icons {
        padding-left: 0px;
        padding-right: 0px;
    }

    .openstudio-new-folder-title,
    .openstudio-select-post-title {
        display: none;
    }

    .openstudio-upload-folder .openstudio-new-folder-title-device,
    .openstudio-upload-folder .openstudio-select-post-title-device {
        display: block;
        width: 100%;
        margin-top: 2px;
        font-size: 0.85714em;
    }

    .openstudio-folder-show-content-block,
    .openstudio-folder-show-content-block:nth-child(odd) {
        width: 246px;
        padding-top: 10px;
        margin-bottom: 20px;
        margin-left: 16px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .openstudio-folder-view-container .openstudio-content-view-secondary {
        width: calc(41% - 9px);
    }

    .path-mod-openstudio .openstudio-folder-view-container #id_lockfolder {
        margin-right: 0px;
    }

    .openstudio-folder-header .openstudio-folder-header-left {
        width: 320px ;
    }

    .openstudio-folder-view-title {
        width: 316px;
    }

    .filter-block-select {
        width: 100px;
    }

    .openstudio-filter-box {
        width: calc(25% - 33px);
    }

    .openstudio-filter-box-pinboard .openstudio-filter-box {
        width: calc(33% - 38px);
    }

    .openstudio-filter-box-last,
    .openstudio-filter-box-pinboard .openstudio-filter-box-last {
        width: 93px;
        margin-right: -25px;
    }

    .openstudio-filter-box div img {
        display: none;
    }

    .openstudio-filter-select select {
        width: 90px;
    }

    .openstudio-folder-header .openstudio-folder-header-left,
    .openstudio-folder-view-title {
        width: calc(59% - 29px);
    }

    .openstudio-profile-row {
        margin: 0 24px;
        height: auto;
    }

    .openstudio-profile-bar .openstudio-profile-bar-participation-content {
        position: absolute;
        left: 363px;
    }

    select.openstudio-filter-pagesize {
        width: 80px;
    }

    .openstudio-folder-view-content .openstudio-folder-view-add-new-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .openstudio-folder-view-title-background {
        padding-bottom: 6px;
    }

    .openstudio-folder-view-hasguidance {
        float: left;
    }
}

@media (min-width: 768px) {
    body.path-mod-openstudio .openstudio-grid-item-content-detail-owner-view-icon img.icon {
        width: 9px;
        vertical-align: unset;
        margin-bottom: -4px;
    }
}
@media (max-width: 768px) {
    body.path-mod-openstudio .openstudio-profile-bar .openstudio-profile-progress-content {
        margin-top: 4px;
    }

    .path-mod-openstudio .openstudio-content-edit-form .openstudio-content-form-visibility #fgroup_id_visibilityarray .col-md-9 fieldset > div {
        width: 100%;
    }

    .openstudio-select-content {
        margin-left: 11px;
    }

    .openstudio-folder-show-content-block {
        margin-left: 16px;
    }

    .openstudio-folder-view-add-new-content-title {
        margin-top: 5px;
    }
}
@media (max-width: 767px) {
    body.path-mod-openstudio .openstudio-grid-item-content-detail-owner-view-icon img.icon {
        padding-bottom: 1px;
    }
    body.path-mod-openstudio.android .openstudio-grid-item-content-detail-owner-view-icon img.icon {
        padding-bottom: 2px;
    }
    .openstudio-content-view-description:empty + .openstudio-content-view-tags-container > .openstudio-content-view-archive {
        margin-top: 26px;
    }
}

/* Mobile. */
@media (max-width: 767px) {
    #openstudio-people-groupid-mobile {
        max-width: 65%;
    }
    .openstudio-grid-item-content-box a {
        display: flex;
        justify-content: center;
    }
    .openstudio-grid-item-content-preview,
    .openstudio-grid-item-content-preview-default {
        margin-top: 1px;
    }
    .openstudio-profile-bar .openstudio-profile-user-picture img,
    .openstudio-profile-bar .openstudio-profile-user-picture span.userinitials {
        margin-top: 9px;
    }
    .openstudio-grid-item-content-detail-owner-img {
        margin-right: 10px;
    }
    .openstudio-filter-sort-text {
        padding-left: 10px;
    }
    .openstudio-comment-thread-replied-items .openstudio-comment-text,
    .openstudio-comment-thread-original-item .openstudio-comment-text {
        padding-bottom: 25px;
    }
    .openstudio-comment-form .openstudio-expand-image .icon,
    .openstudio-comment-form .openstudio-collapse-image .icon,
    .openstudio-comment-reply-form .openstudio-expand-image .icon,
    .openstudio-comment-reply-form .openstudio-collapse-image .icon {
        margin-top: 8px;
    }
    .openstudio-comment-form-body .mform {
        width: auto;
        padding: 0;
    }
    .openstudio-comment-thread-replied-items .openstudio-comment-thread-item.openstudio-comment-reply-form {
        padding-left: 0;
        padding-right: 0;
    }
    #fitem_id_commentattachment {
        margin-top: 9px;
        margin-bottom: 30px;
    }
    .openstudio-comment-form-content #fitem_id_commentattachmentguidance .col-md-9 {
        margin-bottom: 2px;
    }
    .openstudio-comment-form-content .filepicker-filelist, .openstudio-comment-form-content .filemanager-container {
        min-height: 10px;
    }
    .openstudio-comment-form-body .mform .filepicker-filelist {
        margin-top: 0;
        margin-bottom: 2px;
    }
    .path-mod-openstudio .mform .form-group .col-md-9 {
        padding-top: 2px;
    }
    #id_commentattachment_fieldset > p {
        margin-bottom: 5px;
    }
    .openstudio-comment-form-body .form-filetypes-descriptions {
        margin-top: 2px;
    }
    .openstudio-comment-form-body .form-filetypes-descriptions ul {
        margin-inline-start: 0;
    }
    .openstudio-content-view-block-content .openstudio-content-view-version-detail .openstudio-content-view-version-img > img.typethumbnail {
        max-width: 64px;
        width: 100%;
    }
    .openstudio-content-view-block-content .openstudio-content-view-version-detail .openstudio-content-view-version-img > img.typeicon {
        max-height: 48px;
        height: 48px;
        width: auto;
        min-width: 64px;
    }
    .openstudio-content-view-version-info .openstudio-content-view-version-info-name {
        margin-top: 5px;
    }
    .openstudio-content-view-version-info .openstudio-content-view-version-date {
        margin-top: 3px;
        padding-top: 0;
    }
    .openstudio-content-view-date-box {
        line-height: 1;
        margin-top: 0;
    }
    .openstudio-content-view-file .openstudio-content-view-type-img-box,
    .openstudio-content-view-file a img {
        margin-bottom: 13px;
        margin-top: 2px;
    }
    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
        padding-top: 21px;
    }
    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .yui3-button.closebutton {
        margin: 8px 21px 0 9px;
        padding: 0;
    }
    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .yui3-button.closebutton:after {
        display: block;
        line-height: initial;
        height: 30px;
    }
    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-bd span {
        line-height: 21px;
        font-size: 1em;
    }
    #openstudio_profile_fullusername_mobile .openstudio-profile-expand-image img,
    #openstudio_profile_fullusername_mobile .openstudio-profile-collapse-image img {
        width: 20px;
        height: auto;
    }
    .openstudio-add-new-folder + a {
        display: flex;
        justify-content: center;
    }
    .openstudio-grid-item-content-detail-info,
    .openstudio-grid-item-content-detail-updated.flex-center {
        display: flex;
        justify-content: center;
        clear: both;
    }
    .openstudio-content-view-actions {
        padding-top: 11px;
    }
    #fitem_id_commentattachment.form-group .col-md-9 {
        padding-left: 0;
    }
    .openstudio-comment-form-body .mform #fitem_id_commentattachment .col-md-3 #id_commentattachment_label {
        padding-left: 0;
        margin-bottom: 1px!important;
    }
    .openstudio-comment-form-body .mform #fitem_id_commentheader .col-md-9 .form-control-static {
        margin-left: -1px;
        padding-top: 4px;
    }
    .openstudio-container .openstudio-content-view-version-title-box .openstudio-content-view-title {
        padding-bottom: 6px;
    }
    .openstudio-comment-thread .openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2) .openstudio-comment-metadata .openstudio-comment-rightcolumn {
        margin-top: 4px;
    }
    .openstudio-comment-thread .openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2) .openstudio-comment-metadata .openstudio-comment-leftcolumn {
        margin-top: 0;
    }
    .openstudio-comment-thread-replied-items .openstudio-comment-text,
    .openstudio-comment-thread-original-item .openstudio-comment-text {
        margin-bottom: 12px;
    }
    .openstudio-content-view-edit {
        height: 172px;
        margin-bottom: 13px;
    }
    .openstudio-content-view-edit .openstudio-content-view-edit-label {
        top: 0;
    }
    .openstudio-content-view-edit .openstudio-content-view-edit-link img {
        margin-bottom: 10px;
    }
    .path-mod-openstudio #region-main {
        padding: 0 0 0px;
    }

    .path-mod-openstudio #openstudio_profile_fullusername_mobile {
        display: flex;
        max-width: 100%;
        position: relative;
        padding-right: 38px;
    }
    #openstudio_profile_fullusername_mobile .openstudio-profile-expand-image,
    #openstudio_profile_fullusername_mobile .openstudio-profile-collapse-image {
        padding-left: 0;
        position: absolute;
        right: 11px;
    }
    #openstudio_profile_fullusername_mobile .openstudio-profile-fullname {
        margin-right: 6px;
    }

    .openstudio-grid-item-content-detail-owner-view-icon {
        display: inline-table;
        width: unset;
    }
    .openstudio-grid-item-content-box {
        clear: both;
    }
    .openstudio-tooltip {
        margin-bottom: 23px;
    }
    .openstudio-grid-item-content-detail-info-box .show-popup-comment .openstudio-tooltip {
        margin-bottom: 15px;
    }
    .openstudio-grid-item-content > a {
        display: flex;
        justify-content: center;
        clear: both;
    }
    .openstudio-content-view-file > a > img,
    .openstudio-content-view-file > iframe {
        width: 100%;
    }

    div.paging.openstudio-desktop-paging {
        display: none;
    }

    div.paging.openstudio-mobile-paging {
        white-space: normal;
        word-spacing: normal;
    }

    .openstudio-mobile-paging {
        display: block;
    }

    .openstudio-mobile-paging-first img:nth-child(2) {
        margin-left: -11px;
    }

    .openstudio-mobile-paging-current {
        padding: 0 5px;
    }

    .openstudio-profile-info .openstudio-profile-description {
        width: calc(100% - 75px);
        margin-top: -4px;
    }

    .openstudio-profile-participation .openstudio-profile-label-title {
        font-size: 1.28571em;
        margin-top: 14px;
        width: 200px;
    }

    /**
     * Common dialogue
     */

    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue .moodle-dialogue-hd span:first-child {
        padding: 8px 18px;
    }

    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-ft
    .yui3-widget-buttons {
        padding-right: 10px;
    }

    .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-bd {
        padding-left: 20px;
        padding-right: 20px;
    }

    .path-mod-openstudio .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-content
    .moodle-dialogue-ft {
        padding-left: 20px;
        padding-right: 20px;
    }

    .moodle-dialogue-base .openstudio-dialogue.moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
        margin: 0;
    }

    #fitem_id_uploadcontent {
        display: none;
    }

    .openstudio-folder-view-content .openstudio-folder-view-add-new-content {
        width: calc(100% - 70px);
    }

    /**
     * Grid
     */
    .openstudio-grid {
        margin: 20px 20px 0 20px;
    }

    .openstudio-available {
        margin-bottom: 32px;
        font-size: 1.14285em;
    }

    .openstudio-upload-container img {
        margin-top: 40px;
    }

    .path-mod-openstudio .openstudio-grid {
        margin-left: 20px;
        margin-right: 20px;
    }

    .path-mod-openstudio .openstudio-add-new-container .openstudio-create-new-content {
        margin-bottom: 8px;
        border-radius: 8px;
        min-height: 130px;
        text-align: center;
    }

    .path-mod-openstudio .openstudio-create-new-content:first-of-type {
        margin-bottom: 15px;
    }

    .path-mod-openstudio .openstudio-create-new-content img {
        margin-top: 20px;
        margin-left: 0;
        height: 90px;
        width: initial;
        float: none;
    }

    .path-mod-openstudio .openstudio-add-new-container .openstudio-available {
        font-size: 1.14285em;
        margin-bottom: 28px;
    }

    .path-mod-openstudio .openstudio-create-content-title {
        display: none
    }

    .openstudio-navigation-text {
        display: none;
    }

    .openstudio-nav-settings {
        display: none;
    }

    .openstudio-buttons-settings {
        margin-right: 0;
        margin-top: 0;
    }

    .openstudio-subscribe-button,
    .openstudio-add-dashboard-button {
        float: left;
        width: 100%;
    }

    .openstudio-nav-primary {
        margin-top: 11px;
    }

    .path-mod-openstudio .administration{
        display: none;
    }

    .path-mod-openstudio .fitem_id_addlinkbutton {
        margin-bottom: 8px;
    }

    /* Prevent text break out of container */
    .path-mod-openstudio .filemanager-container {
        min-height: 160px;
    }

    .path-mod-openstudio #fitem_id_addfilebutton {
        margin-bottom: 6px;
    }

    .path-mod-openstudio #fgroup_id_showgpsarray .fitemtitle {
        display: none;
    }

    .path-mod-openstudio #fgroup_id_showgpsarray input[type='checkbox'] {
        margin-right: 2px;
    }

    .path-mod-openstudio #fgroup_id_ownershiparray input[type='radio'] {
        margin-right: 3px;
    }

    .openstudio-navigation-icon {
        width: 64px;
        margin-left: 0px;
    }

    .openstudio-navigation-notification {
        margin-top: 0;
        width: 72px;
        height: 78px;
    }
    .openstudio-navigation-notification:focus {
        background-color: #bfe2ef;
    }

    .openstudio-navigation-notification-icon {
        width: 64px;
        height: 64px;
        margin-top: 8px;
    }

    .path-mod-openstudio .openstudio_contentform_tag .fitemtitle {
        margin-top: 0;
    }

    .path-mod-openstudio .nav .dropdown-toggle .caret {
        display: none;
    }

    /* Remove the caret added by boost theme*/
    .path-mod-openstudio #region-main .nav .dropdown-toggle::after {
        display: none;
    }

    .path-mod-openstudio .nav-pills > li > a {
        height: 78px;
        margin: 0 20px 0 0;
        padding: 0px 0px 0px 8px;
        width: 72px;
    }

    .openstudio-navigation-icon {
        border: 0 none;
        margin-left: 0;
        padding-left: 0px;
        width: 64px;
    }

    .openstudio-header {
        margin-top: 12px;
    }
    #region-main > div[role="main"] h1.openstudio-nav-logo.osep-moduleheading {
        min-height: unset;
        padding-top: 0;
        margin-bottom: 9px;
    }
    .openstudio-nav-primary .nav-pills {
        background: unset;
    }

    .path-mod-openstudio .openstudio-nav-logo-wrapper {
        margin-left: 0px;
    }

    .openstudio-profile-view img.icon {
        width: 16px;
        margin-left: -4px;
    }

    .openstudio-navigation-notification-text {
        font-size: 1.28571em;
        margin-left: 40px;
        margin-top: 2px;
        width: 27px;
    }

    .path-mod-openstudio .dropdown-menu > li > a {
        font-size: 1.57142em;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
    }

    .path-mod-openstudio .dropdown-menu {
        border-radius: 0px;
        box-shadow: none;
        border: 0px;
    }

    .path-mod-openstudio .nav-pills .dropdown-menu {
        border-radius: 0px;
    }

    /**
    * People page.
    */
    #page-mod-openstudio-people .openstudio-profile-participation {
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 16px;
    }

    .openstudio-people-page {
        padding-bottom: 19px;
    }

    .openstudio-people-page .openstudio-profile-details .openstudio-profile-row {
        box-sizing: border-box;
    }

    .openstudio-people-page .openstudio-profile-work-progress .openstudio-profile-label-title {
        vertical-align: sub;
        margin-left: 1px;
        margin-bottom: 10px;
    }

    .openstudio-poeple-profile-work-progress {
        padding-bottom: 16px;
    }

    /**
     * Drop-down menu
     */

    /* For real mobile devices */
    .android.path-mod-openstudio .shared-content .dropdown-menu,
    .android.path-mod-openstudio .my-content .dropdown-menu,
    .ios.path-mod-openstudio .shared-content .dropdown-menu,
    .ios.path-mod-openstudio .my-content .dropdown-menu {
        width: 100vw;
    }

    /* For chrome */
    .path-mod-openstudio .shared-content .dropdown-menu {
        margin-left: -20px;
        width: calc(100vw - 17px); /* Exclude scrollbar width */
    }

    .path-mod-openstudio .my-content .dropdown-menu {
        margin-left: -218px;
        width: calc(100vw - 17px); /* Exclude scrollbar width */
    }

    /* For edge */
    @supports (-ms-ime-align:auto) {
        .path-mod-openstudio .shared-content .dropdown-menu,
        .path-mod-openstudio .my-content .dropdown-menu {
            width: calc(100vw - 15px); /* Exclude scrollbar width */
        }
    }

    /* For firefox */
    @-moz-document url-prefix() {
        .path-mod-openstudio .shared-content .dropdown-menu,
        .path-mod-openstudio .my-content .dropdown-menu {
            width: 100vw;
        }
    }

    .openstudio-container {
        margin-left: -19px;
        margin-right: -19px;
        margin-top: 10px;
    }
    .openstudio-folder-header {
        margin-top: 10px;
    }

    .openstudio-grid-item {
        width: 100%;
    }

    .openstudio-view-items-profile {
        margin: 0 20px;
    }

    .openstudio-filter-text a {
        font-size: 1.428571em;
    }

    .openstudio-filter-divider {
        line-height: 38px;
    }

    .openstudio-profile-bar .openstudio-profile-progress-content {
        margin-left: 0px;
        margin-top: 4px;
    }

    .openstudio-content-view-profile-bar,
    .openstudio-filter {
        padding: 6px 15px 11px 0;
    }

    .openstudio-filter-collapsed,
    .openstudio-filter-icon {
        background-size: 16px 16px;
        padding-right: 24px;
    }

    .openstudio-filter-sort-text {
        font-size: 1.28571em;
        padding-left: 9px;
    }

    .openstudio-filter-sort-divider {
        border-right: 0px;
        padding-right: 0px;
    }

    .openstudio-filter-sort-text-title {
        margin-left: -10px;
    }

    .openstudio-add-new-container {
        padding: 12px 15px 0;
    }

    .openstudio-add-title {
        background-size: 25px 25px;
        line-height: 25px;
        padding-left: 30px;
        font-size: 1.42857em;
        font-weight: bold;
    }

    .openstudio-add-new {
        padding-bottom: 19px;
        padding-top: 2px;
    }

    .openstudio-actvity-title {
        font-size: 1.57142em;
    }

    .openstudio-upload-container {
        border-radius: 6px;
        height: 180px;
    }

    .openstudio-upload-container  img {
        height: 100px;
    }

    .openstudio-create-new-folder {
        border-radius: 6px;
        background-size: 100px 100px;
        height: 120px;
    }

    .openstudio-create-new-content .openstudio-create-content-title {
        font-size: 1.28571em;
    }

    /**
     * Grid item
     */
    .openstudio-grid-item-content {
        padding: 5px 15px 0;
    }

    .openstudio-grid-item-content-title {
        font-size: 1.42857em;
        padding-top: 3px;
        padding-bottom: 20px;
    }

    .openstudio-grid-item-content-detail-updated {
        font-size: 1.28571em;
        padding-bottom: 16px;
    }

    .openstudio-grid-item-content-detail {
        padding-top: 9px;
    }

    .openstudio-grid-item-content-detail-owner-img img,
    .openstudio-grid-item-content-detail-owner-img span.userinitials,
    .openstudio-notification-body-owner-img img,
    .openstudio-notification-body-owner-img span.userinitials {
        width: 46px;
        height: 46px;
    }

    .openstudio-grid-item-content-detail-owner-name {
        font-size: 1.42857em;
        line-height: 25px;
        margin-bottom: 3px;
    }

    .openstudio-grid-item-content-detail-owner-view {
        font-size: 1.28571em;
    }

    .openstudio-grid-item-content-detail-owner-view img {
        width: 16px;
    }

    .openstudio-grid-item-content-detail-owner {
        margin-bottom: 30px;
    }

    .openstudio-grid-item-content-detail-info {
        height: 50px;
        margin-left: 0;
        text-align: left;
        padding-top: 7px;
    }
    .openstudio-grid-item-content-detail-info-group {
        width: 250px;
        max-width: 250px;
    }

    .openstudio-grid-item-content-detail-info-icon {
        width: 24px;
        height: 24px;
    }

    .openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text-new {
        margin-left: 17px;
        font-size: 1.28571em;
        margin-top: 1px;
        width: 32px;
        height: 28px;
    }

    .openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-text {
        position: absolute;
        font-size: 1.28571em;
        margin-bottom: -9px;
        width: 31px;
    }

    .openstudio-grid-item-content-detail-info .openstudio-grid-item-content-detail-info-box {
        width: 43px;
        text-align: left;
    }

    .openstudio-grid-item-content-detail-info-box:nth-child(n+2) {
        margin-left: 20px;
    }

    .openstudio-grid-item-content-preview-default {
        width: 100%;
    }

    .path-mod-openstudio .openstudio-content-edit-form #fgroup_id_buttonar {
        padding-left: 0px;
    }

    /**
     * Profile bar
     */
    .openstudio-profile-row {
        margin: 0 20px;
        min-height: 300px;
    }

    .openstudio-profile-info {
        width: 100%;
        min-height: 48px;
    }

    .openstudio-profile-active-date {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dfdfdf;
    }

    #openstudio_profile_bar,
    #profile_mypaticipation,
    #openstudio_profile_fullusername {
        display: none;
    }

    #openstudio_profile_fullusername_mobile,
    #openstudio_profile_active_date,
    #openstudio_profile_active_date_mobile {
        width: 100%;
        display: block;
    }

    #openstudio_profile_bar_mobile {
        width: 100%;
    }

    #openstudio_profile_bar_mobile.show {
        display: block;
    }

    .openstudio-profile-bar .openstudio-profile-progress-content {
        float: left;
    }

    .openstudio-profile-comment-view .openstudio-profile-comment img,
    .openstudio-profile-comment-view .openstudio-own-view img {
        padding-top: 2px;
        width: 24px;
    }

    .openstudio-profile-comment .openstudio-profile-comment-text,
    .openstudio-own-view .openstudio-profile-view-text1 {
        margin: 4px 0 0 7px;
    }

    .openstudio-profile-own-date {
        font-size: 1.142857em;
    }

    .openstudio-profile-last-active-date {
        font-size: 1.28571em;
        margin-top: 1px;
        margin-bottom: 5px;
    }

    .openstudio-profile-bar .openstudio-profile-bar-participation-content {
        position: relative;
        left: 0;
    }

    .openstudio-profile-comment-text,
    .openstudio-profile-view-text,
    .openstudio-profile-block {
        font-size: 1.142857em;
    }

    .openstudio-profile-bar .openstudio-profile-progress-title {
        margin: 7px 5px 8px 0;
        font-size: 1.28571em;
        width: 100%;
    }

    #profile_percent_mobile {
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .openstudio-profile-progress-content-description .openstudio-profile-progress-step {
        width: 16px;
        height: 16px;
    }

    .openstudio-profile-bar .openstudio-profile-progress-bar {
        padding-left: 0px;
        width: 100%;
    }

    .openstudio-profile-bar .openstudio-profile-comment-view {
        padding-left: 0px;
    }

    .openstudio-profile-comment,
    .openstudio-own-view {
        display: table;
    }

    .openstudio-profile-work-progress{
        width: 100%;
        padding-top: 5px;
    }

    .openstudio-profile-work-progress {
        margin-right: 0;
    }

    .openstudio-people-page .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress {
        width: 100%;
        margin-top: 0;
    }

    .openstudio-profile-work-progress.openstudio-poeple-profile-work-progress .openstudio-work-progress-percent {
        margin-right: 0;
    }

    .openstudio-people-page .openstudio-profile-details .openstudio-work-progress-container {
        width: auto;
        max-width: 242px;
    }

    .openstudio-profile-name {
        font-size: 1.42857em;
        margin: 3px 0 5px 0;
    }

    .openstudio-profile-view {
        font-size: 1.28571em;
        padding-right: 20px;
        background-size: 16px 16px;
    }

    .openstudio-profile-label-title {
        font-size: 1.28571em;
        margin-top: 5px;
    }

    .openstudio-profile-active-date-title {
        font-size: 1.142857em;
        padding-top: 7px;
    }

    .openstudio-profile-participation img {
        height: 25px;
        width: 25px;
    }

    .openstudio-profile-participation span {
        font-size: 1.14285em;
    }

    .openstudio-work-progress {
        width: 189px;
    }

    .openstudio-work-progress-percent {
        width: 15%;
        text-align: right;
        padding-left: 0;
    }

    .ios .openstudio-work-progress {
        margin-top: 0px;
    }

    .openstudio-profile-block {
        margin-top: 5px;
    }

    .openstudio-profile-progress {
        margin-top: 2px;
    }

    .openstudio-work-progress-container {
        margin-right: 0;
        width: 250px;
    }

    .openstudio-progressbar svg {
        width: 192px;
    }

    .openstudio-profile-participation-value {
        clear: both;
    }

    .openstudio-profile-participation-icon {
        float: left;
    }

    .openstudio-profile-participation-label {
        display: inline-block;
        margin-left: 5px;
    }

    .openstudio-profile-bar .openstudio-profile-head {
        width: calc(100% - 77px);
    }

    .openstudio-profile-bar .openstudio-profile-mypaticipation-content {
        height: unset;
    }

    .openstudio-profile-bar .openstudio-profile-mypaticipation {
        font-size: 1.428em;
        background-size: 20px 20px;
        width: 60%;
    }

    .openstudio-profile-bar .openstudio-profile-bar-participation-content {
        width: 100%;
        padding: 7px 0px 13px 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .openstudio-profile-head .openstudio-profile-date {
        float: none;
        display: block;
    }

    .openstudio-profile-bar-participation-content .openstudio-profile-bar-participation {
        padding-left: 0;
        width: 103px;
        font-size: 1.28571em;
    }

    .openstudio-profile-bar .openstudio-profile-comment-view {
        float: none;
        display: block;
    }

    .openstudio-profile-bar .openstudio-profile-progress-content {
        padding-left: 0;
    }

    .openstudio-profile-bar-participation-content .openstudio-profile-bar-participation {
        width: 100%;
    }

    .openstudio-profile-bar-participation-content .openstudio-profile-bar-participation img {
        width: 24px;
        height: 24px;
    }

    .openstudio-work-progress-percent {
        font-size: 1.14285em;
    }

    .openstudio-browse-post-item-img .openstudio-item-request-feedback,
    .openstudio-browse-post-item-img .openstudio-item-lock {
        display: block;
    }

    .openstudio-browse-post-item-img .openstudio-item-request-feedback span,
    .openstudio-browse-post-item-img .openstudio-item-lock span,
    .openstudio-content-view-primary .openstudio-item-request-feedback span,
    .openstudio-content-view-primary .openstudio-item-lock span,
    .openstudio-folder-view-primary .openstudio-item-request-feedback span,
    .openstudio-folder-view-primary .openstudio-item-lock span {
        font-size: 1.28571em;
    }

    /**
     * End profile bar
     */

    .openstudio-content-view-container {
        padding: 15px 15px 25px;
        margin: 20px 20px 12px 20px;
    }

    .openstudio-content-view-primary {
        margin-right: 0px;
        width: 100%;
        position: relative;
    }

    .openstudio-content-view-secondary {
        width: 100%;
        float: left;
    }

    .openstudio-folder-header .openstudio-folder-header-left {
        padding-top: 4px;
        max-width: 100%;
    }

    .openstudio-folder-header .openstudio-folder-header-right {
        float: left;
        margin-top: 15px;
    }

    .openstudio-folder-view-buttons {
        float: none;
    }

    .openstudio-folder-view-container .openstudio-content-view-animation-icons {
        padding-left: 0px;
    }

    .openstudio-folder-header-right .openstudio-folder-header-title {
        font-size: 1.28571em;
    }

    .openstudio-folder-header-right img,
    .openstudio-folder-view-title-icon img {
        display: none;
    }

    .openstudio-folder-view-title-background {
        padding-bottom: 8px;
    }

    .openstudio-folder-view-title > span {
        font-size: 1.42857em;
        margin-bottom: 20px;
        margin-right: 0px;
        width: 100%;
    }

    .openstudio-folder-view-primary {
        padding: 0;
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 25px;
    }

    .openstudio-folder-view-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .openstudio-folder-view-content .openstudio-folder-view-add-new-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .openstudio-upload-folder {
        height: 130px;
        width: 100%;
        border-radius: 8px;
    }

    .openstudio-new-folder-title,
    .openstudio-select-post-title {
        display: none;
    }

    .openstudio-upload-folder .openstudio-new-folder-title-device,
    .openstudio-upload-folder .openstudio-select-post-title-device {
        display: none;
    }

    .openstudio-folder-header .openstudio-folder-header-left {
        width: 100%;
    }

    .openstudio-folder-show-content-block {
        width: auto;
        margin: 0px 10px 20px 10px;
        padding-bottom: 20px;
    }

    .openstudio-folder-show-content-block-link-title {
        font-size: 1.57142em;
    }

    .openstudio-folder-show-content-block-title {
        min-height: 45px;
    }

    .openstudio-folder-show-content-block-date {
        font-size: 1.28571em;
    }

    .openstudio-grid-item-folder-preview {
        margin-bottom: 15px;
        width: auto;
    }

    .openstudio-content-view-block-content {
        margin-bottom: 15px;
    }

    .openstudio-content-view-block-content {
        margin-bottom: 15px;
    }

    .openstudio-content-view-icon-favourite,
    .openstudio-content-view-icon-favourite-active,
    .openstudio-content-view-icon-favourite:hover {
        width: 80px;
        text-align: center;
    }

    .openstudio-content-view-animation-icons {
        margin-top: 28px;
    }

    .openstudio-folder-view-content {
        width: 100%;
    }

    .openstudio-folder-view-add-new-content-title {
        margin-top: 10px;
    }

    .openstudio-folder-view-add-new-content-title img {
        width: 25px;
    }

    .openstudio-folder-background .openstudio-default-folder-background-activities {
        width: 98%;
        margin-top: -4px;
    }

    .openstudio-default-folder-background-activities .openstudio-default-folder-img {
        margin-left: 8px;
    }

    .openstudio-content-view-animation-icons-left {
        width: 100%;
    }

    .openstudio-content-view-animation-icons-right {
        float: left;
        width: 100%;
    }

    .openstudio-content-view-maximize-box {
        display: none;
    }

    .openstudio-content-view-tags {
        width: 100%;
    }

    .openstudio-content-view-archive {
        float: left;
    }

    .openstudio-content-view-animation-icons-right {
        float: left;
        margin-top: 10px;
        padding-left: 16px;
    }

    .openstudio-content-view-date {
        font-size: 1.28571em;
    }

    .openstudio-grid-item-content-subtitle {
        font-size: 1.428571em;
    }

    .openstudio-content-view-description {
        font-size: 1.285714em;
    }

    .openstudio-content-view-icon-participation {
        margin-left: 5px;
    }

    .openstudio-profile-work-progress .openstudio-profile-label-title,
    .openstudio-profile-work-progress {
        margin-left: 0px;
    }

    .openstudio-content-view-icon-inspiration,
    .openstudio-content-view-icon-inspiration-active,
    .openstudio-content-view-icon-inspiration:hover {
        margin-left: 13px;
    }

    .openstudio-content-view-icon-views-active {
        margin-left: 3px;
    }

    #openstudio_content_view_post_owner_heading {
        font-size: 1em;
        margin-top: 30px;
    }

    #openstudio_content_view_post_owner_heading a {
        padding-left: 15px;
    }
    .openstudio-folder-view-container .openstudio-content-view-icon-inspiration {
        margin-left: 13px;
    }

    .openstudio-content-view-block {
        height: 50px;
        line-height: 50px;
        font-size: 1em;
    }

    .openstudio-content-view-image-data-label {
        width: 110px;
        height: 31px;
        line-height: 31px;
    }

    .openstudio-content-view-block-content {
        margin-bottom: 15px;
    }

    .openstudio-content-view-actions-icons-left {
        float: none;
        margin-bottom: 10px;
    }

    .openstudio-content-view-actions-icons-right {
        float: left;
        padding-bottom: 25px;
    }

    .openstudio-content-view-tag-item {
        margin: 0px;
    }

    .openstudio-content-view-tags {
        margin-bottom: 0px;
    }

    .openstudio-content-view-title-box h1 {
        font-size: 1.42857em;
        width: 90%;
    }

    .openstudio-content-view-add-comment {
        margin-bottom: 10px;
    }

    .openstudio-content-view-user-info-name {
        font-size: 1.28571em;
        line-height: 21px;
    }

    .openstudio-content-view-user-info {
        width: calc(100% - 76px);
    }

    .openstudio-grid-item-content-detail-owner-info {
        width: calc(100% - 56px);
    }

    /* Browse posts */

    .openstudio-folder-browse-posts-header-result-label {
        float: none;
        text-align: left;
    }

    .openstudio-folder-browse-posts-header-result-buttons {
        float: left;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .openstudio-folder-browse-posts-searched-header,
    .openstudio-browse-post-item-filename,
    .openstudio-browse-post-item-location-box {
        display: none;
    }

    .openstudio-browse-post-item-title {
        font-size: 1.28571em;
    }

    .openstudio-browse-post-item-date {
        font-size: 1.14285em;
    }

    .openstudio-browse-post-item-img {
        width: 100%;
        padding-top: 9px;
        width: 235px;
    }

    .openstudio-browse-post-item-img .openstudio-browse-post-item-thumbnail {
        height: auto;
        width: 250px;
    }

    .openstudio-browse-post-item-title-box {
        width: 100%;
    }

    #browse_post_item_title_box_mobile {
        display: block;
        padding: 0px 15px;
    }

    #browse_post_item_title_box {
        display: none;
    }

    .openstudio-browse-post-item-button {
        clear: both;
        position: unset;
        padding: 13px 0px 15px 15px;
    }

    .openstudio-browse-post-item-img {
        padding-left: 15px;
    }

    .openstudio-browse-post-item-img-default {
        clear: left;
        height: 160px;
        text-align: center;
        width: 250px;
        margin-left: 15px;
        margin-top: 10px;
        padding-left: 0px;
        padding-top: 0px;
        position: relative;
    }

    .openstudio-browse-post-item-img-default .openstudio-browse-post-item-thumbnail {
        height: 80px;
        margin-top: 47px;
        object-fit: unset;
    }

    .openstudio-folder-browse-posts-header-result-buttons-bottom {
        float: left;
        margin: 15px 0px 33px 0px;
    }

    .openstudio-browse-post-item-title-box {
        line-height: 23px;
    }

    div.browse-post-item-even:first-child {
        border-top: 1px solid #b2bccd;
    }

    /**
     * Comment feature
     */
    .openstudio-content-view-user-info-view {
        font-size: 1.14285em;
    }

    .openstudio-content-view-version-img img {
        width: 48px;
    }

    .openstudio-content-view-user-picture img,
    .openstudio-content-view-user-picture span.userinitials {
        width: 48px;
        height: 48px;
    }

    .openstudio-content-view-version-info-name {
        font-size: 1.28571em;
    }

    .openstudio-content-view-version-date {
        font-size: 1.14285em;
        margin-top: 8px;
    }

    .openstudio-content-view-version-actions {
        padding-top: 0px;
        margin-top: 11px;
    }
    openstudio-content-view-version-actions input[name="viewversionbutton"] {
        margin-right: 6px;
    }

    .openstudio-content-view-image-data-label,
    .openstudio-content-view-image-data-value {
        font-size: 1.28571em;
    }

    .openstudio-grid-item-content-icon {
        height: 24px;
        margin-top: 10px;
        width: 24px;
    }

    .openstudio-grid-item-content-title {
        width: auto;
        max-width: 90%;
        margin-top: 5px;
    }

    .openstudio-tooltip .openstudio-tooltiptext {
        bottom: 75%;
        margin-left: -110px;
    }

    .openstudio-grid-item-content .openstudio-grid-item-content-detail-info-group .openstudio-tooltip .openstudio-tooltiptext {
        bottom: 135%;
    }

    .openstudio-grid-item-content .openstudio-tooltip {
        float: right;
    }

    .openstudio-grid-item-content .openstudio-grid-item-content-detail-info-group .openstudio-tooltip {
        float: unset;
    }

    .openstudio-tooltip .openstudio-tooltiptext::after {
        left: 78%;
    }
    .openstudio-grid-item-content .openstudio-grid-item-content-detail-info-group .openstudio-tooltip .openstudio-tooltiptext::after {
        left: 50%;
    }

    .openstudio-grid-item-content-detail-info .notifications .openstudio-tooltip .openstudio-tooltiptext {
        margin-left: -52px;
    }

    .openstudio-grid-item-content-detail-info .inspired .openstudio-tooltip .openstudio-tooltiptext {
        margin-left: -43px;
    }

    .openstudio-grid-item-content-detail-info .smiles .openstudio-tooltip .openstudio-tooltiptext {
        margin-left: -39px;
    }

    .openstudio-grid-item-content-detail-info .favourites .openstudio-tooltip .openstudio-tooltiptext {
        margin-left: -51px;
    }

    .openstudio-content-view-version-title-box .openstudio-content-view-title {
        margin: 0px;
    }

    .openstudio-content-view-current-version {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .openstudio-content-view-current-version #id_currentversionbutton img {
        margin-right: -1px;
        vertical-align: text-bottom;
    }

    .openstudio-tooltip .openstudio-tooltiptext-onlyme {
        margin-left: -40px;
    }

    .openstudio-filter {
        display: none;
    }

    .openstudio-filter-mobile {
        display: block;
    }

    .openstudio-filter-icon-expanded {
        background-size: 20px auto;
        background-position: right 15px top 9px;
        width: 100%;
        padding-right: 0px;
    }

    .openstudio-filter-text {
        width: 100%;
        display: block;
    }

    #openstudio-preference-quick-select {
        border-top: none;
        height: 43px;
    }

    .openstudio-preference-item {
        border-top: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        margin-left: 15px;
        display: block;
        height: 42px;
        line-height: 43px;
    }

    .openstudio-preference-content {
        margin-left: 10px;
        margin-right: 10px;
    }

    .openstudio-preference-item:nth-child(4),
    .openstudio-preference-item:nth-child(5) {
        height: 52px;
    }

    .openstudio-preference-item:last-of-type {
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 25px;
    }
    .openstudio-preference-item:last-of-type .openstudio-filter-select {
        display: inline-flex;
        width: 100%;
    }
    .openstudio-preference-item:last-of-type .openstudio-filter-select select,
    .openstudio-preference-item:last-of-type .openstudio-filter-select span {
        margin-right: 10px;
        width: 100%;
        margin-left: 7px;
    }

    #openstudio-filter-select-work {
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
        width: initial;
    }

    .openstudio-filter-link,
    a.openstudio-filter-preference-icon {
        width: 100%;
        display: block;
        line-height: 54px;
        text-decoration: none;
    }

    .path-mod-openstudio [data-toggle="collapse"] .openstudio-expand-image,
    .path-mod-openstudio [data-toggle="collapse"] .openstudio-collapse-image {
        right: 15px;
        left: auto;
    }

    .openstudio-filter-preference-text .openstudio-filter-text a {
        font-size: 1.428571em;
        font-weight: 700;
    }

    .openstudio-filter-preference-text img{
        width: 20px;
        margin-right: 15px;
    }

    .openstudio-filter-select {
        padding-left: 0;
        display: block;
        margin-top: 15px;
    }

    .openstudio-filter-select select {
        height: 26px;
        font-size: 1.14285em;
        margin-top: -4px;
    }

    .openstudio-filter-select select#filter_block_activity {
        width: 176px;
    }

    .openstudio-filter-select-group {
        width: 168px;
    }

    #openstudio-filter-select-work-label {
        margin-left: 0;
    }

    .path-mod-openstudio .openstudio-filter-select label {
        font-size: 1.28571em;
        margin-left: 10px;
    }

    .openstudio-filter-sort-text img {
        width: 16px;
        height: 16px;
    }

    .openstudio-filter-collapsed, .openstudio-filter-icon {
        padding-right: 0px;
    }

    .openstudio-profile-bar .collapsed {
        background-position: right 20px top 17px;
    }

    .openstudio-work-progress-percent {
        font-size: 1.14285em;
        color: #464542;
        line-height: 30px;
        margin-top: -3px;
        width: auto;
    }

    /**
     * Actitity
     */

    .openstudio-activity-title-wrapper:nth-child(n+5) {
        margin-bottom: -4px;
    }

    .openstudio-add-new-activity .openstudio-add-new {
        padding-top: 0;
    }

    .openstudio-add-new-activity .openstudio-add-new > a {
        margin-bottom: 1px;
    }

    .openstudio-add-new-activity .openstudio-add-new-folder > a {
        margin-bottom: 9px;
    }

    .openstudio-activity-grid {
        padding-bottom: 6px;
    }

    .openstudio-activity-grid:last-child {
        padding-bottom: 0;
        margin-bottom: -2px;
    }

    .openstudio-add-new-activity .openstudio-upload-container,
    .openstudio-add-new-activity .openstudio-folder-content .openstudio-folder-background {
        margin-bottom: 0;
    }

    .openstudio-activity-grid .openstudio-grid-item .openstudio-grid-item-content .openstudio-tooltip + a {
        clear: left;
        position: relative;
        display: flex;
        justify-content: center;
    }

    /**
     * Comment feature
     */
    .openstudio-comment-form-header {
        margin-bottom: 8px;
        padding-left: 14px;
        padding-top: 5px;
        padding-bottom: 7px;
        line-height: 25px;
    }

    .openstudio-new-folder-title-device {
        display: none;
    }

    .openstudio-folder-view-container .openstudio-content-view-secondary {
        width: 100%;
    }

    .openstudio-upload-new-content-to-folder,
    .openstudio-select-existing-post {
        width: 90px;
        margin-top: 20px;
    }

    .openstudio-folder-view-container {
        margin-left: 20px;
        margin-right: 20px;
        border-radius: 6px;
    }

    .openstudio-folder-header {
        margin-bottom: 10px;
    }

    .openstudio-folder-view-primary {
        border-radius: 6px;
    }

    .openstudio-folder-show-content-block:nth-child(odd) {
        margin-left: 10px;
    }

    .openstudio-folder-show-content-block,
    .openstudio-folder-show-content-block:nth-child(odd) {
        width: 200px;
    }

    /**
     * Order posts 767
     */
    .openstudio-orderpost-body {
        max-height: none;
        overflow-y: none;
    }

    .openstudio-orderpost-item-row > div {
        display: inline-block;
    }

    .openstudio-orderpost-item-column2 {
        float: right;
        width: 100%;
        text-align: center;
    }

    .openstudio-orderpost-item-picture img {
        width: 100%;
    }

    .openstudio-orderpost-item-ordernumber-guide {
        display: inline-block;
        padding-right: 6px;
        padding-top: 2px;
    }

    .openstudio-orderpost-item {
        display: block;
    }

    .openstudio-orderpost-item-row {
        display: flex;
        flex-wrap: wrap;
    }

    .openstudio-orderpost-item-column1 {
        order: 1;
    }

    .openstudio-orderpost-item-column2 {
        order: 3;
    }

    .openstudio-orderpost-item-column3 {
        order: 2;
        width: calc(100% - 55px);
        max-width: none;
    }

    .openstudio-orderpost-item-column4 {
        order: 4;
    }

    .openstudio-orderpost-item-column4 {
        float: left;
        padding-right: 0;
        width: 100%;
        padding-top: 10px;
    }

    .openstudio-orderpost-item-column4 ul {
        display: flex;
    }

    .openstudio-orderpost-item-column4 ul li:first-child {
        order: 2;
        margin-left: auto;
    }

    .openstudio-orderpost-item-column4 ul li:nth-child(2) {
        order: 1;
        margin-right: auto;
        text-align: left;
    }

    .openstudio-orderpost-item-column4 ul li:nth-child(2) .openstudio-orderpost-item-order-number-input {
        float: right;
    }

    .openstudio-orderpost-item-column4 ul li:nth-child(3) {
        order: 3;
    }

    .openstudio-orderpost-item {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        width: auto;
    }

    .openstudio-orderpost-save-button {
        margin-top: 9px;
    }

    .openstudio-orderpost-header-hint {
        margin-bottom: 0;
    }

    .openstudio-orderpost-header-save,
    .openstudio-orderpost-footer-save {
        margin: 12px 0;
    }

    .openstudio-orderpost-item-column2 {
        padding-top: 0px;
    }

    .openstudio-orderpost-item-order {
        width: 36px;
        height: 36px;
        margin-left: 0px;
        font-size: 1.428em;
        display: table-cell;
        vertical-align: middle;
    }

    .openstudio-orderpost-item-ordernumber-guide {
        font-size: 1em;
    }

    .openstudio-orderpost-item-name {
        font-size: 1.285em;
        margin-top: -5px;
        word-break: break-word;
    }

    .openstudio-orderpost-item-date {
        font-size: 1.142em;
        margin-top: -2px;
    }

    .openstudio-orderpost-item-moveup-button,
    .path-mod-openstudio .openstudio-orderpost-item-moveup-button:hover,
    .path-mod-openstudio .openstudio-orderpost-item-moveup-button:focus {
        margin-right: 12px;
    }

    .path-mod-openstudio .openstudio-orderpost-item-order-number-input {
        height: 21px;
        width: 32px;
        margin: 0 6px;
        font-size: 1em;
    }

    .openstudio-orderpost-item-moveup-button img,
    .openstudio-orderpost-item-movedown-button img {
        width: 28px;
        height: 28px;
        margin-left: 5px;
    }

    .openstudio-orderpost-item-column3 {
        padding-left: 6px;
    }

    /**
     * End order posts
     */

    /**
     * Subscription dialogue
     */

    .moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue .moodle-dialogue-bd {
        padding: 1px 5px;
    }

    .path-mod-openstudio .moodle-dialogue-base .openstudio-subscribe-dialog-container.moodle-dialogue
    .moodle-dialogue-content .moodle-dialogue-ft {
        padding-top: 29px;
    }

    .moodle-dialogue-base .openstudio-subscribe-dialog-container .moodle-dialogue-wrap .moodle-dialogue-hd,
    .moodle-dialogue-base .openstudio-subscribe-dialog-container .moodle-dialogue-wrap
    .moodle-dialogue-hd.yui3-widget-hd {
        padding: 11px 40px 8px 20px;
    }

    .openstudio-fd-subscription {
        margin: 18px 0;
    }

    .openstudio-fd-subscription-tablecell {
        padding: 6px 5px;
        font-size: 1.28571em;
    }

    .openstudio-fd-subscription-tablecell:nth-child(2) {
        font-size: 1em;
    }

    .openstudio-fd-subscription-tablecell select {
        height: 27px;
        font-size: 1.14285em;
    }

    .openstudio-subscription-header {
        font-size: 1em;
    }

    /**
     * View deleted posts
     */

    .openstudio-view-deleted-body {
        max-height: none;
        overflow-y: none;
    }

    .openstudio-view-deleted-item-row > div {
        display: inline-block;
    }


    .openstudio-view-deleted-item-picture img {
        width: 100%;
        height: auto;
    }

    .openstudio-view-deleted-item-ordernumber-guide {
        display: inline-block;
        padding-right: 6px;
        padding-top: 2px;
    }

    .openstudio-view-deleted-item {
        display: block;
    }

    .openstudio-view-deleted-item-row {
        display: flex;
        flex-wrap: wrap;
    }

    .openstudio-view-deleted-item-column1 {
        order: 2;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 13px;
    }

    .openstudio-view-deleted-item-column2 {
        order: 1;
        width: 100%;
        padding-bottom: 0;
        padding-top: 0;
    }

    .openstudio-view-deleted-item-column3 {
        order: 3;
        width: 100%;
        padding-left: 0;
    }

    .openstudio-view-deleted-item {
        padding: 15px;
        width: auto;
    }

    .openstudio-view-deleted-header-hint {
        margin-bottom: 4px;
    }

    .openstudio-view-deleted-item-name {
        font-size: 1.285em;
        margin-top: -5px;
        word-break: break-word;
    }

    .openstudio-view-deleted-item-date {
        font-size: 1.142em;
        margin-top: -2px;
    }

    /**
     * End view deleted posts
     */

    /**
     * Archive
     */

    .openstudio-content-view-version-label {
        display: none;
    }

    .openstudio-content-view-version-navigation {
        float: right;
    }

    .openstudio-content-view-version-divider {
        height: 20px;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 1px;
    }

    .openstudio-folder-content .openstudio-item-request-feedback,
    .openstudio-folder-content .openstudio-item-lock {
        margin-top: 24px;
    }

    .openstudio-folder-background .openstudio-content-folder-img {
        width: 144px;
    }

    .openstudio-content-view-title {
        margin: 1px 0 10px;
    }

    .openstudio-content-view-version-title-box .openstudio-content-view-title {
        font-size: 1.5714em;
    }

    .openstudio-content-view-user-info-view img {
        width: 15px;
        height: 15px;
    }

    .openstudio-content-view-archive {
        margin-bottom: 2px;
    }

    .openstudio-select-content {
        margin-left: 0;
    }

    .openstudio-content-view-block a, .openstudio-content-view-block a:hover, .openstudio-content-view-block a:focus {
        padding-left: 10px;
    }

    a.openstudio-filter-preference-icon:hover {
        text-decoration: none;
    }

    .openstudio-folder-available {
        font-size: 1.142857em;
        margin-bottom: 15px;
    }

    .openstudio-profile-active-date {
        padding-bottom: 19px;
    }

    .openstudio-upload-folder {
        text-align: center;
    }

    .path-mod-openstudio .openstudio-request-feedback-button {
        margin-left: 0px;
    }

    .openstudio-upload-new-content-to-folder, .openstudio-select-existing-post {
        float: none;
    }

    .openstudio-content-view-block {
        background-position: right 15px center;
    }

    /* Folders in landscape view on iPhone */
    .openstudio-folder-content,
    .openstudio-grid-item-content-detail-updated.flex-center > .openstudio-detail-date {
        width: 250px;
        max-width: 250px;
        margin-left: 0;
    }

    .openstudio-folder-content .openstudio-folder-background {
        width: 88%;
        padding-left: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .openstudio-folder-background .openstudio-content-folder-img {
        height: 131px;
        width: 212px;
        border: 7px solid #ffffff;
    }

    .openstudio-folder-background .openstudio-default-folder-background {
        height: auto;
        padding: 11px 12px 10px 10px;
    }

    .openstudio-default-folder-background .openstudio-default-folder-img {
        height: 64px;
        padding-bottom: 27px;
        padding-top: 27px;
    }

    .openstudio-default-folder-background .openstudio-default-folder-empty-img {
        height: 80px;
    }

    .openstudio-item-request-feedback,
    .openstudio-item-lock {
        height: 27px;
        line-height: 27px;
    }

    .openstudio-navigation-notification-number {
        margin-top: 0px;
        margin-left: 2px;
        width: 24px;
    }
    body.ie .openstudio-navigation-notification-number {
        margin-top: 0;
        margin-left: -35px;
    }

    .openstudio-folder-content .openstudio-item-request-feedback,
    .openstudio-folder-content .openstudio-item-lock {
        margin-top: 35px;
    }

    .openstudio-folder-view-title {
        width: 100%;
    }

    .path-mod-openstudio .modal-container .modal {
        margin-top: 0px;
    }

    .path-mod-openstudio .openstudio-container .openstudio-module-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .path-mod-openstudio .openstudio-container .openstudio-module-title h1,
    .path-mod-openstudio .openstudio-container .openstudio-module-title .openstudio-banner {
        padding-left: 20px;
    }

    .path-mod-openstudio .openstudio-container .openstudio-module-subtitle {
        padding: 11px 20px 19px;
        font-size: 1.275em;
        line-height: 23px;
    }

    .path-mod-openstudio .openstudio-container .pinboard-subttile,
    .path-mod-openstudio .openstudio-container .activities-subttile {
        padding-bottom: 15px !important;;
    }

    .path-mod-openstudio .openstudio-container .mymodule-subttile.subtitle-sharetoview,
    .path-mod-openstudio .openstudio-container .mygroup-subttile.subtitle-sharetoview {
        padding-top: 10px !important;
    }

    .path-mod-openstudio .openstudio-container .subtitle-people {
        padding-top: 12px;
    }

    .path-mod-openstudio .openstudio-container .openstudio-module-title .openstudio-banner {
        padding-bottom: 0;
        padding-top: 15px;
        margin-right: 0;
    }

    .path-mod-openstudio .openstudio-container .openstudio-module-title .openstudio-banner > .openstudio-banner-label {
        height: 26px;
        padding: 0 14px 0 15px;
        font-size: 1.28571em;
    }
    .openstudio-navigation-notification-icon {
        width: 64px;
        height: 64px;
    }

    .openstudio-people-participation-comments {
        margin-top: 15px;
    }

    .openstudio-folder-global-background .openstudio-content-view-description:empty {
        display: none;
    }

    .openstudio-folder-global-background .openstudio-content-view-description p:last-child {
        margin-bottom: 0px;
    }

    .openstudio-folder-global-background .openstudio-content-view-date-box + .clearfix  + div:empty + div + .openstudio-content-view-animation-icons {
        margin-top: 27px;
    }

    @-moz-document url-prefix() {
        .openstudio-folder-global-background .openstudio-content-view-date-box + .clearfix  + div:not(:empty) + div + .openstudio-content-view-animation-icons {
            margin-top: 25px;
        }
    }

    .path-mod-openstudio .content-block-social-group {
        display: flex;
        width: 100vw !important;
        max-width: 100vw !important;
        justify-content: space-around;
    }
}

/* Mobile small. */
@media (max-width: 419px) {

    .openstudio-content-view-file > iframe {
        max-width: 252px;
    }

    .openstudio-navigation-notification {
        margin-top: 0;
        width: 60px;
        height: 60px;
        padding-left: 0;
    }

    .openstudio-navigation-icon {
        border: 0 none;
        margin-left: 0;
        width: 48px;
        padding-left: 6px;
        margin-top: 6px;
    }

    .openstudio-subscribe-button {
        float: left;
    }

    .openstudio-add-dashboard-button {
        float: left;
        clear: left;
    }

    .path-mod-openstudio .nav-pills > li > a {
        height: 60px;
        width: 60px;
        padding: 0px;
        margin: 0px;
    }

    .path-mod-openstudio .nav-tabs > li, .nav-pills > li {
        float: left;
        height: 60px;
        margin-right: 15px;
    }

    .openstudio-navigation-notification-icon {
        margin-top: 6px;
        margin-left: 6px;
        width: 48px;
        height: 48px;
    }

    .openstudio-navigation-notification-text {
        font-size: 1.28571em;
        margin-left: 32px;
        margin-top: -4px;
        width: 27px;
    }

    .path-mod-openstudio .shared-content .dropdown-menu {
        margin-top: 4px;
    }

    .path-mod-openstudio .my-content .dropdown-menu {
        margin-left: -170px;
        margin-top: 4px;
    }

    .openstudio-filter-divider {
        border-right: 0px;
    }

    .openstudio-grid-item-content-detail-info {
        margin-left: 0px;
        text-align: left;
    }

    .openstudio-buttons-settings {
        margin-top: 0px;
        margin-right: 0px;
    }

    .openstudio-create-folder-button {
        float: left;
        padding-top: 18px;
        margin-bottom: -10px;
    }

    .openstudio-add-file-button .fitemtitle,
    .openstudio-add-link-button .fitemtitle {
        display: none;
    }

    .openstudio-add-link-button {
        margin-left: 90px;
    }

    .path-mod-openstudio #fgroup_id_ownershiparray span:nth-child(2) {
        padding-left: 0px;
    }

    .path-mod-openstudio .mform .fcheckbox > span,
    .path-mod-openstudio .mform .fradio > span,
    .path-mod-openstudio .mform .fgroup > span {
        display: block;
    }

    .openstudio-profile-bar .openstudio-profile-mypaticipation-content {
        width: 100%;
        height: 25px;
    }

    .ios .openstudio-profile-bar .openstudio-profile-progress-content .openstudio-profile-progress-percent {
        display: block;
    }

    .openstudio-profile-bar .openstudio-profile-mypaticipation {
        padding-right: 38px;
        font-size: 1.428em;
    }

    .openstudio-profile-mypaticipation-content .openstudio-profile-date {
        font-size: 0.875em;
    }

    .openstudio-profile-head .openstudio-profile-date {
        float: none;
    }

    .openstudio-profile-date .openstudio-profile-last-active-date {
        font-size:  1.285em;
    }

    .openstudio-profile-bar-participation-content .openstudio-profile-bar-participation {
        margin-bottom: 0px;
    }

    span.openstudio-content-view-title {
        padding-right: 10px;
    }

    .openstudio-content-view-version-title-box .openstudio-content-view-title {
        padding-bottom: 8px;
    }

    .openstudio-profile-comment-view .openstudio-profile-comment img,
    .openstudio-profile-comment-view .openstudio-own-view img {
        padding-top: 2px;
    }

    .openstudio-grid-item-content-title {
        max-width: 84%;
    }

    .openstudio-profile-info .openstudio-profile-description {
        width: calc(100% - 65px);
    }
    /**
     * Comment feature
     */

    .openstudio-comment-thread-list {
        margin-top: 10px;
    }

    .openstudio-comment-thread-header {
        margin-bottom: 10px;
        font-size: 1.428em;
    }

    .openstudio-comment-owner img,
    .openstudio-comment-owner span.userinitials {
        width: 53px;
        height: 53px;
    }

    .openstudio-comment-owner-name {
        display: inline-block;
        margin-left: 8px;
        font-size: 1.285em;
        float: left;
        margin-top: -4px;
        width: calc(100% - 56px);
    }

    .openstudio-comment-time {
        font-size: 1.142em;
        margin-left: 10px;
        display: block;
        float: left;
    }

    .openstudio-comment-text .text_to_html {
        font-size: 1.285em;
    }

    .openstudio-comment-thread-item .openstudio-comment-leftcolumn {
        width: 100%;
    }

    .openstudio-comment-thread-item .openstudio-comment-text {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .openstudio-comment-thread-item .openstudio-comment-metadata .openstudio-comment-leftcolumn {
        width: 74px;
    }

    .openstudio-comment-thread-item .openstudio-comment-metadata .openstudio-comment-rightcolumn {
        width: calc(100% - 74px);
        margin-top: 3px;
    }

    .openstudio-comment-thread-replied-items div.openstudio-comment-thread-item:nth-last-child(2)
    .openstudio-comment-metadata .openstudio-comment-rightcolumn {
        margin-top: 14px;
    }

    .openstudio-comment-thread-replied-items .openstudio-comment-text,
    .openstudio-comment-thread-original-item .openstudio-comment-text {
        padding-bottom: 10px;
        min-height: 0;
    }

    .openstudio-folder-view-comments #id_addcomment {
        margin-bottom: 20px;
        margin-left: 15px;
    }

    /**
     * End comment feature
     */

    .ios .openstudio-content-view-actions-icons-right {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .openstudio-folder-view-title {
        width: 100%;
        display: block;
    }

    .openstudio-folder-view-title-background {
        float: none;
    }

    .openstudio-upload-folder .openstudio-new-folder-title-device,
    .openstudio-upload-folder .openstudio-select-post-title-device {
        display: none;
    }

    .openstudio-comment-thread-replied-items .openstudio-comment-thread-item {
        padding-left: 27px;
    }
    .openstudio-comment-thread-replied-items .openstudio-comment-thread-item.openstudio-comment-reply-form {
        padding-left: 0;
        padding-right: 0;
    }

    .moodle-dialogue-base .openstudio-orderposts-dialogue.moodle-dialogue-fullscreen .moodle-dialogue-content
    .moodle-dialogue-bd {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
    }

    .openstudio-folder-preview-default img  {
        width: 200px;
    }

    .openstudio-folder-view-content .openstudio-folder-view-add-new-content {
        width: 228px;
    }

    /**
     * Order post
     */
    .openstudio-orderpost-item-column4 ul li:nth-child(2) .openstudio-orderpost-item-order-number-input {
        margin-top: 0;
        margin-left: 0;
    }

    .openstudio-folder-content {
        margin-left: 0px;
        width: 250px;
    }

    .openstudio-folder-background .openstudio-content-folder-img {
        border: 4px solid #ffffff;
    }

    #fgroup_id_openstudio_upload_content_buttons .helptooltip {
        display: none;
    }

    .openstudio-folder-content .openstudio-item-request-feedback,
    .openstudio-folder-content .openstudio-item-lock {
        height: 22px;
        line-height: 22px;
        margin-top: 24px;
    }

    /**
     * Folder overview 419
     */
    .openstudio-grid-item-folder-preview img {
        width: 200px;
    }

    .openstudio-folder-preview-default img {
        width: 72px;
    }
}

@media (max-width: 320px) {
    .path-mod-openstudio #openstudio_profile_fullusername_mobile {
        display: block !important;
    }
}

/* Notebook and Prism css */
#page-mod-openstudio-content #openstudio-content-previewipynb.show {
    display: block;
}

#page-mod-openstudio-content .openstudio-content-view-iframe.ipynb-hide-iframe {
    display:none;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-notebook {
    line-height: 1.5;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-stdout,
#page-mod-openstudio-content #openstudio-content-previewipynb .nb-stderr {
    white-space: pre-wrap;
    margin: 1em 0;
    padding: 0.1em 0.5em;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-stderr {
    background-color: #faa;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-cell + .nb-cell {
    margin-top: 0.5em;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output table {
    border: 1px solid #000;
    border-collapse: collapse;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output th {
    font-weight: bold;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output th,
#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output td {
    border: 1px solid #000;
    padding: 0.25em;
    text-align: left;
    vertical-align: middle;
    border-collapse: collapse;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-cell {
    position: relative;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-raw-cell {
    white-space: pre-wrap;
    background-color: #f5f2f0;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    padding: 1em;
    margin: .5em 0;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output {
    min-height: 1em;
    width: 100%;
    overflow-x: scroll;
    border-right: 1px dotted #ccc;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output img {
    max-width: 100%;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output:before,
#page-mod-openstudio-content #openstudio-content-previewipynb .nb-input:before {
    position: absolute;
    font-family: monospace;
    color: #999;
    left: -7.5em;
    width: 7em;
    text-align: right;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .nb-input:before {
    content: "In [" attr(data-prompt-number) "]:";
}
#page-mod-openstudio-content #openstudio-content-previewipynb .nb-output:before {
    content: "Out [" attr(data-prompt-number) "]:";
}
#page-mod-openstudio-content #openstudio-content-previewipynb div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
    max-height: none !important;
}

#page-mod-openstudio-content #openstudio-content-previewipynb {
    height: 590px;
    overflow: scroll;
    border: none;
    width: 100%;
    display: none;
}

#page-mod-openstudio-content #openstudio-content-previewipynb code[class*="language-"],
#page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

#page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
#page-mod-openstudio-content #openstudio-content-previewipynb code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

#page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
#page-mod-openstudio-content #openstudio-content-previewipynb code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {
    #page-mod-openstudio-content #openstudio-content-previewipynb code[class*="language-"],
    #page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"] {
        text-shadow: none;
    }
}

/* Code blocks */
#page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

#page-mod-openstudio-content #openstudio-content-previewipynb :not(pre) > code[class*="language-"],
#page-mod-openstudio-content #openstudio-content-previewipynb pre[class*="language-"] {
    background: #f5f2f0;
}

/* Inline code */
#page-mod-openstudio-content #openstudio-content-previewipynb :not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.comment,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.prolog,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.doctype,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.cdata {
    color: slategray;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.punctuation {
    color: #999;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .namespace {
    opacity: .7;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.property,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.tag,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.boolean,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.number,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.constant,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.symbol,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.deleted {
    color: #905;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.selector,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.attr-name,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.string,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.char,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.builtin,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.inserted {
    color: #690;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.operator,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.entity,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.url,
#page-mod-openstudio-content #openstudio-content-previewipynb .language-css .token.string,
#page-mod-openstudio-content #openstudio-content-previewipynb .style .token.string {
    color: #a67f59;
    background: hsla(0, 0%, 100%, .5);
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.atrule,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.attr-value,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.keyword {
    color: #07a;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.function {
    color: #dd4a68;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.regex,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.important,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.variable {
    color: #e90;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.important,
#page-mod-openstudio-content #openstudio-content-previewipynb .token.bold {
    font-weight: bold;
}
#page-mod-openstudio-content #openstudio-content-previewipynb .token.italic {
    font-style: italic;
}

#page-mod-openstudio-content #openstudio-content-previewipynb .token.entity {
    cursor: help;
}

.path-mod-openstudio .openstudio-module-title {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
}

.path-mod-openstudio .openstudio-module-title .openstudio-banner {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.path-mod-openstudio .openstudio-module-title .openstudio-banner > .openstudio-banner-label {
    display: flex;
    align-items: center;
    height: 25px;
    color: #ffffff;
    background-color: #0b55a8;
    padding: 0 9px 0 10px;
    border-radius: 4px;
    font-size: 1.14285em;
}

.path-mod-openstudio .openstudio-module-title .openstudio-banner > .btn-link > img.icon {
    margin-right: 0;
    margin-left: 5px;
}

.path-mod-openstudio #id_commentattachment_fieldset p {
    font-weight: 700;
}
.openstudio-profile-head.openstudio-profile-without-own-date {
    padding-bottom: 20px;
}

.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link {
    width: auto;
}

.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link [data-toggle="collapse"] .openstudio-collapse-image,
.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link [data-toggle="collapse"] .openstudio-expand-image,
.path-mod-openstudio .openstudio-filter-link a[data-toggle="collapse"] {
    position: static;
}

.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link [data-toggle="collapse"].collapsed .openstudio-collapse-image,
.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link [data-toggle="collapse"] .openstudio-expand-image {
    display: inline-block;
    padding-left: 5px;
}

.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link + .openstudio-filter-divider {
    padding-right: 0;
}

.path-mod-openstudio .openstudio-filter-text.openstudio-filter-link [data-toggle="collapse"].collapsed .openstudio-expand-image {
    display: none;
}

.path-mod-openstudio .openstudio-create-new-content {
    min-height: 66px;
    height: auto;
}

.path-mod-openstudio .openstudio-create-new-content img {
    margin-right: 9px;
}

.path-mod-openstudio .openstudio-create-new-content .openstudio-create-content-title {
    text-align: left;
    float: none;
    margin-left: 0;
}

.path-mod-openstudio .openstudio-content-view-description video{
    max-width: 100%;
    height: auto;
}

/* High contrast mode */

/* For firefox */
@media (forced-colors: active) {
    .gecko .openstudio-folder-content .openstudio-folder-background {
        border: 1px solid;
    }
}

@media (prefers-color-scheme: dark) {
    body:not(.safari) .openstudio-folder-content .openstudio-folder-background {
        border: 1px solid;
    }
}

@media (max-width: 1199px) {
    body#page-mod-openstudio-contentedit .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-3 p[id*="_label"] {
        float: left;
    }

    .path-mod-openstudio .openstudio-content-edit-form #fgroup_id_visibilityarray .col-md-9 fieldset > div {
        width: 50%;
    }
}