/*#region BG DARK */
/*.modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.modal-content {
    background-color: #343a40 !important;
}

.modal-footer {
    border-top-color: rgba(255, 255, 255, 0.2);
}

a,
.nav-pills .nav-link {
    color: cyan;
}

    a:hover,
    .nav-pills .nav-link:not(.active):hover {
        color: lightcyan;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: #17a2b8;
    }

.nav-pills-bordered {
    border: 1px solid #17a2b8;
    border-radius: 0.25rem;
}

button {
    color: #c2c7d0;
}

.btn-link {
    color: cyan;
}

    .btn-link:hover {
        color: lightcyan;
    }

.text-info {
    color: cyan !important;
}

.login-logo, .register-logo {
    color: #495057;
}

.login-card-body, .register-card-body {
    background: #343a40;
    color: white;
}

.form-control,
.form-control:focus,
.custom-select,
.custom-file-label,
.custom-file-label::after {
    background-color: #343a40;
    color: white;
}

.custom-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
}

.input-group-text {
    background-color: #222;
    color: #777;
}

.list-group-item,
.card-header {
    border-color: rgba(255, 255, 255, 0.125);
}

hr {
    border-color: rgba(255, 255, 255, 0.2);
}

.ui-widget.ui-widget-content {
    background-image: linear-gradient(to bottom, #52585d, #1b1f23);
    background-repeat: repeat-x;
    border-radius: 4px;
    border: none;
}

    .ui-widget.ui-widget-content .ui-slider-handle {
        outline: none;
        border-radius: 20px;
        background-color: rgb(204, 204, 204);
        border: 1px solid rgb(0, 0, 0);
        font-size: 0.6rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: black;
        top: -0.2rem;
        margin-left: -0.8rem;
        width: 1.6rem;
        height: 1.2rem;
    }*/
/*#endregion BG DARK */

/*#region GENERAL */
/*.card {
    margin: 0 auto;*/ /* Added */
    /*float: none;*/ /* Added */
    /*margin-bottom: 10px;*/ /* Added */
/*}*/

p{
    line-height: 1.2;
}

.breadcrumb-item + .breadcrumb-item::before {
    
    content: "|";
}

.bg-info-light {
    background-color: #22e1ff1f;
}

.bg-warning-light {
    background-color: #fff7df;
}

.dataTables_wrapper table thead {
    display: none;
}

.height-max {
    max-height: 80vh;
    min-height: 80vh;
    overflow-y: auto;
}

.height-max-79 {
    max-height: 79vh;

    overflow-y: auto;
}

.environment-info {
    border: 1px red solid;
}

.modal-level-2 {
    z-index: 2080 !important;
 }

.modal-level-top {
    z-index: 99999 !important;
 }

.content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 20px 20px 20px 20px;
    margin-left: 250px;
}

.od-title {
    font-size: 28px;
    font-weight: 100;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.icon-with-text-container {
    display: flex;
    align-items: center;
}

    .icon-with-text-container .icomoon {
        margin-right: 0.25rem;
    }

.modal-spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    z-index: 2;
}

    .modal-spinner .spinner-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
/*#endregion END GENERAL */

/*#region HOME PAGE */
.home-page {
    position: relative;
    overflow-x: hidden;
}

    .home-page .printing-partner-container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .home-page.knowledge-base-bar-visible .printing-partner-container {
        margin-right: 407px;
    }

    .home-page .embedded-resource-container {
        flex: 1;
    }

    .home-page .rema-days-image {
        max-width: 100%;
        max-height: 100%;
    }

    .home-page .show-knowledge-base-container {
        position: fixed;
        top: 20px;
        right: 0;
    }

    .home-page.knowledge-base-bar-visible .show-knowledge-base-container {
        display: none;
    }

    .home-page .show-knowledge-base-btn {
        font-size: xx-large;
        background-color: #343a40;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
        padding: 0.25rem;
        border-radius: 0.125rem;
        border: 1px solid #52585d;
        cursor: pointer;
    }

        .home-page .show-knowledge-base-btn:hover {
            background-color: #52585d;
            border-color: #343a40;
        }

    .home-page .knowledge-base-bar {
        width: 375px;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        right: -407px;
        transition: right 1s;
    }

    .home-page.knowledge-base-bar-visible .knowledge-base-bar {
        right: 0;
    }

    .home-page .knowledge-base-bar .close {
        position: absolute;
        top: 0.125rem;
        right: 0.125rem;
        line-height: 1.5;
    }
/*#endregion END HOME PAGE*/

