.dbc-manager div.modal.item-x {
    left: 20px;
    /* right: 0; */
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    top: 20px;
    /* bottom: 0; */
    margin: 0;
}

.dbc-manager div.modal.item-x .modal-body {
    padding:0;
    display: flex;
    max-height: unset;
    height: calc( 100vh - 40px);
}

.dbc-manager div.modal.item-x .modal-body > * {
    flex-grow:1;
}

.dbc-manager #seblod_form_raw .manager-sidebar {
    position:absolute;
    height: calc( 100% - 60px);
}

.aide{
    background:  rgb(110, 211, 252);
    color: #3a4772;
}

.dbc-overlay-help {
    border: solid 2px ;
    border-color: rgba(110, 211, 252,0.8);
    /*padding-top: 20px;*/
    background:  rgba(190, 233, 249, 0.4);
    border-radius:10px;
    z-index:2;
}
.circle{
    background-color: white;
    border: solid 2px rgb(110, 211, 252);
    border-radius: 50%;
    height: 20px;
    width: 20px;
}
.dbc-overlay-help a span{
    color:  rgb(48, 48, 48);
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%)  ;
}
.dbc-overlay-help a span circle{
    background-color:  rgb(167, 40, 40);
}
.dbc-overlay-help:hover{
    animation: hover 0.5s ;
    background:  rgba(110, 211, 252,0.6);
}
@keyframes hover {
    0% {
        background:  rgba(190, 233, 249, 0.4);
    }
    100% {
        background:  rgba(110, 211, 252,0.6);
    }
  }