@media (min-width: 641px) {
    .sidebar {
        width: 300px !important;
    }

    .blazor-webpage-body {
        padding: 20px;
    }
}

.blazor-webpage-top-image {
    width: 100%;
}




.blazor-active-item {
    border-width: 2px;
    border-color: red;
    background-color: gainsboro;
}

.blazor-webpage-container .blazor-active-item {
    border-width: 2px;
    border-color: red;
    background-color: gainsboro;
}

.sidebar {
    overflow-y: auto;
}

.blazor-webpage-item-number {
    font-size: 80%;
    font-weight: bold;
    top: 0px;
    right: 0px;
}

.innovate-blazor-sortlink {
    cursor: pointer;
    text-decoration: underline;
}



.blazor-form-header button {
    float: right;
}

.blazor-modal-container, .blazor-inpage-container {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 4px;
    padding-top: 58px;
    overflow-y: auto;
    z-index: 2000;
}

.blazor-modal-spacer, .blazor-inpage-spacer {
    width: 100%;
    max-height: 100%;
}

.blazor-modal-inner, .blazor-inpage-inner {
    margin-bottom: 18px;
    padding-left: 4px;
    padding-right: 4px;
    /*margin-left: auto;
    margin-right: auto;*/
    background: white;
    max-width: 95%;
    height: 100%;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #dddddd;
    background-color: #f2f5f8;
    /*background-color: rgba(255,255,255,1);
    background-color: rgba(var(--palette-neutral-0,255, 255, 255),1);*/
    box-shadow: rgba(102,102,102,1) 0 0 10px;
    /*box-shadow: rgba(var(--palette-neutral-60,102, 102, 102),1) 0 0 30px*/
}

@media (min-width: 800px) {
    .blazor-modal-inner {
        min-width: 800px;
    }
}

.blazor-form-header button {
    float: right;
}

.blazor-form-body {
    padding-bottom: 4px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.blazor-editor-switch-HTML {
    display: none;
}




.ql-toolbar, .ql-container {
    background-color: white;
}

.dropArea {
    border: 2px dashed steelblue;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: lightblue;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    min-height: 200px;
}

    .dropArea:hover {
        background-color: lightskyblue;
        color: #333;
    }

    .dropArea input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }


/*08-03-2021*/
.blazor-webpage-item img {
    max-width: 100%;
}

.blazor-editor-webpage-item-menu {
    border: 1px solid black;
}
/**17-3-2021/*/
.polaroid {
    background: #fff;
    padding: 1rem;
    box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2);
}

    .polaroid > img {
        max-width: 100%;
        height: auto;
    }

.blazor-webpage-container .default_image {
    padding-bottom: 4px;
}

.blazor-webpage-container .caption {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2em;
}

.blazor-webpage-container .item {
    display: inline-block;
    /*margin-top: 2rem;*/
    filter: grayscale(100%);
}

.filedefinitionoverview .item, .filedefinitionselector .item {
    display: inline-block;
}

.item .polaroid:before {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.35s;
}

.blazor-page-item-1 .item {
    transform: scale(0.8, 0.8) rotate(5deg);
    transition: all 0.35s;
}

.polaroid:before {
    height: 20%;
    width: 47%;
    bottom: 30px;
    right: 12px;
}

.blazor-webpage-container .polaroid:before {
    box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}

.blazor-page-item-1 .item .polaroid:before {
    transform: rotate(6deg);
}

.blazor-page-item-2 .item {
    transform: scale(0.8, 0.8) rotate(-5deg);
    transition: all 0.35s;
}

    .blazor-page-item-2 .item .polaroid:before {
        transform: rotate(-6deg);
    }

.blazor-page-item-4 .item {
    transform: scale(0.8, 0.8) rotate(3deg);
    transition: all 0.35s;
}

    .blazor-page-item-4 .item .polaroid:before {
        transform: rotate(4deg);
    }

