.block-utilities.views{
    
}

.block-utilities[data-loaded="views"] .utilities-content > .header {
    height: 200px;
}

.block-utilities[data-loaded="views"] .utilities-content > .header .tbnames,
.block-utilities[data-loaded="views"] .utilities-content > .header .views {
    display: flex !important;
    color: var(--text-color);
}

.block-utilities[data-loaded="views"] .utilities-content > .header .tbnames .choose_tbnames,
.block-utilities[data-loaded="views"] .utilities-content > .header .views .choose_views {
    height: auto;
    width: 100%;
}

.block-utilities[data-loaded="views"] .sites {
    max-width: 250px;
}

.block-utilities[data-loaded="views"] .utilities-content  .header .sites{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-right: 1px solid black;
}

.block-utilities[data-loaded="lists"]  .header .sites{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 0px!important;
    border-right: 1px solid black;
}

.block-utilities .utilities-content  .header .sites{
    /* max-height: calc(100vh - var(--header-height)); */
    background-color: #b0b0b0;
    box-sizing: border-box;
    padding: 14px 5px 5px;
    height:100%;
    width:33%;
}

.block-utilities[data-loaded="views"] .utilities-content {
    height: var(--header-uti-height);
}

.block-utilities .utilities-content {
    display:flex;
    flex-direction:column;
    /* height:60px; */
    box-sizing: border-box;
}

.block-utilities .utilities-content .header {
    height: var(--header-uti-height);
    background-color: var(--c0);
    padding: 0px;
    box-sizing: border-box;
}

.block-utilities .utilities-content .columns_content {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    /* min-height: calc(100vh - var(--header-height) - var(--header-uti-height)); */
    /* max-height: calc(100vh - var(--header-height) - var(--header-uti-height)); */
    
    height: calc(100% - 200px);
    
    /* overflow:hidden; */
    font-size: 17px;
}

.block-utilities .utilities-content .columns_content .nreg_list{
    width: 50%;
    background-color: var(--c0);
    color: white;
    padding: 20px;
    border-right: 1px solid black;
    box-sizing: border-box;
    height:100%;
    max-height:100%;
    overflow:auto;
    
}

.block-utilities[data-loaded="views"] .utilities-content .columns_content .reg_list .col-item:hover,
.block-utilities[data-loaded="views"] .utilities-content .columns_content .nreg_list .col-item:hover{
    background-color: var(--c0);
}

.block-utilities .utilities-content .columns_content .nreg_list .col-item{
    padding: 10px;
    border-bottom: 1px solid white;
    box-sizing: border-box;
    cursor: pointer;
}

.block-utilities .utilities-content .columns_content .reg_list{
    width: 50%;
    background-color: #3a3a3a;
    color: white;
    padding: 20px;
    border-right: 1px solid grey;
    box-sizing: border-box;
    height:100%;
    max-height:100%;
    overflow:auto;
}

.block-utilities .utilities-content .columns_content .reg_list .col-item{
    padding: 10px;
    border-bottom: 1px solid white;
    box-sizing: border-box;
    cursor: pointer;
}

.block-utilities .utilities-content  .header .tbnames{
    height: 100%;
    background-color: #b0b0b0;
    padding: 3px;
    border-right: 1px solid black;
    box-sizing: border-box;
    width: 33%;
}

.block-utilities .utilities-content  .header .views .choose_views .view-item label:hover,
.block-utilities .utilities-content  .header .tbnames .choose_tbnames .tbname-item label:hover{
    background-color: grey;
    color: white;
}

.block-utilities .utilities-content  .header .views .choose_views .view-item label input,
.block-utilities .utilities-content  .header .tbnames .choose_tbnames .tbname-item label input{
    margin-left:5px;
}

.block-utilities .utilities-content  .header .views .choose_views .view-item label,
.block-utilities .utilities-content  .header .tbnames .choose_tbnames .tbname-item label{
    display: flex;
    flex-direction: row;
    padding: 2px 5px;
    border-bottom: 1px solid grey;
    align-items: center;
    cursor: pointer;
}

.block-utilities .utilities-content  .header .tbnames .choose_tbnames{
    overflow: auto;
    max-height: 100%;
    height: 55px;
    background-color: white;
    box-sizing: border-box;
}

.block-utilities .utilities-content  .header .views .choose_views{
    overflow: auto;
    max-height: 100%;
    height: 55px;
    background-color: white;
    box-sizing: border-box;
}

.block-utilities .utilities-content  .header .views{
    height: 100%;
    background-color: #b0b0b0;
    padding: 3px;
    border-right: 1px solid black;
    box-sizing: border-box;
    width: 33%;
}



.block-utilities .utilities-content .sites label{
    padding: 2px;
    box-sizing: border-box;
    margin-right: 10px;
    box-sizing: border-box;
}

.block-utilities .utilities-content .sites .choose_sites{
    border-radius:3px;
    box-sizing: border-box;
}