/*#region GROUPED TILE IMAGES */
.grouped-tile-images {
    background-color: transparent;
}

    .grouped-tile-images .group-description {
        display: flex;
        margin-top: 0.25rem;
        padding: 0 1rem;
        background-color: #242424;
        color: white;
        border-radius: 3px;
    }

        .grouped-tile-images .group-description .hr {
            border-top: 3px solid rgba(0, 0, 0, 0.5);
            position: absolute;
            width: 100%;
            transform: translateY(-50%);
            top: 50%;
        }

        .grouped-tile-images .group-description .form-check-label {
            line-height: 1.5rem;
        }

    .grouped-tile-images .images-container {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .grouped-tile-images .image-container {
        position: relative;
    }

        .grouped-tile-images .image-container .check-icon {
            position: absolute;
            bottom: 5px;
            right: 5px;
            background-color: grey;
            color: green;
            opacity: 0.2;
            cursor: pointer;
        }

            .grouped-tile-images .image-container .check-icon:hover {
                opacity: 1;
            }

        .grouped-tile-images .image-container.checked .check-icon {
            opacity: 1;
            background-color: white;
        }

    .grouped-tile-images img {
        object-fit: cover;
        cursor: pointer;
        visibility: hidden;
    }

    .grouped-tile-images .img-thumbnail {
        background-color: #dbdcdd;
        background-image: linear-gradient(45deg, #fafbfc 25%, transparent 25%), linear-gradient(-45deg, #fafbfc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fafbfc 75%), linear-gradient(-45deg, transparent 75%, #fafbfc 75%);
        background-size: 20px 20px;
        background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
        padding: 0;
        border-width: 0.25rem;
    }
/*#endregion END GROUPED TILE IMAGES*/

/*#region slideshow Modal*/
.slideshowModal .slides {
    height: 100%;
}

    .slideshowModal .slides img {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 95%;
        max-width: 95%;
    }
/*#endregion END slideshow Modal*/

/*#region image Modal*/
.image-modal {
    padding-top: 40px;
    background-color: #52585d;
    transition: 0.4s padding-right ease;
}

    .image-modal .toolbar {
        background-color: #343a40;
        height: 40px;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
    }

    .image-modal .toolbar-text {
        color: #aaa;
    }

    .image-modal .info-bar {
        display: none;
        position: absolute;
        right: 0;
        top: 40px;
        width: 350px;
        height: calc(100% - 40px);
        padding: 1rem;
        overflow: auto;
        background-color: inherit;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    }

    .image-modal .image-container {
        height: 100%;
    }

        .image-modal .image-container img {
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 95%;
            max-width: 95%;
        }

    .image-modal .info-btn.active {
        color: white;
    }

@media (max-width: 576px) {
    .image-modal {
        padding-right: 0 !important;
    }

        .image-modal .info-bar {
            width: 100%;
            height: 100%;
        }
}
/*#endregion END slideshow Modal*/

/*#region FOLDER*/
.folder {
    position: relative;
    display: inline-block;
}

    .folder .background {
        background-size: cover;
        width: 92%;
        height: 60%;
        position: absolute;
        top: 12px;
        left: 4px;
        background-color: white;
    }

    .folder .left-description {
        position: absolute;
        font-size: 14px;
        color: #d29200;
        left: 8px;
        bottom: 4%;
    }

    .folder .bottom {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
/*#endregion END FOLDER*/

/*#region LEFT SIDEBAR*/
.left-sidebar {
    width: 4.6rem;
    height: 100%;
    z-index: 200;
    position: absolute;
    top: 0;
    background-color: #ffffff;
    /*transition: width .3s ease-in-out;*/
    display: flex;
    flex-direction: column;
}

    .left-sidebar {
        width: 250px;
    }

    .left-sidebar .left-sidebar-brand {
        display: block;
        padding: .5rem;
        border-bottom: 1px solid #dee2e6;
    }

    .left-sidebar .brand-image {
        max-width: calc(250px - 1rem);
        /*max-height: 50px;*/
        margin-left: -178px;
        /*transition: all 0.3s ease-in-out;*/
    }

    .left-sidebar .brand-image {
        margin-left: 0;
    }

    .left-sidebar .brand-curtain {
        position: absolute;
        top: .5rem;
        left: 0;
        height: 50px;
        width: 10px;
        background-color: white;
    }

    /*.left-sidebar:hover .brand-curtain {
        display: none;
    }*/

    .left-sidebar .nav-pills .nav-link {
        color: rgba(0, 0, 0, 0.5);
        margin-bottom: .2rem;
    }

    .left-sidebar .nav-pills.nav-dark .nav-link {
        color: rgba(255,255,255, 0.5);
    }

    .left-sidebar .nav-pills .nav-item:hover .nav-link:not(.disabled) {
        color: rgba(0, 0, 0, 0.7);
        background-color: rgba(0, 0, 0, 0.1);
    }

    .left-sidebar .nav-pills.nav-dark .nav-item:hover .nav-link:not(.disabled) {
        color: rgba(255,255,255, 0.7);
        background-color: rgba(255,255,255, 0.1);
    }

    .left-sidebar .nav-pills .nav-item .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
        background-color: rgba(0, 0, 0, 0.2);
    }

    .left-sidebar .sidebar-menu {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .left-sidebar .sidebar-menu .nav-dark {
            background-color: #343a40;
        }

        .left-sidebar .sidebar-menu .nav-pills {
            overflow: hidden;
        }

        .left-sidebar .sidebar-menu .nav-link {
            display: flex;
            align-items: center;
        }

        .left-sidebar .sidebar-menu .nav-icon {
            margin-left: .05rem;
            font-size: 1.1rem;
            margin-right: .2rem;
            text-align: center;
            flex: 0 0 1.6rem;
        }

        .left-sidebar .sidebar-menu .nav-text {
            flex: 0 0 calc(250px - 1rem - 2rem - 1.6rem - 0.25rem);
            transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
            margin-left: 0;
            /*animation-name: fadeOut;
            animation-duration: .3s;
            animation-fill-mode: both;
            visibility: hidden;*/
        }

    /*.left-sidebar:hover .sidebar-menu .nav-text {
        margin-left: 0;
        animation-name: fadeIn;
        animation-duration: .3s;
        animation-fill-mode: both;
        visibility: visible;
    }*/

    /*.left-sidebar .nav-pills .environment-info {
        background-color: red;
        color: white;
        border: none;
    }*/

    /*.left-sidebar .nav-pills .production-environment-info {
        background-color: green;
        color: white;
        border: none;
    }*/
/*#endregion END LEFT SIDEBAR*/

/*#region IMAGES SELCTOR*/
.images-selector .img-container {
    position: relative;
}

    .images-selector .img-container .watermark {
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        text-align: center;
    }

        .images-selector .img-container .watermark.uses-number {
            top: 3px;
            right: 3px;
        }

        .images-selector .img-container .watermark.hidden-icon {
            top: 3px;
            left: 3px;
            line-height: inherit;
            display: none;
        }

            .images-selector .img-container .watermark.hidden-icon.img-is-hidden {
                display: inline-block;
            }

.images-selector .images-selector-spinner {
    color: #343a40;
}
/*#endregion IMAGES SELCTOR*/

/*#region OBJECTS TREE*/
.objects-tree ul {
    list-style-type: none;
}

.objects-tree .root {
    margin: 0;
    padding: 0 0 0 1rem;
}

.objects-tree .collapse-icon,
.objects-tree .expand-icon {
    display: none;
    width: 1rem;
    cursor: pointer;
}

.objects-tree .text {
    margin-left: 4px;
    cursor: pointer;
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

    .objects-tree .text:hover {
        background-color: #ddd;
    }


.objects-tree .item-row {
    display: flex;
    align-items: center;
}

.objects-tree .collapsible {
    margin-left: -1rem;
}

    .objects-tree .collapsible > .item-row > .collapse-icon {
        display: inline-block;
    }
/*#endregion OBJECTS TREE*/

/*#region E-ALBUM CREATOR*/
.eAlbum-creator {
    position: relative;
}

    .eAlbum-creator .images-selector {
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .eAlbum-creator .images-selector .img-container {
            margin-bottom: 5px;
            cursor: move;
        }

            .eAlbum-creator .images-selector .img-container img {
                max-width: 250px;
                max-height: 250px;
            }

        .eAlbum-creator .images-selector .no-images-alert {
            margin: 0 0.75rem 0 0.75rem;
        }

            .eAlbum-creator .images-selector .no-images-alert .icon {
                font-size: 2.5rem;
                float: left;
                animation: ring 4s .7s ease-in-out infinite;
            }

    .eAlbum-creator .textures-selector {
        margin-top: 1rem;
        text-align: center;
        overflow-y: auto;
    }

        .eAlbum-creator .textures-selector img {
            max-width: 250px;
            margin-bottom: 5px;
            cursor: move;
        }

    .eAlbum-creator .double-page-bar {
        position: absolute;
        margin: 5px;
    }

        .eAlbum-creator .double-page-bar button {
            color: white;
            padding: 0.375rem;
        }

            .eAlbum-creator .double-page-bar button.marked {
                color: cyan;
            }

            .eAlbum-creator .double-page-bar button .icomoon {
                font-size: 2em;
            }

        .eAlbum-creator .double-page-bar .open-cover-bg-modal {
            display: none;
        }

    .eAlbum-creator .bottom-top-bar {
        position: fixed;
        bottom: 225px;
        left: 4.6rem;
        width: calc(100% - 300px - 4.6rem);
        background-color: #f4f6f9;
        transition: 0.5s;
        display: flex;
        justify-content: space-between;
    }

        .eAlbum-creator .bottom-top-bar .editor-view-btn,
        .eAlbum-creator .bottom-top-bar .edit-mode-btn {
            display: none;
        }

        .eAlbum-creator .bottom-top-bar.fs {
            top: 0;
            bottom: unset;
            width: calc(100% - 4.6rem) !important;
        }

            .eAlbum-creator .bottom-top-bar.fs .all-pages-btn {
                display: none;
            }

            .eAlbum-creator .bottom-top-bar.fs .editor-view-btn {
                display: initial;
            }

            .eAlbum-creator .bottom-top-bar.fs .show-bottom-bar {
                display: none !important;
            }

            .eAlbum-creator .bottom-top-bar.fs .hide-bottom-bar {
                display: inline-block !important;
            }

        .eAlbum-creator .bottom-top-bar .separator {
            margin: 0;
        }

        .eAlbum-creator .bottom-top-bar .element {
            margin: 0;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
        }

            .eAlbum-creator .bottom-top-bar .element.active {
                background-color: springgreen;
            }

        .eAlbum-creator .bottom-top-bar .btn-group {
            height: 100%;
        }

        .eAlbum-creator .bottom-top-bar button:focus {
            box-shadow: none;
        }

        .eAlbum-creator .bottom-top-bar .show-bottom-bar {
            display: none;
        }

    .eAlbum-creator .bottom-bar {
        display: flex;
        position: fixed;
        left: 4.6rem;
        bottom: 0;
        right: 0;
        width: calc(100% - 300px - 4.6rem);
        height: 225px;
        background-color: white;
        border: 1px solid #dee2e6;
    }

        .eAlbum-creator .bottom-bar.fs {
            width: calc(100% - 4.6rem);
        }

            .eAlbum-creator .bottom-bar.fs .eAlbum-thumbnails-preview {
                display: unset;
                position: unset;
                transform: unset;
                top: unset;
            }

            .eAlbum-creator .bottom-bar.fs .pages-preview {
                display: block;
                width: unset !important;
                position: unset;
            }

                .eAlbum-creator .bottom-bar.fs .pages-preview .double-page,
                .eAlbum-creator .bottom-bar.fs .cover-preview {
                    float: left;
                }

        .eAlbum-creator .bottom-bar .tab-content {
            flex: 1;
            overflow-y: auto;
            white-space: nowrap;
            margin-left: 10px;
        }

        .eAlbum-creator .bottom-bar .nav-tabs {
            height: 100%;
        }

            .eAlbum-creator .bottom-bar .nav-tabs .nav-item {
                height: 50%;
                text-align: center;
            }

                .eAlbum-creator .bottom-bar .nav-tabs .nav-item .nav-link {
                    height: 100%;
                    color: #007bff;
                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                }

                    .eAlbum-creator .bottom-bar .nav-tabs .nav-item .nav-link:hover {
                        color: #0056b3;
                    }

                    .eAlbum-creator .bottom-bar .nav-tabs .nav-item .nav-link.active {
                        color: #fff;
                        background-color: #007bff;
                    }

        .eAlbum-creator .bottom-bar.fs .tab-content {
            margin-left: 20px;
            margin-top: 20px;
        }

    .eAlbum-creator .show-right-bar {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        background-color: #f4f6f9;
        border-top: 1px solid #dee2e6;
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        margin: auto;
        color: rgba(0,0,0,.65);
        padding: 2px;
        display: none;
        cursor: pointer;
    }

        .eAlbum-creator .show-right-bar > div {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .eAlbum-creator .show-right-bar > div > * {
                padding: 0.75rem 0.375rem;
            }

        .eAlbum-creator .show-right-bar .icon {
            transform: rotate(90deg);
        }

    .eAlbum-creator .right-bar {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        height: 100%;
        background-color: #f4f6f9;
        color: #343a40;
        border-top: 1px solid #dee2e6;
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }

        .eAlbum-creator .right-bar .nav-tabs {
            margin: 0.2rem 0.2rem 0.5rem 0.2rem;
        }

        .eAlbum-creator .right-bar .tab-pane {
            height: 100%;
        }

        .eAlbum-creator .right-bar .nav-link {
            color: #007bff;
        }

            .eAlbum-creator .right-bar .nav-link:hover {
                color: #0056b3;
            }

            .eAlbum-creator .right-bar .nav-link.active {
                color: #495057;
            }

        .eAlbum-creator .right-bar #images-selector-tab-pane .element-group .element {
            color: #343a40;
        }

            .eAlbum-creator .right-bar #images-selector-tab-pane .element-group .element:hover {
                color: #000;
            }

            .eAlbum-creator .right-bar #images-selector-tab-pane .element-group .element.active {
                background-color: #ccc;
            }

        .eAlbum-creator .right-bar #images-selector-tab-pane .element-group .separator {
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f6f9), to(#f4f6f9), color-stop(50%, #343a40));
        }

        .eAlbum-creator .right-bar .objects-tree {
            overflow: auto;
            padding: 0.5rem;
        }

        .eAlbum-creator .right-bar .show-everything-btn {
            display: none;
        }

        .eAlbum-creator .right-bar .negative-main-icon {
            position: relative;
        }

            .eAlbum-creator .right-bar .negative-main-icon .fa-slash {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        .eAlbum-creator .right-bar .slider-option {
            display: flex;
            align-items: center;
        }

            .eAlbum-creator .right-bar .slider-option .slider-wrapper {
                position: relative;
                flex: 1;
                margin: 0 1rem;
            }

            .eAlbum-creator .right-bar .slider-option .ui-slider {
                background-image: linear-gradient(to bottom, #c7c7c7, #eaeaea);
                background-repeat: repeat-x;
                border-radius: 4px;
                border: none;
            }

            .eAlbum-creator .right-bar .slider-option .ui-slider-handle {
                outline: none;
                border-radius: 20px;
                background-color: #343a40;
                border: 1px solid #343a40;
                font-size: 0.6rem;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: white;
                top: -.3rem;
                margin-left: -.8rem;
                width: 1.6rem;
                height: 1.2rem;
            }

    .eAlbum-creator #filterIsByOrientationBtn .vertical-icon,
    .eAlbum-creator #filterIsByOrientationBtn .horizontal-icon,
    .eAlbum-creator #filterIsByUseInThisEAlbumBtn .used-icon,
    .eAlbum-creator #filterIsByUseInThisEAlbumBtn .not-used-icon,
    .eAlbum-creator #filterIsByUseInAnyEAlbumBtn .used-icon,
    .eAlbum-creator #filterIsByUseInAnyEAlbumBtn .not-used-icon {
        display: none;
    }

    .eAlbum-creator .right-bar hr {
        margin-bottom: 0.5em;
        border-color: #dee2e6;
    }

    .eAlbum-creator .right-bar .import-in-progress-div,
    .eAlbum-creator .right-bar .trigger-import-div {
        display: none;
        cursor: pointer;
        white-space: unset;
        margin-bottom: 0.5rem;
    }

    .eAlbum-creator .right-bar .picker_done button {
        color: unset;
    }

    .eAlbum-creator #text-tab-pane {
        padding: 1rem;
        overflow-y: auto;
    }

        .eAlbum-creator #text-tab-pane .options-row {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .eAlbum-creator #text-tab-pane .options-row .align-html-text-dropdown .dropdown-menu {
                min-width: 1px;
                padding: 0;
            }

                .eAlbum-creator #text-tab-pane .options-row .align-html-text-dropdown .dropdown-menu.show {
                    display: flex;
                }

        .eAlbum-creator #text-tab-pane .slider-option .minus-icon,
        .eAlbum-creator #text-tab-pane .slider-option .plus-icon {
            display: none;
            color: inherit;
        }

        .eAlbum-creator #text-tab-pane .slider-option:hover .selected-text-size-icon,
        .eAlbum-creator #text-tab-pane .slider-option:hover .text-size-icon {
            display: none;
        }

        .eAlbum-creator #text-tab-pane .slider-option:hover .minus-icon,
        .eAlbum-creator #text-tab-pane .slider-option:hover .plus-icon {
            display: unset;
        }

        .eAlbum-creator #text-tab-pane .text-bg-color-option {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }

            .eAlbum-creator #text-tab-pane .text-bg-color-option .htmlTextBgColorSwatch {
                width: 2rem;
                align-self: stretch;
                border-radius: 3px;
                border: 1px solid #343a40;
                cursor: pointer;
                outline: none;
            }

            .eAlbum-creator #text-tab-pane .text-bg-color-option .fotoDysk-picker {
                width: 100%;
                margin-top: .5rem;
            }

                .eAlbum-creator #text-tab-pane .text-bg-color-option .fotoDysk-picker .picker_wrapper {
                    width: 100%;
                }

        .eAlbum-creator #text-tab-pane .html-text-color-picker {
            flex-basis: 100%;
            margin-top: .5rem;
        }

            .eAlbum-creator #text-tab-pane .html-text-color-picker .picker_wrapper {
                width: 100%;
            }

    .eAlbum-creator #templates-selector-tab-pane {
        position: relative;
        height: 100%;
    }

    .eAlbum-creator .templates-selector {
        position: absolute;
        transform: scale(0.15) translate(0, -50%);
        transform-origin: left top;
        top: 50%;
    }

        .eAlbum-creator .templates-selector .template {
            position: relative;
            border: 1px solid #343a40;
            margin-right: 50px;
            cursor: move;
            display: inline-block;
        }

            .eAlbum-creator .templates-selector .template .template-item {
                background-color: lightgrey;
                border: 1px solid black;
                position: absolute;
            }

    .eAlbum-creator .template-draggable-helper {
        transform: scale(0.15);
        transform-origin: left top;
        position: relative;
        border: 1px solid;
    }

        .eAlbum-creator .template-draggable-helper .template-item {
            background-color: lightgrey;
            border: 1px solid black;
            position: absolute;
        }

    .eAlbum-creator .bottom-bar.fs .templates-selector {
        display: flex;
        flex-flow: wrap;
        width: calc(100% / 0.15);
        position: unset;
        transform: scale(0.15);
        top: unset;
    }

        .eAlbum-creator .bottom-bar.fs .templates-selector .template {
            margin: 50px;
            pointer-events: none;
        }

    .eAlbum-creator #pages-tab-pane {
        position: relative;
        height: 100%;
    }

    .eAlbum-creator .eAlbum-thumbnails-preview {
        display: flex;
        position: absolute;
        transform: translate(0, -50%);
        top: 50%;
    }

    .eAlbum-creator .pages-preview {
        display: flex;
        position: relative;
    }

        .eAlbum-creator .pages-preview .pages-number-info,
        .eAlbum-creator .cover-info {
            text-align: center;
            color: #212529;
        }

        .eAlbum-creator .pages-preview .double-page,
        .eAlbum-creator .cover-preview {
            margin-right: 25px;
            opacity: 0.5;
            cursor: pointer;
        }

            .eAlbum-creator .pages-preview .double-page.active,
            .eAlbum-creator .pages-preview .double-page:hover,
            .eAlbum-creator .cover-preview.active,
            .eAlbum-creator .cover-preview:hover {
                opacity: 1;
            }

            .eAlbum-creator .pages-preview .double-page img {
                box-shadow: 0 0 3px black;
                margin: 3px;
            }

            .eAlbum-creator .pages-preview .double-page:first-of-type img:first-of-type,
            .eAlbum-creator .pages-preview .double-page:last-of-type img:last-of-type {
                pointer-events: none;
            }

            .eAlbum-creator .pages-preview .double-page.active img {
                box-shadow: 0 0 3px blue;
                margin: 3px;
            }

    .eAlbum-creator .cover-droppable-area {
        position: absolute;
        z-index: -1;
        display: none;
    }

    .eAlbum-creator .html-text-size-selector-area {
        position: absolute;
        display: none;
        background-color: rgba(255,255,255,0.5);
        color: rgba(0,0,0,0.5);
        cursor: crosshair;
        font-weight: bold;
        font-size: x-large;
    }

        .eAlbum-creator .html-text-size-selector-area .hint {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .eAlbum-creator .scaled-eAlbum-cover {
        transform-origin: left top;
        position: absolute;
    }

    .eAlbum-creator .save-cover-btn,
    .eAlbum-creator .setImgAsBgOfCover,
    .eAlbum-creator .download-cover-pdf-btn {
        display: none;
    }

    .eAlbum-creator .print-area-lines {
        position: absolute;
        z-index: 1000000;
    }

        .eAlbum-creator .print-area-lines .line {
            position: absolute;
            display: block;
            overflow: hidden;
            border-width: 2px;
            color: red;
        }

        .eAlbum-creator .print-area-lines .hr {
            border-top-style: dashed;
        }

        .eAlbum-creator .print-area-lines .vr {
            border-left-style: dashed;
        }

            .eAlbum-creator .print-area-lines .vr.solid {
                border-left-style: solid;
            }

    .eAlbum-creator .print-areas {
        position: absolute;
        z-index: 1000000;
        display: none;
    }

        .eAlbum-creator .print-areas.show {
            display: block;
        }

    .eAlbum-creator .print-area {
        position: absolute;
        opacity: 0.3;
    }

        .eAlbum-creator .print-area:hover {
            opacity: 0.6;
        }

        .eAlbum-creator .print-area.bleed {
            border-color: green;
            border-style: solid;
        }

        .eAlbum-creator .print-area.buffer {
            border-color: yellow;
            border-style: solid;
        }

        .eAlbum-creator .print-area.leaky {
            background-color: blue;
        }

        .eAlbum-creator .print-area.safe {
            background-color: black;
        }

    .eAlbum-creator .print-area-tooltip {
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: .25rem;
        display: none;
    }

    .eAlbum-creator .custom-cursor {
        display: none;
        position: fixed;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .eAlbum-creator .text-cursor-as-div svg {
        display: block;
        width: 9px;
        height: 16px;
    }

    .eAlbum-creator .resize-cursor-icon {
        text-shadow: 0 0 3px #000;
    }

    .eAlbum-creator .eAlbum-page-dots-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .eAlbum-creator .eAlbum-page-dots-container .dot {
            background-color: white;
            border-radius: 50%;
            position: absolute;
            z-index: 2000000;
        }

        .eAlbum-creator .eAlbum-page-dots-container .ring {
            border-radius: 40%;
            border: 1px solid;
            color: #212529;
            background-color: #d08a00;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

    .eAlbum-creator .eAlbum-even-page .eAlbum-page-dots-container .ring {
        left: 45%;
    }

    .eAlbum-creator .eAlbum-odd-page .eAlbum-page-dots-container .ring {
        right: 45%;
    }

    .eAlbum-creator .cover-plugs-container {
        position: absolute;
        top: 0;
        left: 0;
    }

        .eAlbum-creator .cover-plugs-container .plug {
            position: absolute;
            background-color: black;
            border-radius: 50%;
            z-index: 1000000;
        }

    .eAlbum-creator .eAlbum-page-preview,
    .eAlbum-creator .eAlbum-cover-preview {
        position: relative;
    }

    .eAlbum-creator .background-container .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .eAlbum-creator .background-container .bg-image {
        background-size: 100% 100%;
    }

    .eAlbum-creator .background-container .bg-static-color {
        background-color: white;
    }

    .eAlbum-creator .page-remove-modal .pages-remove-preview {
        display: flex;
        margin-top: 5rem;
    }

        .eAlbum-creator .page-remove-modal .pages-remove-preview > * {
            flex: 1;
        }

    .eAlbum-creator .page-remove-modal .page-container {
        position: relative;
    }

        .eAlbum-creator .page-remove-modal .page-container img {
            width: 100%;
        }

        .eAlbum-creator .page-remove-modal .page-container .lines {
            position: absolute;
            top: -2.25rem;
            stroke: #ccc;
            stroke-width: 2;
        }

        .eAlbum-creator .page-remove-modal .page-container .left-lines {
            left: -1rem;
            width: calc(1rem + 10%);
            height: 2.25rem;
        }

        .eAlbum-creator .page-remove-modal .page-container .short-left-lines {
            left: -0.25rem;
            width: calc(0.25rem + 10%);
            height: 2.25rem;
        }

        .eAlbum-creator .page-remove-modal .page-container .right-lines {
            left: 90%;
            width: calc(1px + 1rem + 10%);
            height: 2.25rem;
        }

        .eAlbum-creator .page-remove-modal .page-container .short-right-lines {
            width: calc(0.25rem + 10%);
        }

        .eAlbum-creator .page-remove-modal .page-container .middle-lines {
            left: calc(50% - 0.25rem);
            width: 0.5rem;
            height: 2.25rem;
        }

        .eAlbum-creator .page-remove-modal .page-container .bin-icon {
            position: absolute;
            top: calc(-2.5rem - 1em);
            cursor: pointer;
            color: #c2c7d0;
        }

            .eAlbum-creator .page-remove-modal .page-container .bin-icon:hover {
                color: #fff;
            }

        .eAlbum-creator .page-remove-modal .page-container .middle-bin-icon {
            left: 50%;
            transform: translateX(-50%);
        }

        .eAlbum-creator .page-remove-modal .page-container .left-bin-icon {
            left: calc(-2rem + 1px);
        }

        .eAlbum-creator .page-remove-modal .page-container .short-left-bin-icon {
            left: calc(-1.25rem + 1px);
        }

    .eAlbum-creator .page-remove-modal .even-page {
        margin-left: 1rem;
        margin-right: 0.25rem;
    }

    .eAlbum-creator .page-remove-modal .odd-page {
        margin-left: 0.25rem;
        margin-right: 1rem;
    }

    .eAlbum-creator .to-small-screen-info {
        position: fixed;
        width: calc(100% - 4.6rem);
        height: 100%;
        top: 0;
        left: 4.6rem;
        background-color: #343a40;
        padding: 1rem;
        display: flex;
        align-items: center;
        text-align: center;
    }

        .eAlbum-creator .to-small-screen-info .text {
            flex: 1;
            font-size: xx-large;
        }
/*#endregion E-ALBUM CREATOR*/

/*#region E-ALBUM PAGE DOTS CONTAINER*/
.eAlbum-page-dots-container .dot-1 {
    top: 7.54%;
}

.eAlbum-page-dots-container .dot-2 {
    top: 15.08%;
}

.eAlbum-page-dots-container .dot-3 {
    top: 22.62%;
}

.eAlbum-page-dots-container .dot-4 {
    top: 41.51%;
}

.eAlbum-page-dots-container .dot-5 {
    top: 49.05%;
}

.eAlbum-page-dots-container .dot-6 {
    top: 56.59%;
}

.eAlbum-page-dots-container .dot-7 {
    top: 75.47%;
}

.eAlbum-page-dots-container .dot-8 {
    top: 83.01%;
}

.eAlbum-page-dots-container .dot-9 {
    top: 90.55%;
}
/*#endregion E-ALBUM PAGE DOTS CONTAINER*/

/*#region E-ALBUM CREATOR PREVIEW MODE*/
.eAlbum-creator.preview-mode .preview-mode-btn,
.eAlbum-creator.preview-mode .double-page-droppable-area,
.eAlbum-creator.preview-mode .cover-droppable-area,
.eAlbum-creator.preview-mode .eAlbum-double-page,
.eAlbum-creator.preview-mode .scaled-eAlbum-cover,
.eAlbum-creator.preview-mode .double-page-bar,
.eAlbum-creator.preview-mode .show-right-bar,
.eAlbum-creator.preview-mode .right-bar,
.eAlbum-creator.preview-mode .bottom-bar {
    display: none !important;
}

.eAlbum-creator.preview-mode .bottom-top-bar {
    top: unset;
    bottom: 0;
    width: calc(100% - 4.6rem) !important;
}

    .eAlbum-creator.preview-mode .bottom-top-bar .edit-mode-btn {
        display: initial;
    }

    .eAlbum-creator.preview-mode .bottom-top-bar .hide-bottom-bar,
    .eAlbum-creator.preview-mode .bottom-top-bar .show-bottom-bar,
    .eAlbum-creator.preview-mode .bottom-top-bar .all-pages-btn,
    .eAlbum-creator.preview-mode .bottom-top-bar .editor-view-btn,
    .eAlbum-creator.preview-mode .bottom-top-bar #editPageItemsForm .btn,
    .eAlbum-creator.preview-mode .bottom-top-bar .save-cover-btn,
    .eAlbum-creator.preview-mode .bottom-top-bar .addPagesBtn,
    .eAlbum-creator.preview-mode .bottom-top-bar .duplicatePagesBtn,
    .eAlbum-creator.preview-mode .bottom-top-bar .show-page-remove-modal,
    .eAlbum-creator.preview-mode .bottom-top-bar .openCreateTemplateModalBtn,
    .eAlbum-creator.preview-mode .bottom-top-bar .btn-group-toggle {
        pointer-events: none;
        opacity: 0.6;
    }


.eAlbum-creator.preview-mode .preview {
    transform-origin: left top;
    position: absolute;
}

    .eAlbum-creator.preview-mode .preview .item-container {
        position: absolute;
    }

        .eAlbum-creator.preview-mode .preview .item-container .html-text {
            overflow: hidden;
            line-height: 1.5;
        }

            .eAlbum-creator.preview-mode .preview .item-container .html-text p {
                margin: 0;
            }

.eAlbum-creator.preview-mode .eAlbum-double-page-preview {
    display: flex;
}

.eAlbum-creator.preview-mode .eAlbum-double-page-preview-dummy {
    position: absolute;
}

.eAlbum-creator.preview-mode .eAlbum-double-page-preview-dummy,
.eAlbum-creator.preview-mode .eAlbum-cover-preview {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*#endregion E-ALBUM CREATOR PREVIEW MODE*/

/*#region eAlbum-book-preview*/
.eAlbum-book-preview {
    position: relative;
}

    .eAlbum-book-preview .nav-button {
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9000000
    }

    .eAlbum-book-preview .nav-button-right {
        right: 0;
    }

    .eAlbum-book-preview .nav-button-left {
        left: 0;
    }

    .eAlbum-book-preview .comment-img {
        display: none;
    }

    .eAlbum-book-preview .page {
        display: none;
    }

    .eAlbum-book-preview .html-text {
        display: none;
    }
/*#endregion END eAlbum-book-preview*/

/*#region FOLDER STRUCTURE*/
.folder-structure .folder-name.selected {
    background-color: blue;
    color: white;
}
/*#endregion FOLDER STRUCTURE*/

/*#region LOADER*/
.full-screen-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.7;
    z-index: 2147483647;
}

    .full-screen-loader .spinner-content {
        position: relative;
        top: 50%;
        left: 50%;
        display: inline-block;
        text-align: center;
    }

#loader {
    display: none;
}
/*#endregion LOADER*/

/*#region notification*/
.notification {
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 234, 234);
    max-width: 400px;
    display: none;
    z-index: 2147483646;
    background-color: white;
    position: fixed;
}

    .notification .message {
        padding: 10px;
    }

    .notification.tc {
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
    }
/*#endregion end notification*/

/*#region CONTEXT MENU*/
.contextMenu {
    position: fixed;
    display: none;
    z-index: 9999;
}

    .contextMenu > ul.list {
        margin: 0;
        list-style: none;
        background: #fff;
        color: #333;
        box-shadow: 0 0 5px #999;
        padding: 0;
    }

        .contextMenu > ul.list li {
            padding: 5px 20px 5px 20px;
            font-size: smaller;
        }

            .contextMenu > ul.list li:hover {
                background: #D3D3D3;
                cursor: pointer;
            }

            .contextMenu > ul.list li.disabled {
                pointer-events: none;
                opacity: 0.6;
            }
/*#endregion end CONTEXT MENU*/

/*#region NAVIGATION BUTTON */
.nav-button {
    background-color: black;
    opacity: 0.2;
    display: inline-block;
}

    .nav-button:hover {
        opacity: 0.6;
        cursor: pointer;
    }

    .nav-button.nav-button-left {
        width: 50px;
        height: 100px;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
    }

    .nav-button.nav-button-right {
        width: 50px;
        height: 100px;
        border-bottom-left-radius: 50px;
        border-top-left-radius: 50px;
    }
/*#endregion NAVIGATION BUTTON */

/*#region BOOK */
.book {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

    .book .book-card {
        cursor: pointer;
        position: absolute;
        color: black;
        width: 100%;
        height: 100%;
        transition: 1.5s transform;
        transform: translateZ(-1px);
        transform-style: preserve-3d;
        transform-origin: left center;
        background-color: white;
    }

    .book .front,
    .book .back {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: rotateX(0deg);
        overflow: hidden;
    }

    .book .back {
        transform: rotateY(180deg);
    }

    .book .book-card.active {
        transform: translateZ(0);
    }

    .book .book-card.flipped {
        transform: translateZ(0) rotateY(-180deg);
    }

    .book .book-card.last-flipped {
        transform: translateZ(1px) rotateY(-180deg);
    }

.book-scene {
    transform-origin: left top;
    perspective: 5000px;
    position: absolute;
    top: 50%;
    left: 50%;
}
/*#endregion BOOK */

/*#region shared-eAlbum */
.shared-eAlbum .item-container {
    position: absolute;
}

.shared-eAlbum .cached-thumbnails {
    display: none;
}

.shared-eAlbum .html-text {
    display: none;
}

.shared-eAlbum .html-text-loader {
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shared-eAlbum .page-card {
    box-shadow: -2px 4px 12px 0px rgba(0, 0, 0, 0.75);
}

.shared-eAlbum .ring-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.shared-eAlbum .front .ring-bar {
    left: 0;
}

.shared-eAlbum .back .ring-bar {
    right: 0;
}

.shared-eAlbum .eAlbum-page-dots-container {
    display: none;
}

    .shared-eAlbum .eAlbum-page-dots-container .dot {
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 50%;
        position: absolute;
    }

    .shared-eAlbum .eAlbum-page-dots-container .ring {
        border-radius: 30%;
        border: 1px solid gray;
        background-image: url("/images/ring_silver.png");
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .shared-eAlbum .eAlbum-page-dots-container.left-part .ring {
        right: 45%;
    }

    .shared-eAlbum .eAlbum-page-dots-container.right-part .ring {
        left: 45%;
    }

.shared-eAlbum .back-cover-plugs {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

    .shared-eAlbum .back-cover-plugs .plug {
        position: absolute;
        background-color: black;
        border-radius: 50%;
        z-index: 1000000;
    }

.shared-eAlbum .book-content {
    position: relative;
}

.shared-eAlbum .bottom-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .shared-eAlbum .bottom-bar .options-bar {
        background-color: #ddd;
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid #bbb;
    }

        .shared-eAlbum .bottom-bar .options-bar .separator {
            margin: 0;
        }

        .shared-eAlbum .bottom-bar .options-bar .collapse-pages-preview-btn {
            display: none;
        }

        .shared-eAlbum .bottom-bar .options-bar .expand-pages-preview-btn,
        .shared-eAlbum .bottom-bar .options-bar .collapse-pages-preview-btn {
            width: 110px;
        }

    .shared-eAlbum .bottom-bar .pages-preview-slide-container {
        display: none;
        overflow: auto;
        padding: 15px;
        background-color: #ccc;
    }

    .shared-eAlbum .bottom-bar .pages-preview {
        white-space: nowrap;
        display: flex;
    }

        .shared-eAlbum .bottom-bar .pages-preview .preview-item {
            margin-right: 25px;
            filter: brightness(0.5);
            cursor: pointer;
        }

            .shared-eAlbum .bottom-bar .pages-preview .preview-item.active,
            .shared-eAlbum .bottom-bar .pages-preview .preview-item:hover {
                filter: brightness(1);
            }

            .shared-eAlbum .bottom-bar .pages-preview .preview-item img {
                box-shadow: 0 0 3px black;
                margin: 3px;
            }

            .shared-eAlbum .bottom-bar .pages-preview .preview-item.active img {
                box-shadow: 0 0 3px orange;
                margin: 3px;
            }
/*#endregion shared-eAlbum */

/*#region TABLE */
thead.header-with-options th {
    position: relative;
}

thead.header-with-options .header-options {
    position: absolute;
    right: 5px;
    bottom: 0.75rem;
}

    thead.header-with-options .header-options .option {
        opacity: 0.2;
        cursor: pointer;
    }

        thead.header-with-options .header-options .option.active {
            opacity: 1;
        }

table.table-dark tbody tr.selected {
    background-color: seagreen !important;
}
/*#endregion TABLE */

/*#region GALLERY TABLE VIEW SEARCH FORMS */
.gallery-tv-search-forms-backdrop,
.orders-tv-search-forms-backdrop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
}

.gallery-tv-search-forms .search-form,
.orders-tv-search-forms .search-form {
    display: none;
    position: fixed;
    z-index: 1050;
}
/*Nie usuwać, dzięki temu suwak na dole tabeli  jest niewidoczny; display: none też ukrywa suwak, ale powoduje, że 'zamrożone' kolumny są scrollowalne, bo źle wylicza wysokość jakichś elementów*/
#galleryTableStaticWrapper .dataTables_scrollBody::-webkit-scrollbar {
}

#galleryTableStaticWrapper .scroll-nav-buttons {
    position: relative;
}

    #galleryTableStaticWrapper .scroll-nav-buttons .scroll-left-btn {
        cursor: pointer;
        position: absolute;
        right: -15px;
        top: 15px;
        display: none;
    }

        #galleryTableStaticWrapper .scroll-nav-buttons .scroll-left-btn.disabled,
        #galleryTableStaticWrapper .scroll-nav-buttons .scroll-right-btn.disabled {
            pointer-events: none;
            opacity: 0.5;
        }

    #galleryTableStaticWrapper .scroll-nav-buttons .scroll-right-btn {
        cursor: pointer;
        position: absolute;
        right: -15px;
        top: 61px;
        display: none;
    }

