:root {
    --sel-minw: 200px;
    --sel-w: 200px;
    --sel-maxw: 200px;

    --tabs-h: 50px;
    --detail-toolbar-h: 40px;

    --c-fieldname: #dce0e3;
    --c-selection: #9ca0a3;
    --c-visual: white;

    --bs-fields: none; /* 1px 1px 2px 1px black; */
    --visualvigs-h: 200px;

    --linked-searchbar-h: 30px;
    --linked-mosaic-h: 200px;
    --linked-mosaic-w: 200px;
    --linked-field-h: 30px;

    --related-toolbar-w: 40px;
}

.block-detail {
    width: 100%;
    height: 100%;
    background-color: #4b4b4b;
    box-sizing:border-box;
}

.block-detail .maincontent .related .tabs > *.hide {
    display: none !important;
}

.header .headtools {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    
    gap: 20px;
}

.block-detail >.hgroup{
    width: 100%;
    height: 100%;
}

.block-detail .vgroup {
    height: 100%;
    /* width: -webkit-fill-available; */
    width: calc(100% - var(--sel-w));
}

/* ----------------------------- */

.block-detail .selection {
    height: 100%;
    
    width: var(--sel-w);
    min-width: var(--sel-minw);
    max-width: var(--sel-maxw);
    
    /* padding: 10px; */
    
    /* background-color: var(--csecondary); */

    background-color: #333;
    
    /* background-color: green; */
}

.block-detail .selection .maincontent {
    position: relative;
    height: 100%;
}

.block-detail .maincontent {
    height: 100%;
    /* height: calc(100% - var(--detail-toolbar-h)); */
    width: -webkit-fill-available;
    box-sizing: border-box;
    /* background-color: var(--c-selection); /\* #818181; *\/ */
    /* background-color: white; */
    max-width: 100%;
    
    /* min-height: calc(100vh - var(--header-height) - 36px); */
    /* max-height: calc(100vh - var(--header-height) - 36px); */
}

.block-detail .maincontent > .fields,
.block-detail .translater .fields {
    display: flex;
    flex-direction: column;
    
    height: 100%;
    width: 50%;
    
    background-color: #fff;
    color:#000;
    
    /* border-right: 1px solid grey; */
}

.block-detail .maincontent > .related,
.block-detail .translater {
    height: 100%;
    
    /* height: calc(100% - var(--detail-toolbar-h)); */
    flex: 1;
    /* width: 50%; */
    /* width: auto; */
    
    background-color: var(--c-selection); /* #808080; */
}

.block-detail .maincontent > .related .tab-content .toolbar{
    display: flex;
    /* position: fixed; */
    /* bottom: 0px; */
    /* right: 0px; */
    /* width: 30%; */
    width: 100%;
    height: var(--detail-toolbar-h);
    padding: 0;

    background-color: #eee;
    color: black;
}

.block-detail .maincontent .tabs {
    height: var(--tabs-h);
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    
    display:flex;
    justify-content:space-around;
    gap: 1px;
    
    color:white;
    /* background-color:#333333; */
    background-color: white;
    box-sizing:border-box;
    border-top: 0;
    
    order: 0;
    z-index: 10;
    /* font-size:13px; */
}

.block-detail .maincontent select.tabs {
    color: black !important;
}

.block-detail .maincontent .tabs .tab-item {
    /* border-right: 1px solid #FFC107; */
    /* box-shadow: 0px -1px 1px grey; */
    
    text-align: center;
    padding: 1px 3px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: rgba(30,30,30,0.9);
    
    transition: all 0.365s ease-in-out;
}

.block-detail .maincontent select.tabs .tab-item {
    background-color: white;
    color: black;
}

.block-detail .maincontent .tabs .tab-item:hover {
    background-color: white;
    color: black;
}

.block-detail .maincontent .tabs .tab-item.selected {
    background-color:white;
    color:black;
}

/* .block-detail .maincontent .tabs .tab-item.visual.selected { */
/*     background-color:white !important; */
/*     color:black !important; */
/* } */

/* .block-detail .maincontent .related .tabs .tab-item.selected { */
/*     background-color: grey; */
/*     color:white; */
/* } */

.block-detail .maincontent .tabs .tab-item.selected {
    background-color: white !important;
    color: black !important;
}

/* .block-detail .maincontent .tab-content[data-tab="visual"] { */
/*     background-color: white; */
/* } */

.block-detail .maincontent .tab-content {
    display: none !important;
    background-color: white !important;
}

.block-detail .maincontent .tab-content.selected {
    display: block !important;
}

.block-detail .maincontent .related .tabs .tab-item{
    overflow:hidden;
}

.block-detail .maincontent .tab-content{
    height: calc(100% - var(--tabs-h) - var(--detail-toolbar-h));
    overflow: auto;
    display:none;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    
    /* padding: 10px; */
    padding: 10px 10px 0 10 !important;
    
    box-sizing: border-box;

    order: 1;
    
    /* border-right: 1px solid rgba(30,30,30,0.2) */
    
    box-shadow: -5px -10px 10px rgba(30,30,30,0.2) inset;
    /* padding-top: var(--tabs-h); */
}

/* .block-projects .maincontent .tab-content { */
/*     padding-top: var(--tabs-h); */
/* } */

.block-detail .maincontent .tab-content[data-tab="visual"] iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.block-detail .maincontent .tab-content[data-tab="visual"] .hgroup .toolbar{
    display: flex;
    position: relative;
}

.block-detail .maincontent .tab-content.selected {
    display:block;
    overflow: hidden;
}

.block-detail .maincontent .tab-content.selected:hover {
    overflow: auto !important;
    overflow: overlay !important;
}

.block-detail .maincontent .tab-content.selected .field-item .name,
.block-detail .maincontent .tab-content.selected .field-item .field-name
{
    background-color: var(--c-fieldname); /* grey */
    padding-left: 5px;
    /* min-height: 31px; */
    height: 30px;
    margin: 2px 0px;
    box-sizing: border-box;
    padding-right: 5px;
    color: black; /* white; */
    width: 100%;
    position: relative;
    /* line-height: 30px; */
    font-weight: bold;

    box-shadow: var(--bs-fields);
}

