.content_sheet {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 30px); /* this is to accomodate the 30px margin on resources*/
        border: 1px solid transparent;
    }

    .content_sheet h2 {
        width: 100%;
        margin: 10px 0px 0px 2%;
    }

    .content_widget_container {
        flex: 1 1 25%;
        max-width: 25%;
    }

    .content_widget_container.bigger {
        flex: 2 1 50%;
        max-width: 50%;
    }

    #content_sheet_Top3 .content_widget_container {
        flex: 1 1 50%;
        max-width: 50%;
    }

    #content_sheet_Top3 .content_widget_container.bigger,
    #expo_welcome_video .content_widget_container.bigger  {
        flex: 2 1 100%;
        max-width: 100%;
    }

    .content_widget_toolbar {
        padding: 3px;
        margin-right: 30px;
    }

    .content_widget_toolbar a{
        font-family: arial, sans-serif;
        font-weight: bold;
        font-size: 0.9em;
    }

    .tote_toolbar_separator{
        padding: 0px 3px;
        color: rgba(255,255,255, 0.4);
    }

    .builder .content_widget_toolbar {
        /*background-color: #eee;*/
    }

    .content_widget_toolbar img {
        width: 25px;
        margin: 0px 5px;
    }

    .content_widget_toolbar img.delete {
        float: right;
    }

    .content_widget_toolbar .view_larger {

    }

    .content_widget_toolbar .toteitem_action {

    }

    .content_widget_title{
        color: #000;
        background-color: #fff;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 3px 8px 5px 8px;
        margin-right: 30px;
        font-family: arial, sans-serif;
        font-weight: bold;
    }

    .content_widget {
        height: 441px;
        background-color: #ffffff;
        box-shadow: 5px 5px 13px rgba(0,0,0,0.4);
        margin-right: 30px;
        margin-bottom: 30px;
        overflow: auto;
    }

    .image_container,
    .video_container,
    .pdf_container {
        overflow: hidden;
    }
    .video_container iframe {
        width: 100%;
        height: 100%;
    }
    .image_container img {
        object-fit: cover;
        object-position: 50% 50%;
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%
    }
    .pdf_container embed html body {
        background-color: #ffffff;
    }
    .url_image{
        width: 100%;
        height: calc(25vw - 90px);
        margin-bottom: 20px;
    }
    .url_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        overflow: hidden;
        border-bottom: 1px solid #d9d9d9;
    }
    .url_image img.generated_image {
        object-position: center top;
    }
    .url_title,
    .url_description,
    .url_url {
        font-size: 1em;
        line-height: 1.2;
        padding: 0px 20px;
        max-height: 19.2px;
        overflow: hidden;
    }
    .url_title {
        color: #424242;
        font-family: arial, sans-serif;
        font-weight: bold;
    }
    .url_description {
        color: #424242;
    }
    .url_url {
        padding-bottom: 10px;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    @media screen and (max-width: 1600px){
        .content_widget{
            height: 25vw;
        }
    }
    @media screen and (max-width: 1255px){
        .content_widget_container {
            flex: 1 1 50%;
            max-width: 50%;
        }
        .content_widget_container.bigger {
            flex: 2 1 100%;
            max-width: 100%;
        }
        .content_widget{
            height: 51vw;
        }
    }
    @media screen and (max-width: 740px){
        .content_widget_container {
            flex: 1 1 100%;
            max-width: 100%;
        }
        .content_widget{
            height: 100vw;
        }
        .content_widget_container.bigger .content_widget{
            height: 50vw;
        }
    }