/*
 * Sonepar Hungary Stylesheet. Extend to Sonepar global css.
 */
.sonhu-color-black {
    color: #000000;
}
.sonhu-color-white {
    color: #ffffff;
}
.sonhu-color-dark-blue {
    color: #27348b;
}
.sonhu-color-light-blue {
    color: #009ee3;
}
.sonhu-color-red {
    color: #cd3a45;
}
.sonhu-color-green {
    color: #047d5c;
}
.sonhu-color-yellow {
    color: #f3c200;
}
.sonhu-color-orange {
    color: #ee7203;
}
.sonhu-color-purple {
    color: #683e82;
}

.sonhu-background-black {
    background-color: #000000;
}
.sonhu-background-white {
    background-color: #ffffff;
}
.sonhu-background-dark-blue {
    background-color: #27348b;
}
.sonhu-background-light-blue {
    background-color: #009ee3;
}
.sonhu-background-red {
    background-color: #cd3a45;
}
.sonhu-background-green {
    background-color: #047d5c;
}
.sonhu-background-yellow {
    background-color: #f3c200;
}
.sonhu-background-orange {
    background-color: #ee7203;
}
.sonhu-background-purple {
    background-color: #683e82;
}

.spinner-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 99999;
}

.sonhu-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0, .6);
    z-index: 9999;
}

.sonhu-popup-wrapper .sonhu-popup-container {
    position: relative;
    margin: 4rem auto;
    max-height: 90vh;
    overflow-y: auto;
}

.sonhu-popup-wrapper .sonhu-popup-container .sonhu-popup-header {
    background-color: var(--snpr-card-cap-bg);
    border-bottom: var(--snpr-card-border-width) solid var(--snpr-card-border-color);
    color: var(--snpr-card-cap-color);
    margin-bottom: 0;
}

.sonhu-popup-wrapper .sonhu-popup-container .sonhu-popup-body {
    padding:0;
}