.block-detail .maincontent .tab-content.selected .field-item .name {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block-detail .maincontent .tab-content.selected .field-item .name span {
    display: flex;
    align-items: center;
}

/* .block-detail .maincontent .tab-content.selected .field-item .field-name{ */
/*     /\* font-weight: bold; *\/ */
/*     background-color: white; */
/*     padding-left: 5px; */
/*     height: 27px; */
/*     line-height: 27px; */
/*     margin: 2px 5px; */
/*     box-sizing: border-box; */
/*     padding-right: 5px; */
/*     color:black; */
/*     /\* width: 100%; *\/ */
/* } */

.block-detail .maincontent .tab-content.selected .field-item .buniplan:hover,
.block-detail .maincontent .tab-content.selected .field-item .buniaffix:hover {
    background-color: #b2b2b2;
    box-shadow:var(--bs1);
    color:black;
}

.block-detail .maincontent .tab-content.selected .field-item .buniplan,
.block-detail .maincontent .tab-content.selected .field-item .buniaffix {
    /* right: 8px; */
    /* position: absolute; */
    /* height: 27px; */
    /* top: 4px; */
    /* border: 0px; */
    /* background-color: #212121; */
    /* color: white; */
    /* border-radius: 7px; */
    /* padding: 0px 10px; */
    border: 0px;
    background-color: #212121;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 8px;
    box-sizing: border-box;
    border-radius: 7px;
    height: 27px;
    padding: 0px 10px;
}

.block-detail .maincontent .tab-content.selected .field-item .value{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: justify;
    
    padding: 5px 10px 5px 10px;
    
    width: 100%;
    min-height:50px;
    box-sizing:border-box;
    word-break: break-all;
}

.block-detail .maincontent .tab-content.selected .field-item .value.text {
    display: block !important;
}

.block-detail .maincontent .tab-content.selected .field-item .value > a:hover {
    border: 1px solid gray;
    background-color: lightgray;
}

.block-detail .maincontent .tab-content.selected .field-item .value > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    padding: 0px 5px;
    margin: 5px;
    
    text-decoration: none;

    background-color: rgb(240,240,240);
    color: black;
    border: 1px solid lightgray;
    cursor: pointer;    
}

.block-detail .maincontent .tab-content.selected .field-item .value > div:hover {
    background-color: var(--cimportant) !important;
    color: var(--text-important);
}

.block-detail .maincontent .tab-content.selected .field-item .value > div:hover > button {
    color: var(--text-color);
}

.block-detail .maincontent .tab-content.selected .field-item .value > div:hover > span {
    text-decoration: underline;
}
    
.block-detail .maincontent .tab-content.selected .field-item .value > div.selected {
    background-color: cyan;
}

.block-detail .maincontent .tab-content.selected .field-item .value > div > button {
    width: 30px;
    border: 0;
    font-weight: bold;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
    
    background-color: transparent;
    
    color: var(--cimportant);
}

.block-detail .maincontent .tab-content.selected .field-item .value > div > button:hover {
    color: red;
}

.block-detail .maincontent .tab-content.selected .field-item .field-value{
    padding: 5px 10px 5px 10px;
    /* height:50px; */
    /* max-height:250px; */
    max-width:100%;
    min-width:100%;
    min-height:50px;
    box-sizing:border-box;
    word-break: break-word;
}

.block-detail .maincontent .tab-content .field-item .fieldheader{
    padding-left:10px;
}


.block-detail .maincontent .tab-content .field-item .bhelplist:hover{
    background-color: #b2b2b2;
    box-shadow:var(--bs1);
    color:black;
}


.block-detail .maincontent .tab-content .field-item .bhelplist{
    border: 0px;
    background-color: #212121;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 8px;
    box-sizing: border-box;
    border-radius: 7px;
    height: 27px;
    padding: 0px 10px;
}

.block-detail .maincontent .tab-content .field-item .bfile:hover{
    background-color: #b2b2b2;
    box-shadow:var(--bs1);
    color:black;
}


.block-detail .maincontent .tab-content .field-item .bfile{
    border: 0px;
    background-color: #212121;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 8px;
    box-sizing: border-box;
    border-radius: 7px;
    height: 27px;
    padding: 0px 10px;
}

.block-detail .toolbar .bcancel{
    background-color: #921a22!important;
}

.block-detail .toolbar .bcancel,
.block-detail .toolbar .bvalidate {
    display: block;
    background-color: #212121;
    border: 0px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 0px 10px;
    height: 23px;
    line-height: 25px;
    box-shadow: var(--bs1);
    text-transform: uppercase;
}

.block-detail .toolbar .bcancel:hover:hover {
    background-color: #808080!important;
}

.block-detail .toolbar .bvalidate:hover{
    background-color:grey;
}


.block-detail .maincontent .related .tab-content .field-item .fieldheader{
    display: none;
}

.block-detail .maincontent .related .searchresult.tablelist .field-item .fieldheader {
    display: flex !important;
    flex: 1;
}

.block-detail .maincontent .tab-content .field-item{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px 10px;
    box-sizing:border-box;
    position: relative;
}

.block-detail .maincontent .items.drag-container .gallery-item
.subgroup .infolist .field-item .fieldname{
    display:none;
}

.block-detail .maincontent .items.drag-container .gallery-item:hover .selected-item,
.block-detail .maincontent .items.drag-container .gallery-item.selected .selected-item {
    padding:20px 45px 0px 0px;
    /* height:100px; */
    /* width:100px; */
    top: 0px;
    /* left: 18px; */
    left: 0;
}

.block-detail .selection .maincontent .items .field-header{
    display:none;
}

.block-detail .selection .maincontent .items .gallery-item.current{
    /* background-color:#333333; */
    /* box-shadow: var(--bs1); */
    
    background-color: #eee;
    color: black !important;
}

.block-detail .selection .maincontent .items .gallery-item.current:after {
    content: '✔'; /* '§'; */
    height: 32px;
    width: 32px;
    font-size: 24px;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    position: absolute;
    left: -14px;
    
    color: red;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(2px);
    box-shadow: 0px 0px 2px white;
    border-radius: 360px;
}

/* .block-detail .selection .maincontent .items .gallery-item.current .field-item { */
/*     color: white !important; */
/* } */

.block-detail .selection .maincontent .items .gallery-item{
    display: flex;
    align-items: center;
    justify-content: center;
    
    position: relative;
    width: 100%!important;
    
    padding: 5px;
    
    background-color: rgba(255, 255, 255, 0.4);
    
    box-shadow: 0px 1px 1px black;

    flex-grow: 0 !important;
}

.block-detail .selection .maincontent .items .gallery-item:hover {
    filter: brightness(1.5);
}

.block-detail .selection .maincontent .items .gallery-item.selected .subgroup{
    background-color:#4b4b4b;
    
}

.block-detail .selection .maincontent .items .gallery-item .subgroup .infolist .field-item{
    overflow: hidden;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    line-height: 25px;
    width: 100% !important;
    
    color: black !important;
}

.block-detail .selection .maincontent .items .gallery-item .subgroup .infolist .field-item > .fieldvalue {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 2px;
}

.block-detail .selection .maincontent .items .gallery-item.selected .subgroup .infolist .field-item{
    color: white !important;
}

.block-detail .selection .maincontent .pagination{
    padding: 4px 1px;
    height: var(--detail-toolbar-h);
    
    /* color: var(--text-icolor); */
    /* background-color: var(--csecondary); */
    color: white;
    background-color: #333;
    
    box-sizing:border-box;
}

.block-detail .selection .maincontent .pagination .istep {
    display: none;
}

