.tab-panel {

    &.tools-panel {
        overflow-y      : auto;
    }

    .tool-title1 {        
        font-size       : 1.1em;
        padding         : 10px;
    }

    .tool-title2 {
        margin          : 10px 0 10px 0;
        font-size       : 1.05em; 
        border-bottom   : 1px solid $color-bot;
        box-sizing      : border-box;
    }

    .tool-label {
        background-color: $background-lighter;
        border          : none;
        outline         : none;
        font-family     : $font;
        color           : darken($color, 10%);
        padding         : 5px;
        margin          : 0px 6px 0px 0;
    }

    .tool-label-line {
        @extend .tool-label;
        width           : 100%;
    }

    .tool-label-error {
        @extend .tool-label;
        color           : $color-error;
        width           : 100%;
        background-color: none;
    }

    .tool-value {
        display         : inline-block;
        width           : 25%;
        padding         : 2px;
        background-color: $background-lighter;
        border-top      : 1px solid $background;
        border-bottom   : 1px solid $background;
        height          : 30px;
        line-height     : 30px;
        box-sizing      : border-box;
    }

    .tool-infos {
        width           : 100%;
        padding         : 4px;
    }

    .tool-input {
        background-color: $background-lighter;
        border          : none;
        outline         : none;
        font-family     : $font;
        color           : $color;
        padding         : 5px 10px;
        margin          : 0px 6px 0px 0;
        width           : 100%;
        border-top      : 1px solid $background;
        border-bottom   : 1px solid $background;
        text-align: left;

        &:hover {
            background-color:$background-lighter2;
            cursor: pointer;
        }

        &:active {
            background-color:$background-lighter3;
        }
    }
}