.icon-container {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    background-color: white;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #afafaf;
}
.icon-container:active{
    box-shadow: inset 1px 1px black;
}

.icon {
    width: 29px;
    height: 24px;
    margin: 2px;
}

    .icon .text {
        color: #000;
        display: none;
        margin-top: 27px;
        text-decoration: none;
    }

.icon-prev-meteo {
    background-image: url('img/icoset-navigazione.png');
    background-position: 0px 0px;
}

.icon-sin {
    background-image: url('img/icoset-navigazione.png');
    background-position: -30px 0px;
}

.icon-sin-5-miglia {
    background-image: url('img/icoset-navigazione.png');
    background-position: -60px 0px;
}

.icon-stat {
    background-image: url('img/icoset-navigazione.png');
    background-position: -90px 0px;
}

.icon-porto {
    background-image: url('img/icoset-navigazione.png');
    background-position: -120px 0px;
}

.icon-cross {
    background-image: url('img/icoset-navigazione.png');
    background-position: -150px 0px;
}

.icon-edit {
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: -180px 0px;
}




.icon-prev-meteo-white {
    /*background-image: url('img/icoset-navigazione-white.png');*/
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.icon-sin-white {
    /*background-image: url('img/icoset-navigazione-white.png');*/
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: -30px 0px;
}

.icon-sin-5-miglia-white {
    /*background-image: url('img/icoset-navigazione-white.png');*/
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: -60px 0px;
}

.icon-stat-white {
    /*background-image: url('img/icoset-navigazione-white.png');*/
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: -90px 0px;
}

.icon-porto-white {
    /*background-image: url('img/icoset-navigazione-white.png');*/
    background-image: url('img/icoset-navigazione.png');
    background-repeat: no-repeat;
    background-position: -120px 0px;
}

.icon-star-white {
    /*background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -150px 0px;*/

    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -269px 0px;
}

.icon-download-white {
/*    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -180px 0px;*/

    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -297px 0px;
}

.icon-mail-white {
/*    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -210px 0px;*/

    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -327px 0px;
}

.icon-download-blue {
    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -297px 0px;
}

.icon-mail-blue {
    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -327px 0px;
}
.icon-star-orange {
    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -240px 0px;
}
.icon-star-grey {
    background-image: url('img/icoset-navigazione-white.png');
    background-repeat: no-repeat;
    background-position: -269px 0px;
}

.icon-back {
    background-image: url('img/undoArrow.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.return-arrow{
    position: relative;
    top: 5px;
}

.icon-servizi {
    width: 25px;
    height: 25px;
    background: url(img/icoset_servizidettaglio.png) no-repeat;
    float: left;
    margin-right: 5px;
}

.icon-bollettino-mail {
    background-position: 3px -27px;
}

.icon-bollettino-sms {
    background-position: -23px -27px;
}

.icon-allerte-mail {
    background-position: -49px -27px;
}

.icon-allerte-sms {
    background-position: -77px -27px;
}

.icon-ormeggio-mail {
    background-position: -104px -27px;
}

.icon-ormeggio-sms {
    background-position: -130px -27px;
}


.icon-bollettino-mail-selected {
    background-position: 3px -1px;
}

.icon-bollettino-sms-selected {
    background-position: -23px -1px;
}

.icon-allerte-mail-selected {
    background-position: -49px -1px;
}

.icon-allerte-sms-selected {
    background-position: -77px -1px;
}

.icon-ormeggio-mail-selected {
    background-position: -104px -1px;
}

.icon-ormeggio-sms-selected {
    background-position: -130px -1px;
}