/* .block-detail .selection .maincontent .items.drag-container{ */
/*     width: 100%; */
/*     height: calc(100% - var(--detail-toolbar-h)); */
    
/*     background-color: var(--c-selection); */

/*     overflow: hidden; */
/*     overflow-y: auto !important; */

/*     box-sizing:border-box; */
/* } */

.block-detail .selection .maincontent .items {
    /* height: calc(100% - 40px); */
    height: calc(100% - 50px - 40px);
    width: 100%;
    
    display: flex;
    flex-direction: column;
    
    gap: 15px;
    /* margin-top: 10px; */
    padding: 15px;
    
    overflow: hidden;

    box-shadow: 0px 2px 10px black;
    
    box-sizing: border-box;
}

.block-detail .selection .maincontent .items:hover {
    overflow: auto;
    overflow: overlay;
}

.block-detail .selection .maincontent .items .progress-wrapper{
    box-shadow: 2px 1px 2px 1px #00000099;
    position:fixed;
    left:0;
    bottom:40px;
}

.block-detail .selection .subgroup {
    height: 100%;
    width: 100%;
}

.block-detail .selection .maincontent .items.drag-container .gallery-item .subgroup .infolist{
    dispaly: flex;
    flex-direction: column;
    overflow: hidden;
    
    height:26px;
    min-height:26px;
    max-height:26px;
    line-height:25px;
}

.block-detail .hgroup .selection .maincontent .items.drag-container 
.gallery-item .subgroup .img-container{
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    /* height:100%; */
    height: calc(100% - 26px);
    
    background-color: black;
}

.block-detail .hgroup .selection .maincontent .items.drag-container .gallery-item .subgroup .img-container img{
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    height: 90px;
    width: auto;
    max-width:100%;
    background-size: contain;
}

.block-detail .tools {
    display: flex;
    height: var(--detail-toolbar-h);
    align-items: center;
    justify-content: space-around;

    gap: 15px;
    padding: 5px;
    
    order: 10;
    
    /* background-color: var(--csecondary); */
    /* color: var(--text-icolor) !important; */
    background-color: #333;
    color: white;
    
    box-sizing: border-box;
}

.block-detail .tools .tool {
    display: flex;
    align-items: center;
    justify-content: center;
    
    text-transform: capitalize;
    
    height: 100%;
    width: 100%;
    
    border: 0;
    box-shadow: none;
    
    -webkit-appearance: none;
    
    background-color: transparent !important;
    
    cursor: pointer;

    border-radius: 9px;

    color: white;
    
    box-sizing: border-box;
}

.block-detail .tools .tool.bvalidate {
    background-color: var(--green) !important;
}

.block-detail .tools .tool.bcancel {
    background-color: var(--red) !important;
}

/* .block-detail .tools .bremove { */
/*     color: rgb(200,50,50); */
/* } */

.block-detail .tools .tool:hover {
    color: black !important;
    background-color: #eee !important;
}

.block-detail .tools .bremove:hover {
    background-color: var(--red) !important;
    color: white !important;
}

.block-detail .tools .tool:disabled {
    background-color: var(--disabled) !important;
    color: white;
}

/* .block-detail .hgroup .vgroup .toolbar > *, */
/* .block-detail .assoctoolbar > * { */
/*     border:0px; */
/*     background-color: #3c3c3c; */
/*     color:white; */
    
/*     border-radius:3px; */
/*     box-sizing:border-box; */
/*     cursor:pointer; */
/*     padding:1px 5px; */
/*     box-shadow: var(--bs2); */

/*     text-transform: capitalize; */
/* } */

/* .block-detail .hgroup .vgroup{ */
/*     background-color: #4b4b4b; */
/* } */


/* .block-detail .hgroup .vgroup .toolbar, */
/* .block-detail .assoctoolbar { */
/*     display: flex; */
/*     flex-direction: row; */
/*     background-color: #4b4b4b; */
/*     padding: 5px 20px 5px; */
/*     width: 50%; */
/*     height: 100%; */
/*     align-items: center; */
/*     justify-content: center; */
/*     justify-content: space-evenly; */
/* } */

.block-detail .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected .hgroup {
    width: 100%;
    height: 100%;
    background-color: #808080;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected .hgroup .toolbar > div:hover {
    background-color:grey;
}

.block-detail  .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected .hgroup .toolbar > div {
    cursor: pointer;
    
    border:0px;
    background-color:#3c3c3c;
    color:white;
    border-radius:3px;
    box-sizing:border-box;
    cursor:pointer;
    padding:1px 5px;
    box-shadow: var(--bs2);
}


.block-detail  .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected
.hgroup .toolbar{
    background-color: #212121;
    justify-content: space-evenly;
    padding: 5px;
    width:100%;
}

.block-detail .hgroup .visual > a {
    display: flex;
    justify-content: center;
    /* align-items: flex-start; */
    align-items: center;
    
    height: 100%;
    width: 100%;
    border-radius: 3px;
    box-shadow: var(--bs-fields);
    box-sizing: border-box;
}

.block-detail div[data-tab="visualdetails"] .visual > a {
    height: 100%;
}

.block-detail  .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected
.hgroup .visual .img{
    /* height: 100%; */
    /* height: 100%; */
    /* width: 100%; */
    /* max-height: 100%; */
    /* max-height: 100%; */
    /* height: auto; */
    /* width: auto; */
    /* max-width: 100%; */
    width: auto;
    height: auto;
    max-height: 100%;
    /* display: block; */
    max-width: 100%;
    border: 1px solid black;
    border-radius: 3px;
    /* box-shadow: var(--bs-fields); */
    box-sizing: border-box;
    
    box-shadow: 0px 0px 2px black;
}

.block-detail  .hgroup .vgroup .hgroup.maincontent .related .tab-content.selected
.hgroup .visual {
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 15px; */
    height: calc(100% - var(--detail-toolbar-h));

    box-sizing: border-box;
    display: block;
}

