.index {
    text-align: center;
    min-height: 50px;
    width: 100%;

}

.option-main-tr {
    display: inline-block;
    width: 19%;
    position: relative;
    text-align: right;

}

.option-main-tr .title {
    display: inline;
    font-size: 14px;
}

.option-main-tr .more {
    font-size: 11px;
    color: #d75132;
}

.option-main-tr .icon {
    width: 45px;
    height: 45px;
    background-color: rgba(61, 61, 61, 0.55);
    border-radius: 30px;
    text-align: center;
    font-size: 24px;
    color: white;
    display: inline-table;
    vertical-align: middle;
}

#hints .icon {
    background-color: rgb(127, 128, 131);

}

#home .icon {
    background-color: rgb(1, 124, 113);
}

#actions .icon {
    background-color: rgb(252, 67, 70);
}

#reports .icon {
    background-color: rgb(1, 105, 172);
}

#info .icon {
    background-color: rgb(168, 209, 74);
}

.option-main-tr .icon i, .option-main-tr .icon img {
    margin-top: 8px;
}

.option-main-tr p, .option-main-tr a {
    text-decoration: none;
    color: #303030;
    font-size: 12px;
    cursor: pointer;
    display: inline;
}

.option {
    display: inline-table;
    position: relative;
    width: 80%;
    margin-right: 15px;
    z-index:100;
}

.option-subset-tr {
    text-align: right;
    margin:10px 0;

}
.option-subset-tr :hover{
    font-weight: bold;
}

.option-subset-tr .fa-circle {
    font-size: 8px;
    margin-right: 6px; /* chrome*/
}

/* firefox*/
@-moz-document url-prefix() {
    .option-subset-tr .fa-circle {
        margin-right: -2px;
    }
}

#option1 .fa-circle {
    color: rgb(127, 128, 131);
}

#option2 .fa-circle {
    color: rgb(1, 124, 113);
}

#option3 .fa-circle {
    color: rgb(252, 67, 70);
}

#option4 .fa-circle {
    color: rgb(1, 105, 172);
}

#option5 .fa-circle {
    color: rgb(168, 209, 74);
}

#back-btn {
    /*display: inline-block;*/
    background-color: #e2e3e3;
    height: 30px;
    width: 30px;
    color: #545557;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    margin-right: 50px;
    z-index: 200;
    display: none;

}

#back-btn i {
    margin-top: 6px;
    font-size: 16px;
}

.subset-list {
    display: none;
    width: 50%;
    padding: 20px 30px;
    position: relative;
    margin-left: 50px;
    margin-bottom: 30px;
    margin-top: -20px;
    float: left;
}

.subset-list a {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.subset-list i {
    font-size: 11px;
}
#option2 .subset-list {
    background-color: rgba(1, 124, 113, 0.15);
    /*top: -83px;*/
}
#option3 .subset-list {
    background-color: rgba(252, 67, 70, 0.15);
    /*top: -285px;*/
}

#option4 .subset-list {
    background-color: rgba(1, 105, 172, 0.15);
    /*top: -212px;*/
}

#option5 .subset-list {
    background-color: rgba(168, 209, 74, 0.15);
    /*top: -150px;*/
}