#galleryTableStaticWrapper .DTFC_Cloned.table-dark.table-bordered {
    border-right: 1px solid #383f45;
}

table.dataTable.table-striped.DTFC_Cloned tbody,
table.DTFC_Cloned tr,
div.DTFC_LeftHeadWrapper table {
    background-color: #212529;
}
/*#endregion GALLERY TABLE VIEW SEARCH FORMS */

/*#region eAlbum card*/
.eAlbum-card {
    width: 310px;
    color: #212529;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 88px 0 rgba(255,255,255, 0.16);
    margin-bottom: 2rem;
    font-family: 'Work Sans', sans-serif;
}

    .eAlbum-card img {
        vertical-align: text-bottom;
    }

    .eAlbum-card a {
        color: inherit;
        text-decoration: none;
    }

    .eAlbum-card .eAlbum-card-thumb {
        position: relative;
        height: 189px;
        box-shadow: 0px 0px 130px 0 rgba(0, 0, 0, 0.38);
        cursor: pointer;
    }

        .eAlbum-card .eAlbum-card-thumb .edit-eAlbum-backdrop {
            display: none;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .eAlbum-card .eAlbum-card-thumb:hover .edit-eAlbum-backdrop {
            display: block;
        }

        .eAlbum-card .eAlbum-card-thumb:hover .edit-eAlbum-icon {
            font-size: xx-large;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .eAlbum-card .eAlbum-card-thumb img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: 50% 50%;
            object-position: 50% 50%;
        }

        .eAlbum-card .eAlbum-card-thumb .no-thumb {
            background-color: grey;
            position: relative;
            width: 100%;
            height: 100%;
        }

            .eAlbum-card .eAlbum-card-thumb .no-thumb i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

    .eAlbum-card .eAlbum-card-content {
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .eAlbum-card .eAlbum-card-content .eAlbum-title-container {
            display: flex;
            flex-direction: column;
            text-align: center;
            justify-content: center;
            font-family: 'Josefin Sans', sans-serif;
            font-weight: 600;
            font-size: 1.75rem;
            height: calc(1.75rem * 1.5 * 2); /*1.75rem - font size; 1.5 - line height; 2 - number of lines*/
        }

        .eAlbum-card .eAlbum-card-content .eAlbum-title {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            word-break: break-word;
            -webkit-box-orient: vertical;
        }

        .eAlbum-card .eAlbum-card-content .eAlbum-details {
            display: flex;
            list-style: none;
            padding: 1rem 1rem 0.5rem 1rem;
            margin: 0;
            justify-content: space-between;
            align-items: center;
        }

            .eAlbum-card .eAlbum-card-content .eAlbum-details .eAlbum-details-item .item-icon {
                font-size: 25px;
            }

            .eAlbum-card .eAlbum-card-content .eAlbum-details .eAlbum-details-item .value {
                margin-left: .35em;
                vertical-align: bottom;
                font-size: 20px;
                font-weight: 600;
            }
/*#endregion eAlbum card*/

/*#region eAlbum cover*/
.eAlbum-cover .fence {
    position: absolute;
    z-index: 1000;
}

.eAlbum-cover .vertical-fence {
    height: 100%;
    border-left: 1px solid rgb(172, 225, 175);
}

.eAlbum-cover .horizontal-fence {
    width: 100%;
    border-top: 1px solid rgb(172, 225, 175);
}
/*#endregion eAlbum cover*/

/*#region GALLERY EDITOR*/
.gallery-editor .add-comment-panel {
    display: none;
    position: fixed;
    z-index: 10000;
    padding: 10px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .gallery-editor .add-comment-panel .comment-editable {
        outline: -webkit-focus-ring-color auto 1px;
        white-space: pre-wrap;
        overflow: auto;
        height: 300px;
    }

    .gallery-editor .add-comment-panel .option-btn {
        cursor: pointer;
    }

        .gallery-editor .add-comment-panel .option-btn:not(input):not(select) {
            padding: 5px;
        }

    .gallery-editor .add-comment-panel .one-click-btn.active {
        background-color: grey;
    }

.gallery-editor .eAlbum-cover.working-area {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.gallery-editor .working-area {
    position: relative;
}

    .gallery-editor .working-area .grid {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: 19px 19px;
        background-image: linear-gradient(rgba(0,0,0,.1) 2px, transparent 2px), linear-gradient(90deg, rgba(0,0,0,.1) 2px, transparent 2px);
    }

@media (max-width: 1110px) {
    .gallery-editor .working-area .grid {
        background-image: linear-gradient(rgba(0,0,0,.1) 4px, transparent 4px), linear-gradient(90deg, rgba(0,0,0,.1) 4px, transparent 4px);
    }
}

@media (max-width: 860px) {
    .gallery-editor .working-area .grid {
        background-image: linear-gradient(rgba(0,0,0,.1) 5px, transparent 5px), linear-gradient(90deg, rgba(0,0,0,.1) 5px, transparent 5px);
    }
}

.gallery-editor .working-area .item-container {
    position: absolute;
    cursor: move;
    transform-origin: unset !important; /*jquery.ui.rotatble library adds transform-origin style which spoils the rotation, so I have to override this style and set an unset value*/
}

    .gallery-editor .working-area .item-container.droppable-hover {
        opacity: 0.6;
    }

    .gallery-editor .working-area .item-container.selected {
        outline: 3px solid blue;
    }

        .gallery-editor .working-area .item-container.selected.selected-thumb-as-first {
            outline: 6px solid blue;
        }

.gallery-editor .working-area .need-to-update-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.gallery-editor .working-area .ui-rotatable-handle {
    display: none;
    font-size: 2rem;
    position: absolute;
    bottom: -4rem;
    background: #343a40;
    color: #c2c7d0;
    border-radius: 10px;
    padding: 0.5rem;
    height: unset;
    width: unset;
    background-image: none;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #ccc;
}

    .gallery-editor .working-area .ui-rotatable-handle:hover {
        color: white;
    }

    .gallery-editor .working-area .ui-rotatable-handle .helper-line {
        position: absolute;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0.5rem;
        height: 1rem;
        background-color: inherit;
    }

.gallery-editor .working-area .selected .ui-rotatable-handle {
    display: inline-block;
}

.gallery-editor .working-area .comment,
.gallery-editor .working-area .comment-style {
    display: none;
}

.gallery-editor .working-area .item-container-template {
    position: absolute;
    border: 3px dashed black;
    cursor: move;
    transform-origin: unset !important; /*jquery.ui.rotatble library adds transform-origin style which spoils the rotation, so I have to override this style and set an unset value*/
}

    .gallery-editor .working-area .item-container-template.selected {
        border: 3px dashed blue;
    }

    .gallery-editor .working-area .item-container-template.droppable-hover {
        background-color: #c9c9c9;
        border: 5px dashed blue;
    }

.gallery-editor .comment-container {
    position: relative;
}

    .gallery-editor .comment-container.ui-resizable-resizing,
    .gallery-editor .thumbnail-container.ui-resizable-resizing {
        border: 4px dotted black;
    }

    .gallery-editor .comment-container .ui-resizable-handle.ui-resizable-e {
        border-right: 1px dotted blue;
    }

.gallery-editor .text-container {
    word-break: break-word;
    line-height: 1.5;
}

.gallery-editor .item-container .ui-resizable-handle,
.gallery-editor .item-container-template .ui-resizable-handle {
    cursor: none;
}

.gallery-editor .item-container:hover,
.gallery-editor .text-container:focus-within,
.gallery-editor .item-container.ui-draggable-dragging,
.gallery-editor .text-container.ui-resizable-resizing {
    outline: 2px solid black;
}

    .gallery-editor .item-container:hover .ui-resizable-ne,
    .gallery-editor .item-container:hover .ui-resizable-se,
    .gallery-editor .item-container:hover .ui-resizable-sw,
    .gallery-editor .item-container:hover .ui-resizable-nw,
    .gallery-editor .text-container:focus-within .ui-resizable-ne,
    .gallery-editor .text-container:focus-within .ui-resizable-se,
    .gallery-editor .text-container:focus-within .ui-resizable-sw,
    .gallery-editor .text-container:focus-within .ui-resizable-nw,
    .gallery-editor .item-container.ui-draggable-dragging .ui-resizable-ne,
    .gallery-editor .item-container.ui-draggable-dragging .ui-resizable-se,
    .gallery-editor .item-container.ui-draggable-dragging .ui-resizable-sw,
    .gallery-editor .item-container.ui-draggable-dragging .ui-resizable-nw,
    .gallery-editor .item-container.ui-resizable-resizing .ui-resizable-ne,
    .gallery-editor .item-container.ui-resizable-resizing .ui-resizable-se,
    .gallery-editor .item-container.ui-resizable-resizing .ui-resizable-sw,
    .gallery-editor .item-container.ui-resizable-resizing .ui-resizable-nw {
        background-color: black;
    }

.gallery-editor .item-container .ui-resizable-se {
    width: 9px;
    height: 9px;
    right: -5px;
    bottom: -5px;
}

.gallery-editor .text-container .html-text {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: none;
}

    .gallery-editor .text-container .html-text:focus {
        outline: none;
    }

    .gallery-editor .text-container .html-text > div {
        width: 100%;
        height: 100%;
    }

.gallery-editor .text-container .loader {
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-editor .eAlbum-double-page {
    display: flex;
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 0;
}

    .gallery-editor .eAlbum-double-page .eAlbum-even-page,
    .gallery-editor .eAlbum-double-page .empty-eAlbum-even-page {
        box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2), -6px 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .gallery-editor .eAlbum-double-page .eAlbum-odd-page,
    .gallery-editor .eAlbum-double-page .empty-eAlbum-odd-page {
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 6px 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.gallery-editor .empty-eAlbum-page,
.gallery-editor .empty-eAlbum-page-preview {
    background-color: white;
}

.gallery-editor .current-ic-degrees-info {
    display: none;
    position: fixed;
    background-color: #343a40;
    padding: 0 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.gallery-editor .degree-helpers {
    display: none;
    position: fixed;
}

    .gallery-editor .degree-helpers button {
        border-color: black;
    }
/*#endregion GALLERY EDITOR*/

/*#region GALLERY EDITOR BACKDROP*/
.gallery-editor-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #343a40;
    display: none;
}
/*#endregion GALLERY EDITOR BACKDROP*/

/*#region GROUP LIST TABLE*/
.group-list-table .group-description {
    cursor: pointer;
}

    .group-list-table .group-description:focus {
        cursor: initial;
    }

.group-list-table .handy-icon,
.group-list-table .visible-icon {
    color: #28a745;
}

.group-list-table .not-handy-icon,
.group-list-table .not-visible-icon {
    color: #dc3545;
}

.group-list-table .handy-icon,
.group-list-table .visible-icon,
.group-list-table .not-handy-icon,
.group-list-table .not-visible-icon {
    cursor: pointer;
}

.group-list-table .handy .not-handy-icon {
    display: none;
}

.group-list-table .not-handy .handy-icon {
    display: none;
}

.group-list-table .visible .not-visible-icon {
    display: none;
}

.group-list-table .not-visible .visible-icon {
    display: none;
}

.group-list-table .download-icon {
    cursor: pointer;
}
/*#endregion GROUP LIST TABLE*/

/*#region YEAR TIME BEAM*/
#year-time-beams .grouped-tile-images-spinner {
    display: none;
}

.year-time-beam {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .year-time-beam .month-badge {
        padding: 0px 0px 1px 0px;
        margin: 5px;
        color: white;
        min-width: 40px;
        /*height: 40px;*/
        text-align: center;
        font-weight: 600;
        border-radius: 0rem 0rem 0.30rem 0.30rem;
    }

        .year-time-beam .month-badge.month-badge-success {
            background-color: #1d652d;
            cursor: pointer;
        }

            .year-time-beam .month-badge.month-badge-success.selected {
                background-color: #007bff;
            }

        .year-time-beam .month-badge.month-badge-disabled {
            background-color: #aba0a0;
            pointer-events: none;
            opacity: 0.5;
        }

    .year-time-beam .year-text {
        padding: 8px;
        padding-top: 0;
        /*font-size: x-large;*/
        cursor: pointer;
    }


/*#endregion YEAR TIME BEAM*/

/*#region REPAIR AdminLTE*/
.dropdown-item {
    padding: 0.25rem 1.5rem;
}

body:not(.sidebar-mini-md) .main-header {
    box-shadow: inset 0px -1px #dee2e6;
    border-bottom: none;
    margin-left: unset;
    transition: unset;
}

.register-page {
    height: auto;
    min-height: 100vh;
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text {
    border-bottom-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.login-logo img, .register-logo img {
    width: 100%;
}

.login-box .google-icon,
.login-box .microsoft-icon,
.login-box .miraculum-icon,
.register-box .google-icon,
.register-box .microsoft-icon,
.register-box .fotoDysk-icon {
    width: 1.5rem;
}

.info-box .info-box-content {
    min-width: 0; /*this makes ellipsis work */
}

.card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.125);
}
/*#endregion END REPAIR AdminLTE*/

/*#region ELEMENT GROUP*/
.element-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

    .element-group .element {
        color: #c2c7d0;
        cursor: pointer;
        margin: 0 0.25rem;
    }

        .element-group .element:hover {
            color: #fff;
        }

        .element-group .element.text-element {
            cursor: initial;
        }

            .element-group .element.text-element:hover {
                color: #c2c7d0;
            }

    .element-group .separator {
        margin: 0 0.5rem;
        width: 1px;
        align-self: stretch;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#343a40), to(#343a40), color-stop(50%, #c2c7d0));
    }

    .element-group.dark-mode .element {
        color: rgba(0,0,0,.65);
    }

        .element-group.dark-mode .element:not(:disabled):not(.disabled):hover {
            color: rgba(0,0,0,.9);
        }

        .element-group.dark-mode .element.text-element:hover {
            color: rgba(0,0,0,.65);
        }

    .element-group.dark-mode .separator {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f6f9), to(#f4f6f9), color-stop(50%, #343a40));
    }

    .element-group.full-width > *:not(.separator) {
        flex: 1;
    }

    .element-group.full-width .element,
    .element-group.full-width .separator {
        margin: 0;
    }

    .element-group.full-width .dropdown-toggle.element {
        display: inline-block;
        width: 100%;
    }
/*#endregion ELEMENT GROUP*/

/*#region CHANGE LOG*/
.change-log {
    font-size: smaller;
}

    .change-log .table td {
        border: none;
        padding: 0.5rem 0.25rem;
    }

    .change-log td.component {
        padding-left: 1.25rem;
    }

    .change-log td.group-key {
        padding-bottom: 0;
    }
/*#endregion CHANGE LOG*/

/*#region FILE SET GROUPS*/
.file-set-groups .group {
    border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}

    .file-set-groups .group:last-child {
        border-bottom: 0;
    }

.file-set-groups .group-key {
    font-size: larger;
}
/*#endregion FILE SET GROUPS*/

/*#region BUTTON GROUP DROPDOWN*/
.btn-group-dropdown .dropdown-toggle {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: none;
    cursor: default;
}

.btn-group-dropdown.show .dropdown-toggle {
    border-color: rgba(0, 0, 0, 0.15);
}

.btn-group-dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 1px;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

    .btn-group-dropdown .dropdown-menu.show {
        display: flex;
    }

    .btn-group-dropdown .dropdown-menu[x-placement^="left"] {
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group-dropdown .dropdown-menu[x-placement^="right"] {
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
/*#endregion BUTTON GROUP DROPDOWN*/

/*#region ICOMOON*/
.icomoon {
    display: inline-block;
}

.im-fw {
    text-align: center;
    width: 1.25em;
}

.im-sm {
    font-size: .875em;
}

.im-lg {
    font-size: 1.5em;
}

.im-2x {
    font-size: 2em;
}
/*#endregion ICOMOON*/

/*#region fotoDysk-picker*/
.fotoDysk-picker .picker_wrapper {
    padding: 0 !important;
    border-radius: 6px;
}

    .fotoDysk-picker .picker_wrapper > * {
        margin: 1em 1em 1em 1em !important;
    }

.fotoDysk-picker .picker_sl {
    margin: 0 !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .fotoDysk-picker .picker_sl::before {
        padding-bottom: 150px !important;
    }

.fotoDysk-picker .picker_alpha {
    width: 100%;
}

.fotoDysk-picker .picker_wrapper.no_done .picker_done,
.fotoDysk-picker .picker_wrapper.no_swatches .swatches,
.fotoDysk-picker .picker_wrapper.no_swatches .hr {
    display: none;
}

.fotoDysk-picker .hr {
    order: 1;
    width: 100%;
    margin: 0.25rem 0 !important;
    border-style: inset;
    border-width: 1px;
}

.fotoDysk-picker .swatches {
    order: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .fotoDysk-picker .swatches .swatches-label {
        font-size: initial;
        width: 100%;
        margin-bottom: 0;
    }

    .fotoDysk-picker .swatches .swatch {
        position: relative;
        width: 3em;
        height: 3em;
        margin-top: 0.5em;
        margin-right: 1em;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E") left top/contain white;
        cursor: pointer;
        border-radius: 2px;
        border: solid 1px #ccc;
    }

        .fotoDysk-picker .swatches .swatch .swatch-value {
            position: absolute;
            border-radius: inherit;
            width: 100%;
            height: 100%;
        }

.fotoDysk-picker .low-opacity-warning {
    width: 100%;
    align-items: center;
    margin-top: -1em !important;
    box-shadow: 0 0 0 1px silver;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .fotoDysk-picker .low-opacity-warning .icon {
        font-size: xx-large;
        animation: ring 4s .7s ease-in-out infinite;
        transform-origin: 50% 4px;
    }

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}
/*#endregion fotoDysk-picker*/

/*#region fotoDysk-modal-fs*/
.fotoDysk-modal-fs {
    background-color: #52585d;
}

    .fotoDysk-modal-fs .toolbar {
        background-color: #343a40;
        flex: 0 0 40px;
        z-index: 1;
    }

    .fotoDysk-modal-fs .fotoDysk-modal-fs-content {
        flex: 1;
        display: flex;
    }

    .fotoDysk-modal-fs.fotoDysk-image-modal-fs .fotoDysk-modal-fs-content {
        height: calc(100% - 40px);
    }

    .fotoDysk-modal-fs .fotoDysk-modal-fs-body {
        flex: 1;
        padding: 1rem;
    }

    .fotoDysk-modal-fs.fotoDysk-image-modal-fs .fotoDysk-modal-fs-body {
        /*margin: auto;*/
    }

    .fotoDysk-modal-fs .right-bar {
        flex: 0 0 350px;
        padding: 1rem;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    }
/*#endregion fotoDysk-modal-fs*/

/*#region regulations*/
.regulations {
    text-align: justify;
}

    .regulations .point,
    .regulations .subpoint {
        color: lightskyblue;
    }
/*#endregion regulations*/

/*#region HELPERS*/
.rotate-90 {
    transform: rotate(90deg);
}

.text-dark-gray {
    color: darkgray;
}

.line-height-1 {
    line-height: 1;
}

.d-flex-soft {
    display: flex;
}

.font-size-smaller {
    font-size: smaller;
}

.size-100 {
    width: 100%;
    height: 100%;
}
/*#endregion HELPERS*/

/*#region GALLERY TILES TOOLBAR*/
.gallery-tiles-toolbar {
    row-gap: 0.75rem;
}

    .gallery-tiles-toolbar .separator {
        height: calc(1.8125rem + 2px); /*ponieważ dla .form-control-sm height wynosi calc(1.8125rem + 2px) */
    }

    .gallery-tiles-toolbar .visible-if-image-checked,
    .gallery-tiles-toolbar .remove-folder-from-images-btn {
        display: none;
    }

    .gallery-tiles-toolbar .import-in-progress-div {
        display: none;
        cursor: pointer;
    }
/*#endregion GALLERY TILES TOOLBAR*/

/*#region EVENT PHOTOS DOWNLOAD WAITING SCREEN */
.event-photos-download-waiting-view {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .event-photos-download-waiting-view .ad {
        max-height: 70%;
        max-width: 70%;
    }

    .event-photos-download-waiting-view .ad-image {
        max-height: 100%;
        max-width: 100%;
    }
/*#endregion EVENT PHOTOS DOWNLOAD WAITING SCREEN */

/*#region EVENT PHOTOS CONTAINER*/
.event-photos-container .event-photos {
    visibility: hidden;
}

    .event-photos-container .event-photos img {
        border-radius: 0.25rem;
        margin: 0.5rem;
        border: 2px solid #eee;
        cursor: zoom-in;
    }

.event-photos-container .event-photos-header {
    color: #c2c7d0;
    background-color: #343a40;
    position: sticky;
    top: -20px;
    padding-top: 20px;
    margin-top: -20px;
}

.event-photos-container .event-name {
    font-size: xx-large;
    font-weight: bold;
    line-height: 1;
}

.event-photos-container .photos-number {
    line-height: 1;
    font-size: smaller;
}

.event-photos-container .back-link {
    margin: 0.5rem 0;
    display: inline-flex;
    align-items: center;
}
/*#endregion EVENT PHOTOS CONTAINER */

/*#region DRIVES MANAGEMENT*/
.drives-management {
    margin-left: 0;
}

    .drives-management .add-drive-btn {
        width: 100%;
    }

        .drives-management .add-drive-btn .microsoft-icon,
        .drives-management .add-drive-btn .google-icon {
            width: 1.5rem;
        }

    .drives-management .left-vertical-line {
        border-left: 3px solid #9b8fff;
        margin-left: 0.25rem;
        padding-left: 0.25rem;
    }

    .drives-management .add-drive-btn-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .drives-management .account-card .account-menu {
        position: absolute;
        top: 0.25rem;
        right: 0.25rem;
    }

    .drives-management .account-card .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .drives-management .account-card .logo {
        width: 3rem;
        margin-bottom: 0.5rem;
    }

    .drives-management .account-card .email {
        font-size: 1.25rem;
        color: #ccc;
    }

    .drives-management .account-card .card-footer {
        display: flex;
        flex-direction: column;
    }

    .drives-management .modal-dialog-template {
        display: none;
    }

@media (min-width: 992px) {
    .drives-management .account-card .logo {
        width: 6rem;
    }
}

@media (min-width: 576px) {
    .drives-management .account-card .card-body {
        flex-direction: row;
    }

    .drives-management .account-card .logo {
        margin-bottom: 0;
        margin-right: 1rem;
        flex-grow: 1;
    }

    .drives-management .account-card .info-container {
        flex-grow: 4;
    }

    .drives-management .account-card .email {
        font-size: 1.5rem;
    }

    .drives-management .account-card .card-footer {
        flex-direction: row;
        align-items: center;
    }

        .drives-management .account-card .card-footer > *:not(:last-child) {
            margin-right: 0.5rem;
        }
}
/*#endregion DRIVES MANAGEMENT*/

/*#region FILES SYNC CONTAINER*/
.files-sync-container .modal-dialog-template {
    display: none;
}

.files-sync-container #filesSyncModal .account-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #24292e;
    padding: 0.5rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

    .files-sync-container #filesSyncModal .account-info .logo {
        width: 2rem;
        margin-right: 0.5rem;
    }

    .files-sync-container #filesSyncModal .account-info .email {
        font-size: 1.5rem;
    }

.files-sync-container #filesSyncModal .folder-structure {
    overflow: auto;
    max-height: 50vh;
}

.files-sync-container #filesSyncModal .warning-container {
    display: flex;
    align-items: center;
    font-weight: bold;
    background-color: #B86566;
}

    .files-sync-container #filesSyncModal .warning-container .icon-container {
        font-size: 3rem;
        margin-right: 1rem;
    }

    .files-sync-container #filesSyncModal .warning-container .text {
        font-size: 1.75rem;
    }

.files-sync-container .group-container .existing-groups-fg {
    display: none;
}
/*#endregion FILES SYNC CONTAINER*/

/*#region NO PERMISSION MODAL*/
#noPermissionModal .modal-body {
    text-align: justify;
}

#noPermissionModal .plan-name {
    font-size: x-large;
}
/*#endregion NO PERMISSION MODAL*/

/*#region BG EDITING MODAL*/
#bg-editing-modal {
    width: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    #bg-editing-modal {
        max-width: 500px;
    }
}

#bg-editing-modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#bg-editing-modal .hr-text {
    color: #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

    #bg-editing-modal .hr-text .text {
        background-color: #343a40;
    }

