:root {
    --menu-w: 250px;
    --menu-item-h: 30px;

    --toolbar-h: 30px;
    --blk-toolbar-h:34px;
}

.block-utilities .utilities-content .header > input{
    margin: 5px;
    height: 32px;
    padding: 2px 4px;
    box-sizing: border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content{
    height:100%;
}

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

.block-utilities .utilities-content .header{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block-utilities .utilities-content .header .bvalidate:hover{
	background-color:#212121;
}

.block-utilities .utilities-content .header .bvalidate{
    background-color: #4b4b4b;
    color: white;
    border-radius: 3px;
    border: 0px;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0px;
    /* box-shadow: var(--bs2); */
}

.block-utilities .utilities-content .header .badduser{
    background-color: #3a3a3a;
    color: white;
    border-radius: 3px;
    border: 0px;
    padding: 2px 10px;
    box-shadow: var(--bs2);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    line-height: 29px;
}

.block-utilities .utilities-content .header .badduser:hover{
    background-color:#212121;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .header-item .header-item{
    align-items: center;
    padding: 5px;
    margin: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.block-utilities .utilities-content .clients{
    background-color: grey;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    width: 100%;
    max-width: 100%;
}

.block-utilities .utilities-content .clients > .header-item{
    border-bottom:1px solid black;
    padding:5px;
    box-sizing:border-box;
    display:none;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info:hover{
    background-color:#212121;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info{
    background-color: #3a3a3a99;
    padding: 3px;
    margin: 1px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: space-between;
    text-align: center;
    cursor: pointer;
    flex: 1;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info select{
    margin-right: 1%;
    padding: 1px 5px;
    border-radius: 3px;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info .bok:hover{
    background-color:#212121;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info .bok{
    background-color: grey;
    border: 0px;
    color: white;
    border-radius: 3px;
    box-shadow: var(--bs2);
    box-sizing: border-box;
    text-align: center;
    padding: 3px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    align-self: center;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item .client-info input{
    padding: 2px 5px;
    box-sizing: border-box;
    margin-right: 2px;
    max-width: 100%;
    margin-top: 2px;
    box-shadow: inset 0 0 2px 1px black;
    border: 0px;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item:nth-child(odd){
	background-color:#b0b0b0;
}

.block-utilities[data-loaded="users"] .utilities-content .clients .client-item{
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    color: white;
    overflow-y: auto;
    background-color: #656565;
    
}

.block-utilities[data-loaded="users"] .utilities-content .clients .header-item{
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    color: white;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.block-utilities .utilities-content .clients .client-item{
    border-bottom:1px solid black;
    box-sizing:border-box;
    padding:5px;
    color:white;
}

.popup .content form .rows label textarea{
	max-width:100%;
	min-width:100%;
	min-height:100px;
}

.popup .content form .rows .hgroup label input{
	border-right:1px solid grey;
}

.popup .content form label input,
.popup .content form label select {
    width: 100%;
    
    padding:5px;
    box-sizing:border-box;
    
    color: black;
}

.popup .content form.databases.edit label input[name="colorcode"] {
    padding: 0 !important;
}

.popup .content form label select{
    border:0px;
}

.popup .content form{
    display: flex;
    flex-direction: column;
    
    /* background-color: white; */
    /* color: white; */
    padding: 5px 5px;
    border-radius: 5px;
    /* box-shadow: inset 0 0 2px 1px black; */
}

.popup .content form label{
    width: 100%;
              
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    
    /* display:flex; */
    /* flex-direction:column; */
    /* margin-bottom:10px; */
}

.popup .content.newshare label {
    width: auto;
    display: block;
}

.popup .content form .basket-desc {
    width: 100%;
    height: 100%;
    
    text-transform: capitalize;
    font-style: italic;
    
    /* background-color: rgba(255,255,255,0.1); */
    padding: 5px;
}

.block-utilities .utilities-content .profiles{
    height: 100%;
    max-height: 100%;
    min-height:100%;
}

.block-utilities .utilities-content .profiles .header .baddprof:hover{
    background-color:#212121;
}

.block-utilities .utilities-content .profiles .header .baddprof{
    background-color: #3a3a3a;
    border: 0px;
    border-radius: 3px;
    color: white;
    padding: 2px 5px;
    box-shadow: var(--bs2);
    width: 150px;
    margin-left: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-self: center;
}

.block-utilities .utilities-content .profiles .hgroup{
    display:flex;
    flex-direction:row;
    width:100%;
    min-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
    max-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
}

.block-utilities .utilities-content .profiles .menu .menu .bfunsites.selected,
.block-utilities .utilities-content .profiles .menu .menu .bfunctions.selected,
.block-utilities .utilities-content .profiles .menu .menu .bfuntbnames.selected,
.block-utilities .utilities-content .profiles .menu .menu .bfunrules.selected{
    background-color:#212121;
    box-sizing:border-box;
    border:1px solid white;
}

.block-utilities .utilities-content .profiles .menu .menu .bfunsites:hover,
.block-utilities .utilities-content .profiles .menu .menu .bfunctions:hover,
.block-utilities .utilities-content .profiles .menu .menu .bfuntbnames:hover,
.block-utilities .utilities-content .profiles .menu .menu .bfunrules:hover{
    background-color:#212121;
}

.block-utilities .utilities-content .profiles .menu .menu .bfunsites,
.block-utilities .utilities-content .profiles .menu .menu .bfunctions,
.block-utilities .utilities-content .profiles .menu .menu .bfuntbnames,
.block-utilities .utilities-content .profiles .menu .menu .bfunrules{
    margin-bottom:10px;
    background-color:grey;
    border:0px;
    border-radius:3px;
    color:white;
    padding: 5px;
    box-shadow: var(--bs2);
    width: 100%;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .header > label{
    color:white;
}

.block-utilities .utilities-content .profiles .header > label{
    margin-right:10px;
    padding:5px;
    box-sizing:border-box;
}

.block-utilities .utilities-content .profiles .menu .menu{
    border-right:0px;
    width:100%;
    box-sizing:border-box;
    padding:10px;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content .row.header .row-item:hover{
    /* background-color:grey; */
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content .row.header .row-item{
    padding: 2px 5px;
    box-sizing: border-box;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content .row.header{
    padding: 2px 5px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-items: center;
    justify-content: center;
    background-color: #3a3a3a;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content .row .row-item{
    padding: 3px;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid #3a3a3a;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content .row{
    padding: 5px;
    box-sizing: border-box;
    color: white;
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .tbnames-list .rootcontent .tbname-content{
    display: flex;
    flex-direction: column;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent .tbname-content{
    border-left:1px solid #3a3a3a;
    width:100%;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rootcontent{
    width:70%;
    height: 100%;
    overflow: auto;
    max-height: 100%;
}
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .tbnames-list{
    width: 30%;
    height: 100%;
    overflow: auto;
    max-height: 100%;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_delete .bcheck:hover,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update .bcheck:hover{
	background-color:#212121;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_delete .bcheck,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update .bcheck{
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #3a3a3a;
    border: 0px;
    box-shadow: var(--bs2);
    border-radius: 3px;
    color: white;
    padding: 1px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
    box-sizing: border-box;
    height: 28px; 
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_delete,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update{
    padding: 5px;
    box-sizing: border-box;
    height: 25%;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update{
	border-top: 1px solid black;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_delete label,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update label{
    display: flex;
    flex-direction: column;
    max-height: 70%;
    box-sizing:border-box;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_delete label input,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .text_update label input{
    box-sizing:border-box;
    padding:3px 5px;
    margin-bottom:5px;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules{
    color:white;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right .tbnames_list{
    background-color: grey;
    overflow: auto;
    height: 90%;
    margin-bottom: 5px;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right .tbnames_list .tbname-item input,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right .tbnames_list .tbname-item .selected input{
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right .tbnames_list .tbname-item .selected:hover{
    background-color:#3a3a3a;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right .tbnames_list .tbname-item .selected{
    box-sizing: border-box;
    padding: 5px;
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    /* background-color:#3a3a3a; */
    color:white;
    align-items: center;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right,
.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right label{
    width:100%;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right > label{
    border-bottom:1px solid black;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right{
    padding: 5px;
    height: 50%;
    overflow:hidden;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup .content .rules .create_right label{
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color:grey;
    border-bottom: 1px solid white;
	cursor: pointer;
}

.block-utilities[data-loaded="lists"] .utilities-content .profiles .hgroup > .content{
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    background-color: grey;
}

.block-utilities .utilities-content .profiles .menu{
    width:40%;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .create_right .tbnames_list .tbname-item{
    box-sizing: border-box;
    padding: 5px;
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    background-color: grey;
    color:white;
    align-items: center;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .create_right .tbnames_list .tbname-item .selected input{
    height: 20px;
    width: 20px;
    margin-right: 5px;
    box-sizing:border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .create_right .tbnames_list .tbname-item .selected{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .create_right{
    box-sizing:border-box;
    padding-bottom:15px;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_update label,
.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_delete label{
    display:flex;
    flex-direction:column;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_update{
    margin-bottom:15px;
    box-sizing:border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_update .bcheck,
.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_delete .bcheck{
    width: 50%;
    margin-top: 2px;
    background-color: grey;
    border: 0px;
    color: white;
    border-radius: 3px;
    box-shadow: var(--bs2);
    box-sizing:border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_update,
.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules .text_delete{
    display:flex;
    flex-direction:column;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    box-sizing:border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .rules{
    padding:5px;
    background-color: #3a3a3a;
    color: white;
    box-sizing:border-box;
}

.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content{
    width:75%;
}

.block-utilities[data-loaded="profiles"]  .utilities-content .profiles .content{
    overflow:auto;
    height:100%;
    min-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
    max-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
}



.block-utilities .utilities-content .profiles .content .site-list label:hover{
    background-color: #3a3a3a;
    color:white;
}


.block-utilities .utilities-content .profiles .content .site-list label input{
    height: 20px;
    width: 20px;
    margin-right: 5px;
	cursor: pointer;
}

.block-utilities .utilities-content .profiles .content .tbname:hover{
    background-color:#3a3a3a;
}

.block-utilities .utilities-content .profiles .content .tbname,
.block-utilities .utilities-content .profiles .content .site-list label{
    box-sizing: border-box;
    padding: 5px;
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    background-color: grey;
    color:white;
    align-items: center;
	cursor: pointer!important;
}

.block-utilities .utilities-content .profiles .content .site-list{
    display:flex;
    flex-direction:column;
}

.block-utilities .utilities-content .profiles .content .site-list,
.block-utilities .utilities-content .profiles .content .fun-list{
    min-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
    max-height: calc(100vh - var(--header-height) - var(--header-uti-height) - 50px);
    overflow:auto;
    width:100%;
    box-sizing:border-box;
    padding:10px;
    background-color:grey;
}

.block-utilities .utilities-content .profiles .content .fun-list .fun-item label input{
    height: 20px;
    width: 20px;
    margin-right: 5px;
}


.block-utilities[data-loaded="profiles"] .utilities-content .profiles .content .fun-list .fun-item label{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.block-utilities .utilities-content .profiles .content .fun-list .fun-item label{
    display:flex;
    align-items:center;
	cursor: pointer;
}

.block-utilities .utilities-content .profiles .content .fun-list .fun-item{
    box-sizing: border-box;
    padding: 5px;
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    background-color: grey;
    color:white;
	cursor: pointer;
}

.block-utilities .utilities-content .profiles .content .fun-list .fun-item:hover{
    background-color: #3a3a3a;
    color:white;
}

.block-utilities .utilities-content .profiles .footer{
    height:50px;
}

.block-utilities .utilities-content .profiles .footer .bdel,
.block-utilities .utilities-content .profiles .footer .bvalidate{
    background-color:#3a3a3a;
    color:white;
    margin-right:10px;
    padding:3px 10px;
    border:0px;
    box-sizing:border-box;
    border-radius:3px;
}

.block-utilities .utilities-content .profiles .footer .bdel:hover,
.block-utilities .utilities-content .profiles .footer .bvalidate:hover{
    background-color:#b0b0b0;
    color:black;
}

/* ######################################################################################################################################################################################################################################################################################################################### */

.block-utilities .preferences .menu {
    height: 100%;
    width: var(--menu-w);
    
    background-color: #3a3a3a;
}

.block-utilities .preferences .menu .menu-item.selected,
.block-utilities .menu .menu-item:hover{
    background-color: #212121;
}

.block-utilities .preferences .menu .menu-item {
    height: var(--menu-item-h);
    cursor:pointer;
    display: block;
    width: 100%;
    height: 30px;
    background-color: #3a3a3a;
    color: white;
    text-decoration: none;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid grey;
}

.block-utilities .content .toolbar .bdelacc:hover,
.block-utilities .content .toolbar .bsave:hover{
    background-color:grey;
}

.block-utilities .content .toolbar .bdelacc,
.block-utilities .content .toolbar .bsave{
    border:0;
    height:32px;
    background-color:#4b4b4b;
    color:white;
    border-radius:3px;
}

.block-utilities .content .toolbar{
    background-color: var(--c2);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: var(--blk-toolbar-h);
    align-items: center;
}

.block-utilities .content {
    height: 100%;
    width: calc(100% - var(--menu-w));
    
    background-color: darkgrey;
}

.block-utilities .databases-list .toolbar {
    height: var(--toolbar-h);
    width: 100%;

    display: flex;
}

.block-utilities .databases-list .databases {
    width: 100%;
    /* height: calc(100% - var(--toolbar-h)); */
    
    display: flex;
    flex-direction: row; /* column */
    flex-wrap: wrap;
    
    padding: 5px;
    box-sizing: border-box;

    overflow: auto;
    background-color: #dddddd;
}

.block-utilities .databases .database-item {
    flex: 1;
    /* height: 20px; */
    
    display: flex;
    flex-direction: row;
    
    justify-content: flex-start;
    align-items: center;
}

.block-utilities .databases > * {
    margin: 2px;
}

.block-utilities .databases .database-item > * {
    height: 100%;
    
    display: flex;
    align-items: center;
}

.block-utilities .content  .preferences {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
}

.block-utilities .content  .preferences .databases-list {
    height: 250px;
}

.block-utilities .content  .content {
    width: 100%;
    /* height: calc(100% - 200px); */
    overflow: auto;
}

.block-utilities .content  {
    height: calc(100% - var(--blk-toolbar-h));
    width: 100%;
}

.block-utilities .content  .form-account{
	height:100%;
}

.block-utilities .content  .form-account .vgroup .bgroup{
	display:block;
}


.block-utilities .content  .form-account .vgroup .bgroup,
.block-utilities .content  .form-account .vgroup .hgroup{
	height:25%;
}


.block-utilities  .prefcontent {
    width: 100%;
    display: table;
    /* flex-direction: column; */
}

.block-utilities  .header {
    background-color: rgb(50,50,50);
    color: white;

    height: initial;
}

.block-utilities  .row,
.block-utilities  .header {
    display: table-row;
}

.block-utilities  .row > *,
.block-utilities  .header > *{
    display: table-cell;

    text-align: center;
}

.block-utilities  .prefcontent .hgroup {
    justify-content: center;
}

.block-utilities  .prefcontent .hgroup button,
.block-utilities  .prefcontent .hgroup .bcheckuncheck{
    margin-left:10px;
}

.block-utilities  .row input {
    width: 100px;
}

.block-utilities  .header > *:nth-child(1),
.block-utilities  .row > *:nth-child(1) {
    max-width: 100px;
}

.block-utilities  .row:nth-child(odd){
    background-color: rgba(0,0,0,0.2);
}

.block-utilities  .toolbar .views {
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: center;
    
    width: 100%;
    height: 100%;

    background-color: grey;
    color: white;
}

.block-utilities  .toolbar .views label input{
    /* display:none; */
}

.block-utilities .content  .form-personal-infos{
    padding:5px; 
    box-sizing:border-box;
}

.block-utilities .content  .form-personal-infos fieldset .rows{
    width:100%;
}

.block-utilities .content  .form-personal-infos fieldset .rows .row-item label{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.block-utilities .content  .form-personal-infos fieldset{
    padding: 5px;
    margin: 0;
    border: 0px;
    width:100%;
    box-sizing:border-box;
    color:black;
}

.block-utilities .content  .form-personal-infos fieldset .row-item{
    width:100%;
}

.block-utilities .content  .form-personal-infos fieldset .row-item label span{
    width: 100px;
    display: block;
}

.block-utilities .content  .form-personal-infos fieldset .row-item label input{
    padding: 3px 5px;
    box-shadow: inset 0 0 2px 1px #000000a3;
    border: 0;
    box-sizing:border-box;
}

.block-utilities .toolbar .views > * {
    flex: 1;
    text-align: center;
}

.block-utilities .content  .form-account .vgroup .vgroup .hgroup .form-label{
    width:100%;
    color:black;
    box-sizing:border-box;
    padding-left:5px;
}

.block-utilities .content  .form-account .vgroup .vgroup .hgroup .form-label .form-value{
    width: 100%;
    background-color: white;
    color: black;
    padding: 3px 5px;
    display: flex;
    align-items: center;
    height: 50%;
    box-sizing: border-box;
}

.block-utilities .content  .form-account .vgroup .bgroup{
    padding: 10px 5px;
    width: 100%;
    border-bottom: 1px solid white;
    box-sizing:border-box;
}

.block-utilities .content  .form-account .vgroup .vgroup .hgroup{
    padding: 5px;
    width: 100%;
    border-bottom: 1px solid white;
    box-sizing:border-box;
}

.block-utilities .content  .form-account .bresetpassword:hover{
    background-color:#6b6a6a;
}

.block-utilities .content  .form-account .bresetpassword{
    padding: 5px 10px;
    width: max-content;
    text-decoration: none;
    background-color: var(--c3);
    box-sizing:border-box;
}

/* PREFERENCES */

.block-utilities fieldset caption {
    display: block;
    width: 100%;
    background-color: var(--c2);
    color: white;
    font-weight: bold;
}

.block-utilities .preferences .content .toolbar {
    display: none;
}

.block-utilities .footer {
    /* display: none; */
}

.block-utilities .prefcontent {
    height: 100%;
    overflow: auto;
}

.block-utilities .utilities-content .profiles .hgroup {
    height: calc(100% - var(--header-uti-height) - 50px);
    max-height: none;
}

.block-utilities .content {
    height: auto;
}

.block-utilities .utilities-content .profiles .content .site-list, .block-utilities .utilities-content .profiles .content .fun-list {
    height: auto;
    max-height: none;
}

.block-utilities .utilities-content .prefcontent .header {
    height: auto;
    width: 100%;
    display: table-row;
    background-color: var(--c3);
}

.block-utilities .utilities-content .prefcontent .header .hgroup {
    height: auto;
    max-height: none;
    min-height: auto;
}

.block-utilities .content .helplist .toolbar,
.block-utilities .content .uniplan .toolbar,
.block-utilities .content .thesaurus .toolbar {
    background-color: transparent;
}

.block-utilities .profiles .preferences .toolbar .bsave {
    display: none;
}