.blazor-page-item-3 .item {
    transform: scale(0.8, 0.8) rotate(-3deg);
    transition: all 0.35s;
}

    .blazor-page-item-3 .item .polaroid:before {
        transform: rotate(-4deg);
    }

.blazor-webpage-container .item:hover {
    filter: none;
    transform: scale(1, 1) rotate(0deg) !important;
    transition: all 0.35s;
}

    .blazor-webpage-container .item:hover .polaroid:before {
        content: '';
        position: absolute;
        z-index: -1;
        transform: rotate(0deg);
        height: 90%;
        width: 90%;
        bottom: 0%;
        right: 5%;
        box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
        transition: all 0.35s;
    }

.blazor-filedefinition-title {
    font-weight: bold;
}
/*18-03-2021*/
.blazor-webpage-container-edit {
    border: 2px solid gray;
    margin-top: 4px;
}

.blazor-editor-webcontainer-menu, .blazor-editor-webpage-item-menu {
    margin-top: 4px;
    padding-left: 4px;
}

.blazor-editor-webcontainer-menu {
    background-color: rgba(250, 250, 250, 0.6);
}

.blazor-editor-webpage-item-menu {
    background-color: rgba(239, 239, 239, 0.6);
}
/*13-04-2021*/
.ql-editor {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    /* min-height: 120px;*/
}

.ql-toolbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/*21-09-2021*/
.blazor-editmode .blazor-webpage-container {
    border: 1px dashed #483658;
    padding: 4px;
}

    .blazor-editmode .blazor-webpage-container:hover {
        cursor: pointer;
    }

.blazor-editmode .blazor-webpage-container-column {
    border: 1px dotted #860cf2;
    padding: 4px;
}

.blazor-editmode .blazor-webpage-item {
    border: 1px dotted #5e181c;
    padding: 4px;
}

.layout-bar button {
    padding-left: 2px;
    padding-right: 2px;
}

.layout-bar img {
    /* width: 50%;
    height: 50%;*/
}

.active_1_column .btn_1_column,
.active_2_column .btn_2_column,
.active_3_column .btn_3_column,
.active_4_column .btn_4_column,
.active_6_column .btn_6_column,
.active_2_4_column .btn_2_4_column,
.active_4_2_column .btn_4_2_column,
.active_default .btn_default,
.active_polaroid .btn_polaroid,
.active_card_left .btn_card_left,
.active_card_right .btn_card_right {
    border: 2px solid black;
    background-color: lightblue;
}

.dropAreaDrag {
    background-color: rgba(80, 80, 80, 0.2);
}

.dropAreaDragItem {
    background-color: rgba(40, 40, 40, 0.2);
}
/*26/09/21*/
.img_icon {
    display: none;
}

.active_1_column .img_1_column,
.active_2_column .img_2_column,
.active_3_column .img_3_column,
.active_4_column .img_4_column,
.active_6_column .img_6_column,
.active_2_4_column .img_2_4_column,
.active_4_2_column .img_4_2_column,
.active_default .img_default,
.active_polaroid .img_polaroid,
.active_card_left .img_card_left,
.active_card_right .img_card_right {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
}


.layout-bar .dropdown-toggle, .layout-bar .btn {
    border: 1px groove rgba(0,0,0,0.4);
    margin-right: 4px;
}
/*6/10/21*/
.blazor-textbox-editable {
    border: 1px dotted black;
    padding-left: 2px;
    padding-right: 2px;
}

/*6/1/22*/
/*6/1/22*/

.filedefinitionoverview img, .filedefinitionselector img, .filedefinitionoverview .minimized, .filedefinitionoverview .minimized-used, .filedefinitionselector .minimized, .filedefinitionselector .minimized-used {
    width: 85%;
}

.filedefinitionoverview .minimized-used, .filedefinitionselector .minimized-used {
}

.filedefinitionselector, .filedefinitionoverview {
    width: 100%;
}

