/******* idFrameT CSS *********************************************************/

#idFrameT {
    margin-left: -10px;
    margin-right: -20px;
    #selectCase {
        background: url('#{$iconsPath}ccoch0.gif') no-repeat center center;
        padding-left: 16px;
    }
    .PNB10.btn-toolbar {
        left: 0px;
    }
    .btn-toolbar {
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: $mediumBackgroundColor;
        font-size: $smallFontSize;
        z-index: 100;
        height: 45px;
        box-sizing: border-box;
        border-bottom: none; //1px solid $darkerBorderColor;
    }
    .btn-inverse .caret {
        border-top-color: $whiteCaret;
        border-bottom-color: $whiteCaret;
    }
    .tools {
        &:first-child .btn-group {
            border-right: 1px solid $answersToolsBtnSeparatorBorder;
        }
        .btn-group {
            float: left;
        }
        .classicButton button.btn,
        .dropdownButton {
            margin: 0;
        }
        .classicButton button.btn,
        .dropdownButton button.btn {
            height: 30px;
            font-size: $mediumFontSize;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }
        .classicButton button.btn-inverse,
        .dropdownButton button.btn-inverse {
            background-image: none;
            background-color: $mediumBackgroundColor;
            color: $answersToolsBtnColor;
            border-radius: 0;
            margin: 0;
            height: 45px;
            border: 0;
        }
        .classicButton button.btn-inverse {
            border-right: 0;
        }
        .dropdownButton button.btn-inverse {
            border-left: 0;
            border-right: 0;
            .open &, &:hover, &:active, &:focus {
                background-color: $btnHovLight;
            }
        }
        .classicButton button.btn-inverse:hover,
        .dropdownButton button.btn-inverse:hover {
            background-color: $btnHovLight;
            color: $textPrimaryHoverColor;
        }

        .classicButton button.btn-inverse img,
        .dropdownButton button.btn-inverse img {
            margin: 0 5px 0 2px;
            max-width: none;
            width: 25px;
        }
        .dropdown-menu {
            min-width: 120px;
            padding: 0;
            margin: 0;
            border-radius: 0 0 6px 6px;
            overflow: hidden;
            background-color: $answersToolsBtnBg;
            border: 0;
            a {
                padding: 10px 14px;
                font-size: $mediumFontSize;
                color: $answersToolsBtnColorSub;
                background-color: $answersToolsBtnBgSub;
                cursor: pointer;
                &:hover {
                    background-color: $answersToolsBtnHoverBgSub;
                    background-image: none;
                    color: $answersToolsBtnColorSub; //$answersToolsBtnHoverColor;
                }
            }
            > li > a {
                &:hover, &:focus, &:active {
                    background-color: $answersToolsBtnHoverBgSub;
                    background-image: none;
                }
            }
            img {
                margin-right: 5px;
                width: 25px;
                max-width: unset;
            }
        }
        #settings {
            display: block;
            float: right;
            line-height: 45px;
            padding-right: 51px;
            padding-left: 21px;
            margin-right: 0;
            color: $answersToolsBtnSettingsColor;
            background: url('#{$iconsPath}icone_settings.png') right 15px no-repeat;
            background-position: right 21px top 15px;
            border-left: 1px solid $answersToolsBtnSettingsBorder;
            &:hover {
                background-color: $answersToolsBtnSettingsHoverBg;
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    #idFrameT .tools button.btn-inverse {
        img , i {
            display: none;
        }
    }
    #idFrameT .tools #settings {
        text-indent: -9000px;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 8px;
        width: 26px;
        background-position: right 1px top 15px;
    }
}
