/* css for the control icons */
.custom-control-icon.custom-close {
    display: block;
    width: 45px;
    height: 20px;
    background-image: url(../Images/Panel/Bouton_System_Fermer.png);
    background-repeat: no-repeat;
    background-position: -8px 4px;
}

.jsPanel-btn-close:hover {
    background-color: transparent !important;
}

    .jsPanel-btn-close:hover > .custom-control-icon.custom-close {
        background-position: -145px 4px;
    }

.custom-control-icon.custom-maximize {
    display: block;
    width: 45px;
    height: 20px;
    background-image: url(../Images/Panel/Bouton_System_Agrandir.png);
    background-repeat: no-repeat;
    background-position: -10px 4px;
}

.jsPanel-btn-maximize:hover {
    background-color: transparent !important;
}

    .jsPanel-btn-maximize:hover > .custom-control-icon.custom-maximize {
        background-position: -145px 4px;
    }

.custom-control-icon.custom-normalize {
    display: block;
    width: 45px;
    height: 20px;
    background-image: url(../Images/Panel/Bouton_System_Restaurer.png);
    background-repeat: no-repeat;
    background-position: -10px 4px;
}

.jsPanel-btn-normalize:hover {
    background-color: transparent !important;
}

    .jsPanel-btn-normalize:hover > .custom-control-icon.custom-normalize {
        background-position: -145px 4px;
    }

.custom-control-icon.custom-minimize {
    display: block;
    width: 45px;
    height: 20px;
    background-image: url(../Images/Panel/Bouton_System_Reduire.png);
    background-repeat: no-repeat;
    background-position: -10px 4px;
}

.jsPanel-btn-minimize:hover {
    background-color: transparent !important;
}

    .jsPanel-btn-minimize:hover > .custom-control-icon.custom-minimize {
        background-position: -145px 4px;
    }