.blazor-active-item {
    border-width: 2px;
    border-color: red;
}

.ql-container.ql-snow {
    border: 0px !important;
}

.ql-editor {
    border: 1px dashed black;
    background-color: white;
    opacity: 60;
}

.ql-container {
    height: calc(100% - 42px) !important;
}
/*InnovateScaffolding Generated=true*/
.tooltip {
    z-index: 100000000000;
}

.blazor-page-menu-sub-container {
    background-color: darkkhaki;
}

.blazor-page-menu-sub-container-item a:hover, .blazor-page-menu-sub-container-item .btn:hover {
    background-color: lightgray;
}

.blazor-page-menu-sub-container-item-dropdown {
}

.blazor-page-menu-sub-container-item-label {
    white-space: nowrap;
    text-align: center;
    font-size: 80%;
    font-weight: 500;
}

.blazor-page-menu-sub-container-item .ql-toolbar {
    min-width: 174px;
}

.blazor-page-menu-sub-container-item-disabled .blazor-page-menu-sub-container-item-label {
    color: gray;
}

.img_gray {
    filter: opacity(20%);
}

.img_icon_block {
    display: block;
}

.blazor-page-menu-button, .img_gray {
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
}

.blazor-page-menu-btn-disabled {
    color: gray;
}

.blazor-page-menu-btn img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 16px;
    height: 16px;
}

.blazor-page-menu-btn span {
    white-space: nowrap;
}

.blazor-pagemenu-ribbon {
    padding: 2px;
}

.blazor-page-menu-sub-container-item, .blazor-page-menu-sub-container-item-disabled {
    min-height: 60px;
}

.blazor-page-menu-sub-container-item-last {
    border-right: 1px solid lightgray;
    margin-right: 4px;
}

.blazor-pagemenu-navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.blazor-page-menu-sub-container-item-header-bottom, span .blazor-page-menu-sub-container-item-header-bottom {
    bottom: 0px;
    position: absolute;
}

.blazor-pagemenu-navbar-item {
    padding-bottom: 8px;
}

.blazor-page-menu-sub-container-item-header {
    white-space: nowrap;
    font-size: 80%;
    font-weight: bold;
}

.polaroid_popup {
    width: 100%;
}

.file-definition-editor-component img {
    width: 100%;
}

.innovate-blazor-index-list th {
    vertical-align: top;
}

.innovate-blazor-index-list-filterbutton {
    border-radius: 4px;
    background-color: gray;
    color: white;
    padding: 2px;
}

.innovate-blazor-index-list-filterbutton-active {
    background-color: white;
    border: 1px solid gray;
    color: black;
}

.blazor-crumbtrail-list {
    list-style-type: none;
    padding-left: 0px;
}

    .blazor-crumbtrail-list li {
        display: inline;
    }

.blazor-crumbtrail a:hover, .blazor-crumbtrail .btn:hover {
    background-color: lightgray;
    border: 1px solid black;
}

.task-display-menu .blazor-crumbtrail-list a, .task-display-menu .blazor-crumbtrail-list .btn {
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid black;
    white-space: nowrap;
    font-size: 90%;
    margin-bottom: 4px;
    margin-top: 4px;
}

.task-display-menu .blazor-crumbtrail-list .btn {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
}

    .task-display-menu .blazor-crumbtrail-list a:hover, .task-display-menu .blazor-crumbtrail-list .btn:hover {
        background-color: #dddddd;
        border: 1px solid black;
    }

p {
    margin-bottom: 2px;
}

.blazor-webpage-map {
    height: 300px;
}

.blazor-page-menu-btn-active:hover {
    background-color: powderblue;
    text-decoration: underline;
    border: 1px solid black;
}

.blazor-page-menu-btn {
    margin-right: 4px;
    padding: 4px;
    white-space: nowrap;
    border-radius: 4px;
    text-align: center;
}
.blazor-page-menu-btn-info {
}