* {
    box-sizing: border-box;
}

.notifications-container {
    inset-inline-start: unset;
    inset-inline-end: unset;
    border: 0px;
    background-color: #e91e63a3;
    padding: 0;
}
.b0{
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.Diasa_dialog {
    top: 0px;
    /*right: 0px;*/
    padding: 10px;
    position: fixed;
    display: flex;
    flex-flow: column;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    padding: 5px 5px;
    border: solid 1px #585858a3;
    background-color: white;


    /* Center the DIV horizontally */
    /*transform: translateY(850px);*/

}

.Diasa_Modal_BackDrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: #85858552;
    
    /*backdrop-filter: blur(1px);*/
}

.Diasa_close {
    font-size: 26px;
    margin-bottom: 3px;
    color: white;
    width: 60px;
    text-align: center;    
}

.d_header {


    flex: 0 1 auto;
    background-color: rgb(199 199 199);
    border: 0;
    align-items: center;
    display: flex;

    /*flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;*/

}
.diasa_header_text{
    width: calc(100% - 60px);
}
.d_content {
    flex: 0 1 auto;
    overflow: auto;
    transition: height 2s ease-out;
    height: 100%;
    display: flex;
    align-content: flex-start;



}

.d_content::-webkit-scrollbar {
    /*display: none;*/
}

.d_footer {
    flex: 0 1 40px;
    max-height: 55px;
}
.d_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 101;
}

.Diasa_dialog::backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    animation: none;

}

.Diasa_dialog[open]::backdrop {
    animation: show-backdrop1 1s ease 0.1s normal;
}

.Diasa_dialog.hidex::backdrop {
    animation: hide-backdrop .4s linear;
}

.hidex {
    transition: opacity 0.4s ease-out;
    opacity: 0;
    /*animation: hide-backdrop .1s linear;*/
}

@-webkit-keyframes show-backdrop {

    to {
        opacity: 1;
    }
}

@-webkit-keyframes hide-backdrop {
    to {
        opacity: 0;
    }
}

.v_center {
    /*top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important*/
}