:root {
    --list-w: 25%;
    --list-h: 100px;

    --footer-h: 50px;
}

.block-projects {
    width: 100%;
    height: 100%;
    
    display: flex;
    flex-direction: row;
}

.block-projects .list {
    width: var(--list-w);
    max-width: 400px;
    height: 100%;
    
    background-color: var(--c3);
}

.block-projects .list .content {
    height: calc(100% - var(--toolbar-height) - var(--pagina-height));
    width: 100%;
    
    display: flex;
    flex-direction: column;
    
    background-color: var(--c3);
    overflow: auto;
}

.block-projects .list > .content > .project-item {
    width: 100%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    
    padding: 5px;
    
    box-sizing: border-box;
    background-color: lightgrey;
    color: black;

    border-bottom: 1px solid black;
}

.block-projects .list > .content > .project-item:nth-child(odd){
    /* background-color: rgba(255,255,255,0.5); */
    background-color: white;
}

.block-projects .list > .content > .project-item > .fields {
    width: 100%;
    
    display: flex;
    flex-direction : column;
}

.block-projects .list > .content > .project-item .field-item {
    width: 100%;
    
    display: flex;
    flex-direction: row;

    justify-content: space-between;
}

.block-projects .list > .content > .project-item .field-item > * {
    padding: 5px;
}

.block-projects .list > .content > .project-item > .title {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;

    color: black;
}

.block-projects .list > .content .toolbar {
    width: 100%;
    display: flex;
    flex-direction: row;

    justify-content: space-around;
}

.block-projects .list > .content .toolbar > * {
    flex: 1;
    height: 100%;
}

/* .block-projects .list > .content > .project-item .field-item .key { */
/*     display: none; */
/* } */

.block-projects .projects {
    /* width: calc(100% - var(--list-w)); */
    width: -webkit-fill-available;
    
    height: 100%;
    max-height: 100%;

    overflow: auto;
}

.block-projects .projects .content {
    height: 100%;
    width: 100%;
}

.block-projects .projects .content .maincontent {
    width: 100%;
}

.block-projects .menuhead {
    display: flex;
    justify-content: center;
    align-items: center;
    
    height: var(--toolbar-height);
    
    margin: 0;
}

.block-projects .project-edit {
    display: none;
    
    width: 100%;
    height: 100%;
}

.block-projects .project-edit .header {
    display: none;
}

.block-projects .project-edit .footer {
    height: var(--footer-h);
    width: 100%;
}

.block-projects .project-edit .content {
    width: 100%;
    height: calc(100% - var(--footer-h));
}

.block-projects .project-edit .content .rows {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

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

.block-projects .project-edit .content .rows .field-item {
    width: 100%;
    /* height: 100%; */
    
    box-sizing: border-box;
}

/* .block-projects .block-detail .fields { */
/*     max-width: 100%; */
/*     width: 100%; */
/* } */

/* .block-projects .block-detail .tabs { */
/*     position: fixed; */
/* } */

.block-projects .project-edit > .vgroup {
    height: calc(100% - var(--toolbar-h));

    overflow: auto;
}

.block-projects .project-edit > .vgroup .hgroup {
    /* height: 100%; */
}

.block-projects .project-edit > .vgroup .hgroup .fields {
    width: 100%;
}

.block-projects .project-edit > .vgroup .hgroup .fields .tabs {
    display: none;
}

.block-projects .project-edit > .vgroup .hgroup .fields .tab-content {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
}

.block-projects .project-edit > .vgroup .hgroup .fields .tab-content .field-item {
    /* height: 100px; */
}

.block-projects .project-edit > .vgroup .hgroup .fields .tab-content .field-item > * {
    padding: 10px;
    display: flex;
    align-items: center;
}

.block-projects .project-edit > .vgroup .hgroup .fields .tab-content .field-item .name {
    height: 40px;
    /* background-color: grey; */
    background-color: #555;
    color: white;
}

.block-projects .project-edit > .vgroup .hgroup .fields .tab-content .field-item .value {
    width: 100%;
    height: 60px;
    background-color: white;
    color: black;
}

.block-projects .project-edit .tools {
    height: var(--toolbar-h);
}

.block-projects .hgroup .toolbar{
    display: flex;
    flex-direction: row;
    background-color: #4b4b4b;
    padding: 5px 20px 5px;
    width: 100%;
    align-items: center;
    justify-content: center;
    justify-content: space-evenly;
}

.block-projects .hgroup .toolbar > .bpublish,
.block-projects .hgroup .toolbar > .bremove,
.block-projects .hgroup .toolbar > .baddbasket,
.block-projects .hgroup .toolbar > .bspread {
    display: none;
}

.block-projects .datalist {
    padding: 0 !important;
}

.block-projects .project-item.selected .title {
    color: rgb(255,50,50) !important;
}

.block-projects .searchresult .gallery-item {
    width: 100% !important;
}

.block-projects .resizebar {
    display: none;
}