/* GCU popin - dialog modal styles - gcu_popin.js */

dialog::backdrop,
#popin_backdrop {
    background: rgba(10, 10, 10, 0.75);
}
#gcu_popin {
    background: #EEE;
    border: 1px solid #000;
    border-radius: 6px;
    min-width: 100px;
    padding: 0px;
}
#popin_title {
    position: sticky;
    top: 0;
    display: flex;
    justify-content:space-between;
    align-items: center;
    border-bottom: 1px solid #AAA;
    background: #DDD;
}
#popin_title_str {
    width:   100%;
    padding: 0px 5px;
    color:   #000;
    font:    bold 1em Verdana;
}
#popin_close {
    padding: 0px 5px;
    cursor:  pointer;
    color: #999;
    font-size: 16pt;
}
#popin_close:hover {
    color: #444;
}
#popin_content {
    width:  fit-content;
    margin: 0px 15px;
}

/* legacy support - dialog alternative - div */
#popin_backdrop {
    position: fixed;
    top: 0;
    min-width:  100%;
    min-height: 100%;
    z-index: 1000000;
    background: #111;
    opacity: 0.75;
}
.popin_position {
    position: fixed;
	top: 50vh;
	left: 50vw;
    transform: translate(-50%, -50%);
    margin: 0;
    max-width: 95vw;
    max-height: 95dvh;
    z-index: 1000001;
    overflow: scroll;
}