@import "flow_xs";
@media (min-width: @screen-sm-min ) {
    @import "flow_sm";
}
@media (min-width: @screen-md-min ) {
    @import "flow_md";
}
@media (min-width: @screen-lg-min ) {
    @import "flow_lg";
}

body {
    .d3_extsearch_navigation {
        &.baseframe {
            &.d3theme_@{d3_class_themeid} {
                &.d3sidebar.fit {
                    height: 63px;
                }
                &.fit {
                    margin-bottom: 10px;
                }
            }
        }

        &.d3theme_@{d3_class_themeid} {
            &.d3sidebar {
                #d3searchfilterform .item {
                    margin-bottom: 10px;
                }

                @d3_element-width: floor(100% / 13 * 10) / 10;
                .indexlink,
                .indexlink_usable {
                    min-width: @d3_element-width;
                }

                .letter_all {
                    width: @d3_element-width * 3;
                }
            }
        
            &.baseframe {
                width: auto;
                
                .message {
                    margin-bottom: 10px;
                    font-family: @font-family-base;
                    font-size: 12px;
                }
                .content.list {
                    .make-row();
                }
            }
            .list {
                border-style: none;
                padding: 0;
            }

            .indexlink,
            .indexlink_usable {
                min-width: 2.6%;
                height: 21px;
            }

            .letter_all {
                width:  6.4%;
            }
        }
    }

    .d3sidebar {
        margin-bottom: 10px;
    }
    
    .xajax_resp_cl.xajax_resp_@{d3_class_themeid} {
        margin-top: 9px;
    }
    
    .xajax_resp_@{d3_class_themeid} {
        #d3_extsearch_quicksearch {
            .box-shadow(0 0 8px @d3_color_suggestbox_shadow);
            .border-radius(4px);

            .headline {
                background-color: @d3_color_azure_medium;
                line-height:      1.2;
                height:           auto;
                padding:          5px;
                font-size:        14px;
                .border-radius(4px 4px 0 0);
            }

            .closebtn {
                height:     18px;
                width:      20px;
                margin:     3px;
            }

            .d3_extsearch_footer {
                padding:            5px;
                line-height:        1.2;
                height:             auto;
                .border-radius(0 0 4px 4px);
            }
        }
    }
    
    .IAS_box.IAS_box_@{d3_class_themeid} {
        border-color: @d3_color_iasbox;
        width: auto;
        height: auto;

        span {
            margin: 0 0 0 10px;
            padding: 0;
            width: auto;
        }

        .headline {
            background-color: @d3_color_iasbox;

            label {
                margin-bottom: 0;
            }

            .closebtn {
                margin: 4px;
                border: 1px solid @d3_color_border_white;
                font-size: 10px;
            }
        }
    }
}
