.equal-cols {
    table-layout: fixed; /* lock sizing */
    width: 100%; /* stretch full width */
}

/* For centered samesize collumn in Bootstrap */
.equal-cols th,
.equal-cols td {
    text-align: center; /* nice alignment */
}

table.equal-cols {
    margin-bottom: 4rem;
}

/* No UI slider */
.slider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.slider-top {
    margin-top: 4rem !important;   
}

.slider-bottom {
    margin-bottom: 4rem !important;
}

.slider-row {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* custom tooltip textbox for tapping in value */
input.ui-slider-tooltip {
    width: 3.1rem;
}

/* camera image for plus 30 */
.stone-camera {
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

#header .header-nav-features .header-nav-features-dropdown {
    min-width: 0em !important;
    padding: 0.6em !important;
}

#header .header-nav-features .header-nav-features-dropdown ul {
    margin: 0em !important;
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
}

/* Top langauge and currency menu adjustmens */
@media (max-width: 991px) {
    #header .header-nav-features .header-nav-features-dropdown.show {
        top: 0px !important;
        box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05) !important;
    }

    #header .header-nav-features .header-nav-features-dropdown.show:before {
        display: none;
    }
}

.grayscale-100 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* For Safari and older Chrome */
    -moz-filter: grayscale(100%); /* For Firefox */
    -ms-filter: grayscale(100%); /* For Internet Explorer */
    -o-filter: grayscale(100%); /* For Opera */
}

.grayscale-90 {
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%); /* For Safari and older Chrome */
    -moz-filter: grayscale(90%); /* For Firefox */
    -ms-filter: grayscale(90%); /* For Internet Explorer */
    -o-filter: grayscale(90%); /* For Opera */
}

.grayscale-80 {
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%); /* For Safari and older Chrome */
    -moz-filter: grayscale(80%); /* For Firefox */
    -ms-filter: grayscale(80%); /* For Internet Explorer */
    -o-filter: grayscale(80%); /* For Opera */
}

@media (min-width: 991px) {
    .sub-menu-selected-item {
        color: var(--primary) !important;
        font-weight: bold !important;
    }
}
