@import "xs";
@import "sm";
@import "md";
@import "lg";
@import "xl";
@import "xxl";

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 !default;
                .indexlink,
                .indexlink_usable {
                    min-width: $d3_element-width;
                }

                .letter_all {
                    width: $d3_element-width * 3;
                }
            }
        
            &.baseframe {
                .message {
                    margin-bottom: 10px;
                    font-size: 12px;
                }
                .content.list {
                    @include 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;
            background-clip: padding-box;

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

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

            .d3_extsearch_footer {
                padding:            5px;
                line-height:        1.2;
                height:             auto;
                border-radius: 0 0 4px 4px;
                background-clip: padding-box;
            }
        }
    }
    
    .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;
            }
        }
    }
}