/**
 * @file
 * General styles for dropbuttons.
 */
    
    .js .dropbutton-widget {
        background-color: white;
        border: 1px solid #cccccc;
    }
    
    .js .dropbutton-widget:hover {
        border-color: #b8b8b8;
    }
    
    .dropbutton .dropbutton-action>* {
        padding: 0.1em 0.5em;
        white-space: nowrap;
    }
    
    .dropbutton .secondary-action {
        border-top: 1px solid #e8e8e8;
    }
    
    .dropbutton-multiple .dropbutton {
        border-right: 1px solid #e8e8e8;
        /* LTR */
    }
    
    [dir="rtl"] .dropbutton-multiple .dropbutton {
        border-left: 1px solid #e8e8e8;
        border-right: 0 none;
    }
    
    .dropbutton-multiple .dropbutton .dropbutton-action>* {
        margin-right: 0.25em;
        /* LTR */
    }
    
    [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action>* {
        margin-left: 0.25em;
        margin-right: 0;
    }
    
    .js td .dropbutton-multiple {
        padding-right: 10em;
        margin-right: 2em;
        max-width: 100%;
    }
    
    .js td .dropbutton-wrapper {
        min-height: 2em;
    }
    
    .js .dropbutton-wrapper,
    .js .dropbutton-widget {
        display: block;
        position: relative;
    }
    
    .js td .dropbutton-widget {
        position: absolute;
    }