/*
 * Dialog Boxes
 */

::backdrop {
    background-image: linear-gradient( 45deg, magenta, rebeccapurple, dodgerblue, green );
    opacity: 0.75;
}

dialog.hpidialog {
    border-radius: .3rem;
    border: 1px solid #555;
    padding-top: .3rem;
}

.hpidialog .dlgHeading h4 {
    margin-top: .1rem;
    margin-bottom: .2rem;
    font-size: 1.1rem;
}

.hpidialog .dlgHeading {
    margin-bottom: .5rem;
    padding-bottom: .2rem;
    border-bottom: .5px solid #ccc;
}

.hpidialog .closeBtn {
    background-image: url(../../lib/bootstrap-icons/inuse/x.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
    border: .8px solid #999;
    border-radius: 8px;
    cursor: pointer;
}
.hpidialog .closeBtn:hover{
    background-color: #ffa;
}

.sidebar .nav-link.active {
    color: #FFF;
}


        .sidebar .nav-link:hover .navIcon,
        .sidebar .nav-link.active .navIcon {
            color: inherit;
        }

.sidebar-heading {
    font-size: 1.1rem;
    color: #d6d9fa;
}


dialog.mydata-dialog {
    
}

dialog.mydata-dialog .areaListWrap {
    font-size: .8rem;
    max-height: 10rem;
    overflow: auto;
    margin-bottom: .5rem;
}