.gnsyso-image-overlay.gnyso-overlay-full-window-overlay {
    background-color: #000;
}

.gnsyso-image-overlay .gnsyso-header {
    position: absolute;
    top: 1.5rem;
    height: calc(3rem + 2px);
    width: 100%;
    line-height: 3rem;
    padding: 0 1.5rem;
    z-index: 10;
}

.gnsyso-image-overlay .gnsyso-header .caption {
    float: left;
    font-size: 1.4rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 6rem);
}

.gnsyso-image-overlay .gnsyso-header .close-btn {
    display: inline-block;
    float: right;
    padding: 0;
    color: #ddd;
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-decoration: none;
    cursor: pointer;
    font-weight:bold;
}

.gnsyso-image-overlay .gnsyso-header .close-btn:hover {
    color: #fff;
}
/*
.gnsyso-image-overlay .gnsyso-header .close-btn .fas.fa-times {
    color: #327df6;
}
*/

.gnsyso-image-overlay .gnsyso-image-container {
    position: absolute;
    top: calc(6rem + 2px);
    left: 1.5rem;
    bottom: 1.5rem;
    right: 1.5rem;
    background-image: url('../images/loading-black.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.gnsyso-image-overlay .gnsyso-image-container .gnsyso-image {
	max-width: 100%;
	max-height: 100%;
}

.gnsyso-image-overlay .gnsyso-image-container .gnsyso-image.off {
	opacity: 0;
}

.gnsyso-image-overlay .gnsyso-image-container .gnsyso-image.on {
	opacity: 1;
	transition: opacity 0.6s linear 0.1s;
	-webkit-transition: opacity 0.6s linear 0.1s;
}