.tab-button[aria-selected=true] .ion-md-myhome:before{
    content: url("./../assets/imgs/tab-01.svg");
}

.tab-button[aria-selected=false] .ion-md-myhome:before{
    content: url("./../assets/imgs/tab-05.svg");
}

.tab-button[aria-selected=true] .ion-md-mycontact:before{
    content: url("./../assets/imgs/tab-04.svg");
}

.tab-button[aria-selected=false] .ion-md-mycontact:before{
    content: url("./../assets/imgs/tab-08.svg");
}
.tab-button[aria-selected=true] .ion-md-myworkbench:before{
    content: url("./../assets/imgs/tab-03.svg");
}

.tab-button[aria-selected=false] .ion-md-myworkbench:before{
    content: url("./../assets/imgs/tab-07.svg");
}
.tab-button[aria-selected=true] .ion-md-mymine:before{
    content: url("./../assets/imgs/tab-02.svg");
}

.tab-button[aria-selected=false] .ion-md-mymine:before{
    content: url("./../assets/imgs/tab-06.svg");
}

.tab-button-text{
    margin-top: 0 !important;
}
.color-333{
    color: #333;
}
.color-666{
    color: #666;
}
.color-999{
    color: #999;
}
@for $i from 1 through 51{
    .margin-right-#{$i}{
        margin-right: #{$i}px;
    }
    .margin-left-#{$i}{
        margin-left: #{$i}px;
    }
    .margin-#{$i}{
        margin: #{$i}px;
    }
    .padding-#{$i}{
        padding: #{$i}px;
    }

}