/*
.cms-container 
{
    box-shadow: rgba(0,0,0,0.125) 1px 1px 6px;
}

.cms-container:hover {
    box-shadow: rgba(0,0,0,0.25) 1px 1px 10px;
}
*/

.cms-layout-heading,
.cms-module-heading {
    display: none;
}

ul.menu {
    padding-left: 10px;
    list-style-type: none;
    text-indent: -17px;
}

    ul.menu > li > ul {
        margin-bottom: 0;
        padding-left: 40px;
        list-style-type: disc;
    }

    ul.menu hr {
        margin: 12px 0 10px 0;
    }

table.grid {
    width: 100%;
}

    table.grid th,
    table.grid td {
        padding: 6px 12px;
        border: 1px solid #e0e0e0;
    }

.html-content-list-tree ul {
    padding-left: 20px;
}

.html-content-list-tree ul li {
    margin: 0;
}

.html-content-list-tree ul li .content {
    width: 100%;
    display: inline-block;    
}

.html-content-list-tree ul li .content-with-checkbox {
    display: flex;
    justify-content: space-between;
}

.html-content-list-tree ul li .content .date {
    display: inline-block;
    margin-right: 15px;
    color: #909090;
}

.html-content-list-tree ul li .content .title {
    display: inline-block;
    max-width: 490px;    
}

.html-content-list-tree ul li .content .title-fix-width {
    width: 400px;
}

.html-content-list-tree > ul > li {
    margin-top: 10px;
}

.html-content-list-tree > ul > li > .content .title {
    font-weight: bold;
}

.html-content-list-tree ul li .content:hover {
    background-color: #f2f2f2;
}

.html-content-list-tree ul li a.action-link {
    margin-left: 20px;
    font-size: small;
    color: #909090;
    float: right;    
}

.html-content-list-tree ul li a .glyphicon {
    margin-right: 4px;
}

.html-content-list-tree ul li a .glyphicon-remove {
    color: red;
}

.input-file-clear-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #f70606;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.38);
}

.input-file-container {
    position: relative;
}

.output-file-container {
    position: relative;
}

.output-file-base64 {
    height: 200px;
    width: 100%;
}

.output-file-img-container {
    width: fit-content;
    position: relative;
}


.flex-ai-center {
    display: flex;
    align-items: center;
}

h2 {
    margin-bottom: 20px;
}

.column-sortable {
    display: flex;
}
.icon-sort {
    background-image: url("./../images/sort.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: auto 0 auto 5px;
}

.icon-sort-asc {
    background-image: url("./../images/sort-asc.svg");
}

.icon-sort-desc {
    background-image: url("./../images/sort-desc.svg");
}

.spinner-loader {
    display: none;
    width: 2rem;
    height: 2rem;
    margin-left: 5px;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-loader .75s linear infinite;
}

@keyframes spinner-loader {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}