.progress-wrapper{
    display:none;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .related 
.tab-content.selected 
.maincontent .items.drag-container.drop-container .gallery-item .subgroup{
    width: 100%;
    /* height: 200px; */
    box-sizing:border-box;
}

/* .block-detail .hgroup .vgroup .hgroup.maincontent .related  */
/* .tab-content.selected  */
/* .maincontent .items.drag-container.drop-container .gallery-item .subgroup .img-container{ */
/*     width: 100%; */
/*     height: 100%; */
/*     box-sizing:border-box; */
/*     display: flex; */
/*     align-items: center; */
/*     justify-content: center; */
/*     padding:3px; */
/* } */

.block-detail .hgroup .vgroup .hgroup.maincontent .related 
.tab-content.selected 
.maincontent .items.drag-container.drop-container .gallery-item .subgroup
.img-container img{
    max-width: 100%;
    max-height: 100%;
}

/* .block-detail .hgroup .vgroup .hgroup.maincontent .related  */
/* .tab-content.selected  */
/* .maincontent .items.drag-container.drop-container .field-item.field-header{ */
/*     display:none; */
/* } */

/* .block-detail .hgroup .vgroup .hgroup.maincontent .related  */
/* .tab-content.selected  */
/* .maincontent .items.drag-container.drop-container .gallery-item .subgroup */
/* .field-item{ */
/*     display:none; */
/* } */

.block-detail .hgroup .vgroup .hgroup.maincontent .related 
.tab-content.selected 
.maincontent .items .gallery-item.selected .selected-item{
    left:0;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .related 
.tab-content.selected 
.maincontent .items .gallery-item:hover .selected-item{
    left:0;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .related 
.tab-content.selected 
.maincontent .items .gallery-item.selected .subgroup{
    background-color:#4b4b4b;
}

/* .block-detail .hgroup .vgroup .hgroup.maincontent .related  */
/* .tab-content.selected  */
/* .maincontent .items .gallery-item{ */
/*     margin:1px; */
/*     position:relative; */
/* } */

/* .block-detail .hgroup .vgroup .hgroup.maincontent .related  */
/* .tab-content.selected  */
/* .maincontent .items { */
/*     background-color: var(--c4); */
/*     overflow: auto; */
/*     display: grid; */
/*     grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); */
/*     width: 100%; */
/*     height: calc(100% - var(--pagina-height)); */
/* } */

.block-detail .related .searchresult.tablelist .items {
    display: flex !important;
    flex-direction: column;
    
}

.block-detail .related .searchresult.tablelist .items > * {
    flex-grow: 0 !important;
}

.block-detail .hgroup .vgroup .tab-content.selected 
.field-item .values .value-item .value{
    min-height: inherit;
    display: flex;
    align-items: center;
    min-width: inherit;
    height:auto;
}

.block-detail .hgroup .vgroup .field-item.ismandatory .name span:after {
    content: "*";
    margin: 0 2px;
}

.block-detail .field-item .values {
    display: flex;
    flex-wrap: wrap;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .fields .tab-content.selected .field-item .values .value-item > button,
.block-detail .tab-content[data-tab="visualdetails"] .field-item .values .value-item > button,
.popup .values .value-item > button {
    background-color: transparent;
    /* color: var(--cimportant); */
    color: var(--text-color);
    border: 0px;
    /* border-radius: 3px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: var(--bs1); */
    /* padding: 3px; */
    height: 25px;
    min-height:25px;
    max-height:25px;
    width: 25px;
    min-width:25px;
    max-width:25px;
    box-sizing:border-box;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .fields .tab-content.selected .field-item .values .value-item > button:hover,
.block-detail .tab-content[data-tab="visualdetails"] .field-item .values .value-item > button:hover,
.popup .values .value-item > button:hover{
    background-color: var(--cimportantdark);
    color: var(--text-important);
    /* color: var(--text-icolor); */
}

.block-detail .hgroup .vgroup .hgroup.maincontent .fields .tab-content.selected .field-item .values .value-item > .value,
.block-detail .tab-content[data-tab="visualdetails"] .field-item .values .value-item > .value,
.popup .values .value-item > .value {
    padding-left: 5px;
}

.block-detail .hgroup .vgroup .hgroup.maincontent .fields .tab-content.selected .field-item .values .value-item,
.block-detail .tab-content[data-tab="visualdetails"] .field-item .values .value-item,
.popup .values .value-item {
    display: flex;
    flex-direction: row;
    /* width: 90%; */
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    background-color: var(--c1);
    box-sizing: border-box;
    margin: 2px;
    /* min-height: 50px;  */
    /* width:100%; */
}

.block-detail .field-item.hide,
.block-detail .field-item.hide2,
.block-detail .field-item.hide3,
.block-detail .field-item.hide4 {
    display: none !important;
}

/* .hgroup.headtools > *:not(first-child) { */
/*     margin-left: 10px; */
/* } */

.hgroup.headtools > .hgroup > button.selected,
.hgroup.headtools .btranslate.selected {
    filter: invert(1);
    transform: scale(-1,1);
}

.hgroup .priofield {
    position: absolute;
    background-color: white;
    color: black;
    /* border: 1px solid black; */
    border-left: 0;
    border-top: 0;

    min-width: 100px;
    
    box-sizing: border-box;
    border-radius: 0 0 9px 0;
    margin-top: 1px;
    /* box-shadow: 1px 1px 2px black; */
}

.hgroup .priofield > *{
    padding: 5px;
}
    
.hgroup .priofield .label {
    display: none;
    font-weight: bold;
    text-transform: capitalize;
}

.block-detail .maincontent .tab-content[data-tab="visual"] .hgroup {
    /* background-color: var(--c-visual) !important; */
    background-color: transparent !important;
}

.block-detail .maincontent .tab-content[data-tab="visual"] .toolbar {
    background-color: var(--c-visual) !important;
}

.block-detail .maincontent .tab-content[data-tab="projects"] {
    /* height: calc(100% - 50px); */
    /* display: flex; */
    /* flex-direction : column; */
    
    /* overflow: auto; */
    /* /\* padding: 10px; *\/ */
    /* box-sizing: border-box; */
}

.block-detail .maincontent .tab-content[data-tab="projects"] .project-item {
    display: flex;
    flex-direction: column;

    padding: 10px;
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="projects"] .project-item:nth-child(even) {
    background-color: white;
    color:black;
}

.block-detail .maincontent .tab-content[data-tab="projects"] .item {
    display: flex;
}

.block-detail .maincontent .tab-content[data-tab="projects"] .item > * {
    flex: 1;
}

.block-detail .maincontent .tab-content[data-tab="projects"] .item .key {
    width: 200px;
}

.block-detail .tab-content .maincontent {
    display: flex;
    
    /* height: calc(100% - 30px); */
    overflow: auto;
    min-height: 0px;
}

.menuheader .hgroup.headtools .projtools {
    display: flex;
    flex-direction: row;
    
    display: none;
}

.menuheader .hgroup.headtools .projtools > * {
    margin-left: 5px;
}

.menuheader .hgroup.headtools .projtools > button:hover {
    background-color:grey;
    box-shadow:(--bs0);
}

.menuheader .hgroup.headtools .projtools > * {
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    border: 1px solid grey;
    background-color: #212121;
    border-radius: 3px;
    color: white;
    box-shadow: var(--bs1);
    padding: 0;
}

.field-item .hgroup > * {
    margin: 0px 2px;    
}

.block-detail .selection .searchtools > * {
    display: none !important;
    order: 0;
}

.block-detail .selection .checkuncheck {
    display: block !important;

    /* width: 36px; */
    /* height: 36px; */

    background-color: transparent;
    
    border: 0;
    -webkit-appearance: none !important;
    
    /* background-color: var(--csecondary) !important; */
    /* color: var(--text-icolor) !important; */
}

.block-detail .searchresult.tablelist > .maincontent > .items .gallery-item {
    /* width: auto !important; */
}

.block-detail .related .tab-content .toolbar .sortlist,
.block-detail .related .tab-content .toolbar .sortorder,
.block-detail .related .tab-content .toolbar .dsplist,
.block-detail .related .tab-content .toolbar .total,
.block-detail .related .tab-content .toolbar .bonlymedia,
.block-detail .related .tab-content .toolbar .bwaterfall {
    display: none;
}

.block-detail .related .tab-content .toolbar .total {
    min-width: 150px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.block-detail .related .gallery-icons {
    width: 100%;
    height: 100%;
    
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.block-detail .tools .toolbar > div:hover,
.block-detail .tools .toolbar > button:hover,
.block-detail .gallery-icons > i:hover,
.block-detail .assoctoolbar > div:hover,
.block-detail .assoctoolbar > button:hover {
    background-color: var(--c-selection) !important;
}

.block-detail .related .searchresult.mosaic .items .field-header {
    display: none;
}

.block-detail .related .searchresult.mosaic .items {
    /* height: calc(100% - var(--pagina-height)); */
    height: fit-content;
    min-height: 100%;
    
    width: calc(100% - var(--related-toolbar-w));
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    /* overflow: auto; */
    
    align-items: flex-start;
    
    box-sizing: border-box;
    border: 0px !important;
    
    background-color: transparent;
    /* justify-content: space-around; */
}

.block-detail .related .searchresult.waterfall .items,
.block-detail .related .searchresult.tablelist .items {
    width: calc(100% - var(--related-toolbar-w));
}


.block-detail .related .searchresult .searchtools {
    position: fixed;
    right: var(--scrollbar-width);
    height: calc(100% - var(--tabs-h) - var(--detail-toolbar-h) - var(--header-height) - 70px);
    
    display: flex;
    flex-direction: column;
    align-items: center;
    
    width: var(--related-toolbar-w);
    
    background-color: #eee;
    color: black !important;
}

.block-detail .related .links .searchbar .beraser,
.block-detail .related .searchresult .searchtools .baddbasket,
.block-detail .related .searchresult .searchtools .blink,
.block-detail .related .searchresult .searchtools .bexport,
.block-detail .related .searchresult .searchtools .bremove {
    display: none !important;
}

.block-detail .related .searchresult .searchtools > *,
.block-detail .related .searchresult .searchtools > * > * {
    background-color: transparent !important;
    color: inherit;
    border: 0 !important;
}

.block-detail .related .searchresult .searchtools > .group_tools,
.block-detail .related .searchresult .searchtools > .group_search {
    display: none;
}

.block-detail .related .searchresult.mosaic .items .gallery-item {
    /* max-width: 50%; */
    max-width: 100%;
    width: 250px !important;
    border: 6px solid white;
    background-color: #222;
    
    /* flex: 1; */
    /* min-width: 200px; */
    
    /* background-color: #fff; */
}

.block-detail .related .searchresult.mosaic .items .subgroup {
    width: 100%;
    height: 100%;
    
    box-sizing: border-box;
}

.block-detail .related .searchresult.mosaic .items .subgroup .img-container {
    height: 350px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #333; */
    box-sizing: border-box;
    
    /* height: 200px; */
    /* width: auto; */

    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    
    /* box-sizing: border-box; */
}

.block-detail .related .searchresult.mosaic .items .subgroup .infolist {
    height: calc(100% - 350px);
    width: 100%;
    
    /* background-color: #eee; */
}

.block-detail .searchresult.mosaic > .maincontent > .items > .gallery-item {
    height: 400px !important;
}

.block-detail .gallery-item .field-item.novalue {
    display: none !important;
}

.block-detail .gallery-item .field-item:not(.novalue) {
    display: block !important;
}

.block-detail .searchresult.tablelist {
    padding: 0;
}

.block-detail .searchresult.tablelist .maincontent .items .field-header {
    width: max-content;
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    
    margin: 0;
    padding: 0;
}

.block-detail .searchresult.tablelist .maincontent .items .field-header > * {
    background-color: #333 !important;
    color: white !important;
    font-weight: bold !important;
    padding: 0;
}

.block-detail .searchresult.tablelist .maincontent .items .gallery-item {
    width: max-content !important;
    
    background-color: #eee !important;
    color: black !important;
}

.block-detail .searchresult.tablelist .maincontent .items .gallery-item .img-container {
    display: none;
}

.block-detail .searchresult.tablelist .maincontent .items .gallery-item:nth-child(odd) {
    background-color: #666 !important;
    color: white !important;
}

.block-detail .searchresult.tablelist .items .infolist > *:nth-child(odd) {
    background-color: transparent;
}

.block-detail .searchresult.tablelist .items .field-item.novalue {
    display: block !important;
}

.block-detail .searchresult.tablelist .items .field-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* min-width: 150px; */
    width: 150px;

    border-right: 1px solid #4b4b4b;
    box-sizing: border-box;
}

.block-detail .searchresult.tablelist .items .subgroup {
    width: max-content !important;
    height: 100%;
}

.block-detail .searchresult.tablelist .gallery-item .subgroup .field-item .fieldvalue {
    height: 100%;
}

.block-detail .searchresult.tablelist .gallery-item .field-item,
.block-detail .searchresult.tablelist .fieldheader {
    max-width: none;
}

.block-detail .related .resizebar {
    right: 0;
}

.block-detail .searchresult.imglist .gallery-item {
    height: 250px;
}

.block-detail .searchresult.imglist .gallery-item .subgroup {
    display: flex;
    flex-direction: row;
}

.block-detail .searchresult.imglist .gallery-item .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;

    background-color: #666;
}

.block-detail .searchresult.imglist .gallery-item .img-container img {
    height: 250px;
}

.highlight {
    background-color: yellow !important;
    color: black !important;
}

.block-detail .selection.hide + .vgroup > .maincontent > * {
    /* max-width: 50% !important; */
}

.block-detail .resizebar {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    cursor: col-resize;
    user-select: none;
    height: 100% !important;
}

.block-detail .resizebar:hover {
    background-color: rgba(80,80,80,0.4);
}

.block-detail .maincontent > .fields {
    max-width: 80% !important;
    min-width: 20% !important;
}

.block-detail .maincontent > .translater {
    max-width: 80% !important;
    min-width: 20% !important;
}

.block-detail .maincontent > .related {
    min-width: 20% !important;
    max-width: 80% !important;
}

.block-detail .maincontent .related .tab-content {
    /* box-shadow: 5px 0px 10px #333; */
    box-shadow: 5px -10px 10px rgba(30,30,30,0.1) inset;
}

.block-detail .field-item select {
    width: 100%;
}

.block-detail .remove {
    display: none !important;
}

.block-detail .related .rules {
    display: flex;
    flex-direction: column;
}

.block-detail .related .tab-content[data-tab="rules"] {
    color: black !important;
}

.block-detail .related *[data-tab="rules"] .rule-item {
    height: max-content;
    width: 100%;

    box-sizing: border-box;
}

.block-detail .related *[data-tab="rules"] .rule-item > .hgroup {
    margin: 10px 0px;
}

.block-detail .related *[data-tab="rules"] .rule-item > .hgroup:first-child {
    margin-top: 0;
}

.block-detail .related *[data-tab="rules"] .rule-item .title {
    padding: 0px 5px;
    font-weight: bold;

    background-color: transparent !important;
}

.block-detail .related *[data-tab="rules"] .rule-item .active {
    font-size: 1.5em;
    padding-right: 5px;
}

.block-detail .related *[data-tab="rules"] .rule-item .active.ok {
    color: green;
}

.block-detail .related *[data-tab="rules"] .rule-item .active.ko {
    color: red;
}

.block-detail .related *[data-tab="rules"] .rule-item .hgroup {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    
    background-color: #eee !important;
    color: black;
    
    padding: 5px;
    
    box-sizing: border-box;
}

.block-detail .related *[data-tab="rules"] .rule-item .vgroup > .hgroup {
    padding: 0;
}

.block-detail .related *[data-tab="rules"] .rule-item .hgroup:nth-child(2) {
    justify-content: flex-start !important;
}

.block-detail .items .spots.highspots {
    display: none !important;
}

.block-detail .maincontent .items.drag-container .gallery-item:hover .selected-item {
    display: none !important;
}

.block-detail.isediting .maincontent .items.drag-container .gallery-item.selected .selected-item,
.block-detail.isediting .maincontent .items.drag-container .gallery-item:hover .selected-item {
    display: block !important;
}

/* .block-detail.isediting .selection .maincontent .items.drag-container { */
/*     padding-top: 30px; */
/* } */

.block-detail .selection .searchtools {
    display: none !important;
}

.block-detail.isediting .selection .searchtools {
    display: block !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] {
    display: flex;
    flex-direction: row;
    
    background-color: white;
    color: black;

    padding: 0;
    padding-top: 5px;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .content > .hgroup {
    margin-bottom: 15px;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"]  .hgroup {
    background-color: transparent !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] > .hgroup,
.block-detail .maincontent .tab-content[data-tab="visualdetails"] .content > .hgroup {
    background-color: white !important;
    color: black !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .toolbar {
    /* background-color: white !important; */
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] > .vgroup {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .panel {
    display: none;
    
    /* height: 100%; */
    
    height: calc(100% - 40px - var(--toolbar-h));
    width: 100%;
    
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .panel.selected {
    display: block;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .tabimg-list {
    height: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    background-color: var(--c-fieldname);
    box-shadow: 10px -1px 3px black inset;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .tabimg-item {
    display: flex;
    
    align-items: center;
    justify-content: center;
    max-width: 100px;
    flex: 1;
    height: 100%;
    background-color: #eee;
    /* border-bottom: 1px solid black; */
    
    cursor: pointer;
    
    box-sizing: border-box;
    box-shadow: 0px -1px 2px black inset;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .tabimg-item.selected {
    background-color: white;
    border-bottom: 0;
    box-shadow: 1px 0px 3px black;
}

/* .block-detail .maincontent .tab-content[data-tab="visualdetails"] .content { */
/*     height: 100%; */
/*     width: 100%; */

/*     box-sizing: border-box; */
/* } */

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .content {
    height: 100%;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: white;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .media {
    height: calc(40% - 15px) !important;
    width: 100%;

    display: flex;
    flex-direction: row !important;
    
    box-sizing: border-box;
}

/* .block-detail .maincontent .tab-content[data-tab="visualdetails"] .media .meta-list { */
/*     display: flex; */
/*     flex-direction: column; */
/*     width: 50%; */
/*     height: 100%; */
/*     padding: 15px; */

/*     overflow: auto; */
/*     box-sizing: border-box; */
/* } */

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .media .meta-list {
    display: flex;
    flex-direction: column;
    
    width: 50%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    background-color: #eee;
    box-shadow: 0px 0px 2px black;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .media .visual {
    width: 50%;
    height: 100% !important;
    
    /* padding: 15px !important; */
    
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .media .visual a {
    border: 0 !important;
    border-radius: 0 !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .media .visual img {
    /* height: 100% !important; */
    width: 100%;
    
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos {
    height: 60% !important;
    width: 100%;
    background-color: #eee;
    box-shadow: 0px 0px 2px black;
    box-sizing: border-box;
}

/* .block-detail .maincontent .tab-content[data-tab="visualdetails"] .meta-item { */
/*     display: flex; */
/*     flex-direction: row; */
/*     align-items: center; */
/*     justify-content: space-between; */
/*     width: 100%; */
/*     padding: 5px; */
/*     background-color: #eee; */
/*     margin-bottom: 5px; */
/*     border-radius: 3px; */
/*     box-shadow: 0px 0px 1px black inset; */
/* } */

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .meta-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px 15px;
    
    margin-bottom: 5px;
    border-radius: 3px;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .label {
    min-width: 150px;
    font-weight: bold;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .meta-item .value {
    
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos {
    padding: 15px;

    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    
    width: 100%;
    height: 40px;

    padding: 0;
    
    box-sizing: border-box;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row.large {
    height: 100px;
    align-items: flex-start;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row > * {
    /* margin: 0px 5px; */
    margin-right: 15px !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row > *:last-child {
    margin-right: 0px !important;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row input,
.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row textarea {
    width: -webkit-fill-available;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row button {
    
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row label,
.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .row .value {
    display: flex;
    align-items: center;
    
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    
    min-height: 0px;
    /* word-break: break-all; */
    
    overflow: auto;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] textarea {
    width: 100%;
    height: 100%;
    align-self: flex-start;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .row input[type="checkbox"] {
    display: none;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .reference {
    font-weight: bold;
    color: red;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .colorcode .hgroup {
    background-color: transparent !important;
    border: 0 !important;

    margin: 0;
    flex-direction: row;
    width: auto !important;
    
    margin: 0;
    margin-right: 5px;
    padding: 0;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .infos .colorcode button {
    display: none;
}

.block-detail .row {
    display: flex;
    flex-direction: row;
}

.block-detail .row > *,
.block-detail .colorcode * {
    /* margin-right: 10px; */
}

.block-detail .colorspot {
    width: 20px !important;
    height: 20px !important;
    
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    
    border-radius: 90px !important;
    border: 1px solid black !important;
    
    border: 1px solid #444 !important;
    box-shadow: -1px -1px 10px rgb(255 255 255 / 80%) inset !important;
    
    box-sizing: border-box !important;
}

.block-detail .isediting .colorspot.canselect:hover {
    box-shadow: 0px 0px 5px black;
    cursor: pointer;
}

.block-detail .isediting .colorspot.selected:after {
    display: flex;
    flex-direction: row;
    
    align-items: center;
    justify-content: center;
    
    font-size: 24px;
    line-height: 24px;
    content: "✔";
    
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
}

.block-detail .field-item > .row,
.block-detail .field-item .colorcode {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
    align-items: center;
    
    text-align: justify;
    
    margin-top: 5px;
    
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
}

.block-detail .field-item > .row > .value {
    padding: 0px !important;
}

.block-detail.isediting .value.colorspot {
    min-height: inherit;
    display: flex;
    align-items: center;
    min-width: inherit;
    height: auto;
    
    margin: 5 10;

    text-indent: -9999px;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .values {
    flex-wrap: nowrap;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] input[type="color"] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
}

.block-detail .maincontent .tab-content[data-tab="visualdetails"] .bhelplist {
    min-width: 150px;
    position: initial;
}

.block-detail .tab-content[data-tab="visualdetails"] .content > .hgroup > div:first-child {
    margin-right: 15px;
}

/* .map { */
/*     width: 600px !important; */
/*     height: 600px !important; */
/* } */

.block-detail.isediting .selection .searchtools {
    /* display: flex !important; */
    /* flex-direction: row; */
    /* justify-content: space-between; */

    /* position: absolute; */
    /* top: calc(100% - var(--detail-toolbar-h) - 36px); */
    /* left: 0; */
    
    /* height: var(--tabs-h); */
    /* width: 100%; */
    display: flex !important;
    /* display: none !important; */
    flex-direction: column;
    justify-content: space-between;
    
    /* background-color: rgba(255,255,255,0.6); */
    
    /* border-right: 1px solid rgba(30,30,30,0.4); */
    
    box-sizing: border-box;
    
    z-index: 20;
}

/* .block-detail .selection:hover .searchtools { */
/*     display: flex !important; */
/* } */


.block-detail .selection .searchtools p {
    display: flex !important;
    align-items: center;

    width: 100%;
    max-width: calc(100% - 40px);
    
    flex: 1;
    
    margin: 0;
    padding: 0 5px;
    order: 1;
    
    box-sizing: border-box;
}

.block-detail .selection .searchtools p .nbresults {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;

    flex-wrap: nowrap;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.block-detail .selection .seltools {
    height: var(--tabs-h);
    background-color: var(--c2);
    color: var(--text-color);

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    box-shadow: 0px 2px 2px #333;
    /* border-bottom: 2px solid var(--cheadborder); */
}

.required {
    background-color: red;
}

/* MINIFY VERSION */

.block-detail.minify .maincontent .tab-content.selected .field-item .value {
    min-height: 0px;
}

.block-detail.minify .maincontent .tab-content .field-item {
    padding: 0 !important;
}

.block-detail .related .tools {
    display: flex;
    justify-content: flex-start;
}

.block-detail .related .tools .fixed {
    height: 100%;
    width: -webkit-fill-available;
    
    display: flex;
    flex-direction: row;
    
    align-items: center;
    justify-content: space-around;
}

.block-detail .related .vgroup > .visual {
    height: calc(100% - var(--visualvigs-h));
    
    display: flex;
    padding: 5px;
    padding-top: 2px;
}


.block-detail .related .vgroup > .visual.viewer-on {
    height: -webkit-fill-available !important;
}

.block-detail .related .vgroup > .vigs {
    height: var(--visualvigs-h);
    max-height: var(--visualvigs-h);
    min-height: var(--visualvigs-h);

    /* background-color: #333; */
}



.block-detail .related .vgroup > .vigs .fields {
    display: none !important;
}

.block-detail .related .vgroup .portfolio.diaporama .bnavi {
    top: 40%;
    height: auto;
}

.block-detail .related .vgroup .portfolio.diaporama .pagination {
    background-color: transparent !important;
    
}

.block-detail .related .vgroup {
    width: 100%;
    padding-bottom: 5px;
}

.block-detail .related .searchbar.row .vgroup {
    padding: 0;
}

.block-detail .portfolio.diaporama .pagination .bpage {
    width: 15px;
    height: 15px;
    min-height: 15px;
    max-height: 15px;
    max-width: 15px;
    min-width: 15px;
}

.block-detail .portfolio.diaporama .bnavi {
    width: 48px;
}
.block-detail .portfolio.diaporama .bnavi .material-icons {
    font-size: 48px;
}

.block-detail .portfolio.diaporama .portfolio-item .toolbar-item {
    position: absolute;
    right: 0;
    
    display: flex;
    justify-content: space-between;
    
    gap: 10px;
    padding: 5px;
    
    z-index: 30;
}

.block-detail .portfolio.diaporama .portfolio-item .toolbar-item button {
    position: relative;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 2px black;
    
    background-color: #fff;
    color: black;

    opacity: 0;
    transition: opacity 0.365s ease-in-out;
    
    z-index: 40;
}

.block-detail .portfolio.diaporama .portfolio-item:hover .toolbar-item button {
    opacity: 1;
}

.block-detail .portfolio.diaporama .portfolio-item .toolbar-item button.bdel {
    background-color: red;
    color: white;
}

.block-related .related {
    border: 0;
}

.block-detail .related.isdragging .tab-content {
    animation-name: slidein;
    animation-duration: 1s;
    
    box-shadow: 0px 0px 2px 10px var(--cimportant) inset;
}

@keyframes slidein {
    0% {
        box-shadow: 0px 0px 0px var(--c0) inset;
    }
    
    50% {
        box-shadow: 0px 0px 10px var(--cimportantdark) inset;
    }
    
    100% {
        box-shadow: 0px 0px 2px 10px var(--cimportant) inset;
    }
}


.block-detail .related .breplace,
{
    display: none !important;
}

.block-detail video {
    width: 100%;
    height: 100%;
}

.block-detail .visual .img {
    max-height: 100%;
    max-width: 100%;
    border: 4px double black;
}

.block-detail .visual .img:hover {
    filter: brightness(1.1);
}

.block-detail .portfolio .imglist .img {
    border: 4px double black;
}

/* RENDER LINKED */
.block-detail .tab-content {
    display: none;
}

.block-detail .tab-content.selected.links {
    /* height: 100%; */
    width: 100%;
    
    display: flex !important;
    flex-direction: column;

    box-sizing: border-box;
}

.block-detail .tab-content.selected.links .searchbar {
    height: var(--linked-searchbar-h);
    width: 100%;

    display: flex;
    flex-direction: row;
}

.block-detail .tab-content.selected.links .searchbar .groupcols .collist {
    display: none;
}

.block-detail .tab-content.selected.links .searchbar > *,
.block-detail .tab-content.selected.links .searchbar button,
.block-detail .tab-content.selected.links .searchbar input {
    height: 100%;
    justify-self: flex-end;
}

.block-detail .tab-content.selected.links .searchbar .searchfield {
    /* border: 1px solid black; */
    /* border-left: 0; */
    /* border-right: 0; */
    border: 0;
    border-bottom: 1px solid black;
    
    outline: 0;
    background-color: rgb(250,250,250);
}

.block-detail .tab-content.selected.links .searchbar .bvalidate {
    -webkit-appearance: none;
    background-color: transparent !important;
    color: black;
    /* border: 1px solid black; */
    /* border-left: 0; */

    border: 0;
    background-color: #eee !important;
    border-bottom: 1px solid black;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols {
    width: auto !important;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist {
    position: absolute;
    display: flex !important;
    width: 500px;
    max-height: 300px;
    overflow: auto;
    flex-direction: column;
    
    top: 30px;
    background-color: var(--autocomplete-color);
    flex-wrap: wrap;
    color: var(--text-autocomplete);
    backdrop-filter: blur(15px);
    z-index: 50;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist .col-item {
    display: flex;
    flex-direction: row;
    
    align-items: center;

    height: 100%;
    max-width: 150px;
    width: 100%;
    
    padding: 2px;
    
    box-sizing: border-box;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist .col-item > span:hover,
.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist .col-item > a:hover {
    background-color: var(--cimportant);
    color: var(--text-important);
    
    cursor: pointer;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist .col-item > span {
    height: 100%;
    
    flex: 1;
}

.block-detail .tab-content.selected.links .searchbar > .groupcols.selected .collist .col-item.fake {
    font-weight: bold;
    text-align: center;
    color: red;
}

.block-detail .searchbar .bhelper {
    border: 1px solid var(--cdarker);
    border-left: 0px !important;
    border-right: 0;
}

.block-detail .searchbar button.bhelper {
    appearance: none;
    box-sizing: border-box;
    border: 1px solid black;
    border-left: 0;
    border-right: 0;
    padding: 3px 10px;
    
    height: 100%;
    background-color: white !important;
    color: black;
}

.block-detail .searchbar .bsearchcols {
    background-color: white;
    color: black;
    appearance: none;

    border: 0;
    border-bottom: 1px solid black;
    background-color: #eee;
    
    /* border: 1px solid black; */
    /* border-right: 0; */
}

.block-detail .searchbar .bsearchcols:hover {
    text-decoration: underline;
}

.block-detail .block-autocomplete .row {
    display: flex;
    flex-direction: row;
    
    align-items: center;
    justify-content: space-between;
    /* width: 100%; */
    box-sizing: border-box;
}

.block-detail .block-autocomplete {
    width: 100%;
    max-width: 80%;
}

.block-detail .searchresult.links.mosaic .items > .gallery-item {
    flex: 1;
    height: var(--linked-mosaic-h) !important;
    min-width: var(--linked-mosaic-w) !important;

    /* box-shadow: none !important; */

    /* padding: 5px; */
    /* margin: 2px; */
}

.block-detail .links.mosaic .items .gallery-item .subgroup {
    height: 100%;
}

.block-detail .links.mosaic .items .gallery-item .subgroup .img-container {
    height: calc(100% - var(--linked-field-h));
}

.block-detail .links.mosaic .items .gallery-item .subgroup .infolist {
    height: var(--linked-field-h);
    width: 100%;
}

.block-detail .links.mosaic .items .gallery-item .subgroup .infolist .field-item {
    height: var(--linked-field-h) !important;
    min-height: var(--linked-field-h) !important;
    line-height: var(--linked-field-h);

    padding: 0;
    color: var(--text-icolor);
    
    background-color: var(--csecondary);
    /* box-shadow: 0px -1px 5px white inset; */
}

.block-detail .searchresult.links.mosaic .items > .gallery-item.selected {
    border: 4px solid var(--cimportant);
}

.block-detail .searchresult.links.mosaic .items > .gallery-item.selected,
.block-detail .searchresult.links.mosaic .items > .gallery-item.selected .img-container {
    background-color: var(--csecondary);
}

.block-detail .searchresult.links.mosaic .items > .gallery-item.selected .subgroup .infolist .field-item {
    color: var(--text-color) !important;
    background-color: var(--c0);
}

.block-detail .links .pagination {
    color: var(--black);
    background-color: transparent !important;
}

.block-detail .portfolio.diaporama.slide {
    background-color: transparent !important;
}

.block-detail .emptytab {
    display: none !important;
}

.block-detail.isediting .emptytab:not(.remove) {
    display: flex !important;
}

.block-detail .links .toolbar .gallery-icons > .material-icons:hover {
    background-color: black !important;
    color: white !important;
}

.block-detail .links .maincontent .items .field-item.field-header {
    display: flex;
    justify-content: flex-start;
}

.block-detail .links .maincontent .items .field-item.field-header .fieldheader:nth-child(1) {
    display: none !important;
}

.block-detail .links.searchresult.tablelist .items .infolist > *:nth-child(odd) {
    color: var(--text-color);
}

.block-detail .links.searchresult.tablelist .items > .gallery-item:nth-child(odd) .subgroup {
    background-color: #444;
}

.block-detail .links.searchresult.tablelist .items > .gallery-item:hover {
    filter: invert(1);
}

.block-detail .links .toolbar .gallery-icons .material-icons {
    display: flex !important;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.block-detail .links .toolbar .sortorder,
.block-detail .links .toolbar .dspsync,
.block-detail .links .toolbar .gallery-icons .bdiapo {
    display: none !important;
}

.block-detail .links .historysearch {
    display: none !important;
}

.block-detail .maincontent .translater {
    display: none !important;

    background-color: white;
}

.block-detail .translater.selected {
    display: flex !important;
    flex-direction: column;
    
}

.block-detail .translater > .tools {
    display: flex;
    
    height: var(--tabs-h);
    width: 100%;
    
    align-items: center;
    justify-content: center;
    
    padding: 5px;
}

.block-detail .translater > .tools select {
    width: 100%;
    height: 100%;
}

.block-detail .translater .fields {
    height: 100%;
    width: 100%;
    
    display: flex;
    flex-direction: column;
}

.block-detail .translater .tools .langs {
    padding: 5px 10px;
}

.visualtoolbar {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;

    position: absolute;
    bottom: calc(45px + var(--visualvigs-h));
    right: 15px;
    gap: 10px;
    
    z-index: 100;
}

.visualtoolbar > * {
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* position: absolute; */
    /* bottom: calc(45px + var(--visualvigs-h)); */
    /* right: 15px; */
    /* z-index: 100; */
    
    color: var(--text-color);
    background-color: rgba(30,30,30,0.5);
    box-shadow: 0px 0px 15px rgba(30,30,30,0.5);
    border: 1px solid rgba(200,200,200,0.8);
    
    padding: 5px;
    padding-left: 8px;
    
    border-radius: 360px;
}

.bregen,
.bphotoeditor {
    padding-left: 5px;
}

.bzoom {
    /* width: 30px; */
    /* height: 30px; */
}

.bzoom.closeb {
    padding-left: 5px;
}

.visualtoolbar > *:hover,
.bzoom:hover {
    box-shadow: 0px 0px 15px rgba(30,30,30,0.5) inset;
}

.visualtoolbar > * > * {
    width: 100%;
    height: 100%;
    font-size: 30px !important;
}