#bg-editing-modal .color-row {
    position: relative;
    display: flex;
    margin-bottom: 1rem;
}

    #bg-editing-modal .color-row .swatch {
        flex: 0 0 1.75rem;
        height: 1.75rem;
        border-radius: 2px;
        border: solid 1px #ccc;
        cursor: pointer;
    }

    #bg-editing-modal .color-row .left-swatch {
        background-color: rgba(255, 255, 255, 1);
    }

    #bg-editing-modal .color-row .right-swatch {
        background-color: rgba(0, 0, 0, 1);
    }

    #bg-editing-modal .color-row .fotoDysk-picker {
        position: fixed;
    }

    #bg-editing-modal .color-row .triangle {
        flex: 1;
        color: transparent;
        margin: 0 0.5rem;
        background-image: linear-gradient(to left top, #aaa 0%, #aaa 50%, transparent 50%);
    }

    #bg-editing-modal .color-row .reset-btn {
        font-size: 1.25rem;
        cursor: pointer;
        margin-right: 1rem;
    }

    #bg-editing-modal .color-row .bg-intensity-range {
        flex: 1;
    }

    #bg-editing-modal .color-row .vl {
        border-left: 1px solid #aaa;
        margin-right: 0.5rem;
    }

    #bg-editing-modal .color-row .hex-color-input {
        width: 100%;
    }

