/* Space
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*.ecss-highlight-space {stroke-width: 2;fill: white;}
.space:hover,.space:focus {stroke-width: 2;filter: brightness(115%);}*/

/* status - ei vuokrattavissa - ei korostetut statukset varastokierros*/
.ecss-status-00 {
    fill: #fff;
    fill-opacity: .5;
    stroke-width: 0
}

    .ecss-status-00:hover, .ecss-status-00:focus {
        fill: #eaeaea;
        fill-opacity: .5;
    }

    .ecss-status-00 i {
        color: #eaeaea;
    }

    .ecss-status-00.premium {
        fill-opacity: .7;
        fill: url(#premium00);
    }

/* status - vapaa - näkyy verkkokauppa*/
.ecss-status-0 {
    fill: #55ac7e;
    fill-opacity: 0.5;
    stroke-width: 0
}

    .ecss-status-0:hover, .ecss-status-0:focus {
        fill: #5cb67a;
        opacity: .6
    }

    .ecss-status-0 i {
        color: #55ac7e;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-0 {
    background-color: #55ac7e;
    border-color: #55ac7e
}

.badge.ecss-status-0 {
    background-color: #55ac7e;
    border-color: #55ac7e;
    color: #fff
}

.ecss-status-0.premium {
    fill-opacity: .7;
    fill: url(#premium0);
}

/* status - ostoskorissa - varattu*/
.ecss-status-5 {
    fill: #8063C8;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-5:hover, .ecss-status-5:focus {
        fill: #9c84d9;
        filter: brightness(115%);
    }

    .ecss-status-5 i, .ecss-status-5 i:hover, .ecss-status-5 i:focus {
        color: #8063C8;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-5 {
    background-color: #8063C8;
    border-color: #8063C8
}

.badge.ecss-status-5 {
    background-color: #8063C8;
    border-color: #8063C8;
    color: #fff
}

.ecss-status-5.premium {
    fill-opacity: .7;
    fill: url(#premium5);
}

/* status - odottaa voimaantuloa*/
.ecss-status-7 {
    fill: #29549B;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-7:hover, .ecss-status-7:focus {
        fill-opacity: 0.6;
        filter: brightness(115%);
    }

    .ecss-status-7 i, .ecss-status-7 i:hover, .ecss-status-7 i:focus {
        color: #29549B;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-7 {
    background-color: #29549B;
    border-color: #29549B
}

.badge.ecss-status-7 {
    background-color: #29549B;
    border-color: #29549B;
    color: #fff
}

.ecss-status-7.premium {
    fill-opacity: .7;
    fill: url(#premium10);
}

/* status - vuokrattu / verkkokaupassa ostoskorissa - omatili / oma varasto */
.ecss-status-10 {
    fill: #29549B;
    fill-opacity: 0.8;
    stroke-width: 0
}

    .ecss-status-10:hover, .ecss-status-10:focus {
        fill-opacity: 0.6;
        filter: brightness(115%);
    }

    .ecss-status-10 i {
        color: #29549B;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-10 {
    background-color: #29549B;
    border-color: #29549B
}

.badge.ecss-status-10 {
    background-color: #29549B;
    border-color: #29549B;
    color: #fff
}

.ecss-status-10.premium {
    fill-opacity: .7;
    fill: url(#premium10);
}

/* status - vuokrattu / lähdössä - ei näy verkkokaupassa*/
.ecss-status-15 {
    fill: #57AFE5;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-15:hover, .ecss-status-15:focus {
        filter: brightness(115%);
    }

    .ecss-status-15 i {
        color: #57AFE5;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-15 {
    background-color: #57AFE5;
    border-color: #57AFE5
}

.badge.ecss-status-15 {
    background-color: #57AFE5;
    border-color: #57AFE5;
    color: #fff
}

.ecss-status-15.premium {
    fill-opacity: .7;
    fill: url(#premium15);
}

/* status - pääsy evätty - ei näy verkkokaupassa*/
.ecss-status-20 {
    fill: #ff987a;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-20:hover, .ecss-status-20:focus {
        filter: brightness(115%);
    }

    .ecss-status-20 i {
        color: #ff987a;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-20 {
    background-color: #ff987a;
    border-color: #ff987a;
}

.badge.ecss-status-20 {
    background-color: #ff987a;
    border-color: #ff987a;
    color: #fff
}

.ecss-status-20.premium {
    fill-opacity: .7;
    fill: url(#premium20);
}


/* status - odottaa lukkoa - ei näy verkkokaupassa*/
.ecss-status-25 {
    fill: #ff6551;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-25:hover, .ecss-status-25:focus {
        filter: brightness(115%);
    }

    .ecss-status-25 i {
        color: #ff6551;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-25 {
    background-color: #ff6551;
    border-color: #ff6551;
}

.badge.ecss-status-25 {
    background-color: #ff6551;
    border-color: #ff6551;
    color: #fff
}

.ecss-status-25.premium {
    fill-opacity: .7;
    fill: url(#premium25);
}

/* status - lukittu - ei näy verkkokaupassa*/
.ecss-status-30 {
    fill: #f44336;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-30:hover, .ecss-status-30:focus {
        filter: brightness(115%);
    }

    .ecss-status-30 i {
        color: #f44336;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-30 {
    background-color: #f44336;
    border-color: #f44336;
}

.badge.ecss-status-30 {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff
}

.ecss-status-30.premium {
    fill-opacity: .7;
    fill: url(#premium30);
}


/* status - odottaa lukituksen poistoa - ei näy verkkokaupassa*/
.ecss-status-33 {
    fill: #c32c21;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-33:hover, .ecss-status-33:focus {
        filter: brightness(115%);
    }

    .ecss-status-33 i {
        color: c32c21;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-33 {
    background-color: #c32c21;
    border-color: #c32c21;
}

.badge.ecss-status-33 {
    background-color: #c32c21;
    border-color: #c32c21;
    color: #fff
}

.ecss-status-33.premium {
    fill-opacity: .7;
    fill: url(#premium33);
}

/* status - odottaa realisointia - ei näy verkkokaupassa*/
.ecss-status-35 {
    fill: #edab41;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-35 i {
        color: #edab41;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-35 {
    background-color: #edab41;
    border-color: #edab41;
}

.badge.ecss-status-35 {
    background-color: #edab41;
    border-color: #edab41;
    color: #fff
}

.ecss-status-35.premium {
    fill-opacity: .7;
    fill: url(#premium35);
}

/* status - realisointi sovittu - ei näy verkkokaupassa*/
.ecss-status-40 {
    fill: #F0D16A;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-40:hover, .ecss-status-40:focus {
        filter: brightness(115%);
    }

    .ecss-status-40 i {
        color: #F0D16A;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-40 {
    background-color: #F0D16A;
    border-color: #F0D16A;
}

.badge.ecss-status-40 {
    background-color: #F0D16A;
    border-color: #F0D16A;
    color: #fff
}

.ecss-status-40.premium {
    fill-opacity: .7;
    fill: url(#premium40);
}

/* status - vahingoittunut - ei näy verkkokaupassa*/
.ecss-status-50 {
    fill: #A1ACA5;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-50:hover, .ecss-status-50:focus {
        filter: brightness(115%);
    }

    .ecss-status-50 i {
        color: #A1ACA5;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-50 {
    background-color: #A1ACA5;
    border-color: #A1ACA5;
}

.badge.ecss-status-50 {
    background-color: #A1ACA5;
    border-color: #A1ACA5;
    color: #fff
}

.ecss-status-50.premium {
    fill-opacity: .7;
    fill: url(#premium50);
}

/* status - ei käytössä / poistettu - ei näy verkkokaupassa*/
.ecss-status-55 {
    fill: #637670;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-55 i {
        color: #637670;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-55 {
    background-color: #637670;
    border-color: #637670;
}

.badge.ecss-status-55 {
    background-color: #637670;
    border-color: #637670;
    color: #fff
}

.ecss-status-55.premium {
    fill-opacity: .7;
    fill: url(#premium55);
}

/* status - rakenteilla - ei näy verkkokaupassa*/
.ecss-status-59 {
    fill: #737373;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-59 i {
        color: #737373;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-59 {
    background-color: #737373;
    border-color: #737373;
}

.badge.ecss-status-59 {
    background-color: #737373;
    border-color: #737373;
    color: #fff
}

.ecss-status-59.premium {
    fill-opacity: .7;
    fill: url(#premium59);
}

/* status - oma käyttö - ei näy verkkokaupassa*/
.ecss-status-60 {
    fill: #c0c0c0;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-60:hover, .ecss-status-60:focus {
        filter: brightness(115%);
    }

    .ecss-status-60 i {
        color: #c0c0c0;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-60 {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

.badge.ecss-status-60 {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
    color: #fff
}

.ecss-status-60.premium {
    fill-opacity: .7;
    fill: url(#premium60);
}

/* status - oma käyttö tulevaisuudessa, ei tarkasteta varastokierroksella koska tehtävän deadlineen yli viikko  - ei näy verkkokaupassa*/
.ecss-status-61 {
    fill: #4b5152;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-61:hover, .ecss-status-61:focus {
        filter: brightness(115%);
    }

    .ecss-status-61 i {
        color: #4b5152;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-61 {
    background-color: #4b5152;
    border-color: #4b5152;
}

.badge.ecss-status-61 {
    background-color: #4b5152;
    border-color: #4b5152;
    color: #fff
}

.ecss-status-61.premium {
    fill-opacity: .7;
    fill: url(#premium61);
}

/* status - tarjous - verkkokauppa*/
.ecss-status-100 {
    fill: #E346B3;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-100:hover, .ecss-status-100:focus {
        fill: #EB7ECA
    }

    .ecss-status-100 i {
        color: #E346B3;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-100 {
    background-color: #E346B3;
    border-color: #E346B3;
}

.badge.ecss-status-100 {
    background-color: #E346B3;
    border-color: #E346B3;
    color: #fff
}

.ecss-status-100.premium {
    fill-opacity: .7;
    fill: url(#premium100);
}

/* status - vuokrattu-asiakas vaihtumassa*/
.ecss-status-555 {
    fill: #382952;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-555:hover, .ecss-status-555:focus {
        filter: brightness(115%);
    }

    .ecss-status-555 i {
        color: #382952;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-555 {
    background-color: #382952;
    border-color: #382952;
}

.badge.ecss-status-555 {
    background-color: #382952;
    border-color: #382952;
    color: #fff
}

.ecss-status-555.premium {
    fill-opacity: .7;
    fill: url(#premium555);
}