#bg-editing-modal .color-preview {
    position: relative;
    height: 200px;
    background-color: white;
}

#bg-editing-modal .selected-color {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

#bg-editing-modal .original-image {
    max-width: 100%;
    max-height: 400px;
    visibility: hidden;
}

#bg-editing-modal .cropper-brightness {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#bg-editing-modal .drop-zone {
    outline: 1px dashed #ccc;
    border-radius: 2px;
}

    #bg-editing-modal .drop-zone.ui-droppable-hover {
        outline: 2px dashed #ccc;
    }

    #bg-editing-modal .drop-zone .text {
        background-color: #cccccc77;
        padding: 0.5rem;
        border-radius: 0.25rem;
        color: #343a40;
        font-weight: bold;
        font-size: larger;
    }

#bg-editing-modal .flexible-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.25rem;
}

#bg-editing-modal .picker_done button {
    color: unset;
}
/*#endregion BG EDITING MODAL*/

/*#region FILE PROPERTIES*/
.file-properties .editable-dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .file-properties .editable-dd .edit-icon {
        color: #c2c7d0;
        cursor: pointer;
    }

        .file-properties .editable-dd .edit-icon:hover {
            color: #fff;
        }

.file-properties .edit-folder-name-container,
.file-properties .edit-taken-date-container {
    display: none;
    text-align: right;
}
/*#endregion FILE PROPERTIES*/

#remove-images-modal .image-preview {
    max-height: 50px;
}

#setThumbnailStyleModal .layout_default.picker_wrapper {
    width: 100%;
}

#setThumbnailStyleModal .disability-area.g-disabled .low-opacity-warning {
    display: none !important;
}

.edit-thumbnail-modal .original-image-container {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.edit-thumbnail-modal .original-image {
    max-width: 100%;
    max-height: 100%;
    visibility: hidden;
}

.edit-thumbnail-modal .right-bar {
    display: flex;
    flex-direction: column;
}

    .edit-thumbnail-modal .right-bar .hr-text {
        margin: 1rem 0;
    }

    .edit-thumbnail-modal .right-bar .contrast-range {
        margin: 0 0.8rem;
    }

    .edit-thumbnail-modal .right-bar .brightness-container {
        display: flex;
        align-items: center;
    }

        .edit-thumbnail-modal .right-bar .brightness-container .swatch {
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 2px;
            border: solid 1px #ccc;
            cursor: pointer;
        }

        .edit-thumbnail-modal .right-bar .brightness-container .right-swatch .popup {
            left: auto;
            right: 0;
        }

            .edit-thumbnail-modal .right-bar .brightness-container .right-swatch .popup .picker_arrow {
                left: auto;
                right: 0;
                transform: rotate(270deg) scale(1, -1);
            }

                .edit-thumbnail-modal .right-bar .brightness-container .right-swatch .popup .picker_arrow::before {
                    transform: skew(135deg);
                }

                .edit-thumbnail-modal .right-bar .brightness-container .right-swatch .popup .picker_arrow::after {
                    width: 100%;
                    height: 100%;
                }

        .edit-thumbnail-modal .right-bar .brightness-container .brightness-range {
            flex: 1;
            margin: 0 1rem;
        }

    .edit-thumbnail-modal .right-bar .btn-default {
        background-color: rgb(204, 204, 204);
    }

        .edit-thumbnail-modal .right-bar .btn-default:hover {
            background-color: #e9ecef;
        }

    .edit-thumbnail-modal .right-bar .bottom-buttons {
        display: flex;
        margin-top: auto;
    }

        .edit-thumbnail-modal .right-bar .bottom-buttons > * {
            flex: 1;
        }

        .edit-thumbnail-modal .right-bar .bottom-buttons .btn-secondary {
            margin-right: 1rem;
        }

.edit-thumbnail-modal .helper-buttons-of-cropping {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.gallery-editor .text-container,
#html-text-static-container {
    color: #212529;
}

    #html-text-static-container p,
    .gallery-editor .text-container p,
    .eAlbum-page .html-text p {
        margin: 0;
    }

.margin-left-auto {
    margin-left: auto;
}

.dropdown-toggle.no-icon:after {
    content: none;
}

.error-message {
    font-size: 12px;
    color: #ff0000;
}

.error-message-lg {
    color: #ff0000;
}

.alert-icon {
    display: flex;
    align-items: center;
}

    .alert-icon .icomoon {
        margin-right: 15px;
    }

.alert-danger {
    background: #9e0000;
}

    .alert-danger .alert-link {
        color: #8fffff;
    }

.d-none-soft {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

.btn.disabled, .btn:disabled {
    cursor: default;
}

.btn-icon {
    background-color: transparent;
    border: none;
    padding: 0;
    outline: none;
}

    .btn-icon:focus {
        outline: none;
        box-shadow: none;
    }

.disabled-option,
.g-disabled { /*g means gallery*/
    pointer-events: none;
    opacity: 0.6;
}

.no-padding {
    padding: 0;
}

.close-white, .close-white:hover {
    color: white;
}

.draggable {
    cursor: move;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}

.ff-arial {
    font-family: Arial;
}

.ff-arial-black {
    font-family: 'Arial Black';
}

.ff-comic-sans-MS {
    font-family: 'Comic Sans MS';
}

.ff-courier-new {
    font-family: 'Courier New';
}

.ff-helvetica {
    font-family: 'Helvetica';
}

.ff-tahoma {
    font-family: Tahoma;
}

.ff-times-new-roman {
    font-family: 'Times New Roman';
}

.ff-verdana {
    font-family: 'Verdana';
}

.ff-impact {
    font-family: 'Impact';
}

.ff-monotype-corsiva {
    font-family: 'Monotype Corsiva';
}

.ff-bradley-hand-itc {
    font-family: 'Bradley Hand ITC';
}

.ff-tempus-sans-itc {
    font-family: 'Tempus Sans ITC';
}

.ff-french-script-mt {
    font-family: 'French Script MT';
}

.ff-lucida-handwriting {
    font-family: 'Lucida Handwriting';
}

.ff-segoe-print {
    font-family: 'Segoe Print';
}

.btn-align-left {
    text-align: left;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.table.align-middle td, .table.align-middle th {
    vertical-align: middle;
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.input-file-label::after {
    content: attr(data-content);
}

.nav-tabs-sm .nav-link {
    padding: 0.25rem 0.5rem;
}

.dropdown-item {
    position: relative;
    font-size: 0.875rem;
}

    .dropdown-item.active {
        color: inherit;
        background-color: inherit;
    }

        .dropdown-item.active::before {
            font-family: "Font Awesome 5 Free";
            content: "\f00c";
            font-weight: 900;
            font-size: .875em;
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
        }

.danger-dropdown-item {
    color: #dc3545 !important;
}

    .danger-dropdown-item:hover {
        color: inherit !important;
        background-color: #dc3545;
    }

.vertical-bt-text-container {
    position: relative;
    width: 42px;
}

    .vertical-bt-text-container .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(270deg);
    }

.bottom-0 {
    bottom: 0 !important;
}

.font-size-inherit {
    font-size: inherit;
}

@media (min-width: 576px) {
    dl.dl-inline-sm dt {
        margin-bottom: 0.5rem;
    }
}

.hr-text {
    width: 100%;
    color: #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
    line-height: 0.1em;
    margin: 10px 0 10px;
}

    .hr-text .text {
        background: #52585d;
        padding: 0 5px;
        margin-left: 5%;
    }

    .hr-text.hr-text-light {
        color: #343a40;
        border-color: #343a40;
    }

        .hr-text.hr-text-light .text {
            background: #f4f6f9;
        }

.gallery-toolbar {
    position: -webkit-sticky;
    position: sticky;
    top: -20px;
    background-color: #343a40;
    z-index: 100;
    margin-top: -20px;
    padding: 1rem 0;
}

.select-lang-flag-icon {
    border: 1px solid #eee;
}

.field-validation-error,
.field-error-message {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.validation-summary-errors {
    color: #dc3545;
}

.text-black {
    color: black;
}

#external-account-accordion .sync-btn {
    display: none;
    float: right;
}

.mirror-reflection {
    transform: scaleX(-1);
}

.dropdown-menu-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
}

.center-by-absolute-position {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.position-absolute-size-100 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tooltip-icon {
    color: deepskyblue;
    vertical-align: middle;
    font-size: smaller;
}

#photoManagementModal .connected-file-sets {
    display: flex;
    flex-wrap: wrap;
}

    #photoManagementModal .connected-file-sets .file-set {
        width: 48%;
        margin: 0 1%;
        overflow: hidden;
    }

#photoManagementModal .select-account-ddm .dropdown-item {
    display: flex;
    align-items: center;
}

#photoManagementModal .select-account-ddm .google-icon,
#photoManagementModal .select-account-ddm .microsoft-icon {
    width: 1.5rem;
    margin-right: 0.25rem;
}

#photoManagementModal .sync-method-container {
    display: none;
}

    #photoManagementModal .sync-method-container .account-info {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    #photoManagementModal .sync-method-container .logo {
        margin-right: 0.5rem;
    }

    #photoManagementModal .sync-method-container .google-icon,
    #photoManagementModal .sync-method-container .microsoft-icon {
        width: 2rem;
    }

#createEAlbumModal .skip-control {
    height: calc(2.25rem + 2px);
    display: flex;
    align-items: center;
}

.scrollable-modal-body {
    overflow-y: auto;
    max-height: 75vh;
}

.event-sync-container #filesSyncModal .account-info {
    display: none;
}

#imagePropertiesModal .modal-content {
    background-color: #52585d !important;
}