/*
 * TwoPane Plugin - v0.3.1
 * jQuery UI plugin to handle a resizable two-pane view (commander-like :)
 * https://github.com/giosh94mhz/twopane
 *
 * Copyright (C) 2015  Giorgio Premi
 * Licensed under MIT License
 * See LICENSE file for the full copyright notice.
 */
.giosh94mhz-twopane {
    display: table;
    width: 100%;
    margin-bottom: 1em;
    border-collapse: collapse;
    padding: 0;
}

.giosh94mhz-twopane .giosh94mhz-l-pane, .giosh94mhz-twopane .giosh94mhz-r-pane {
    display: table-cell;
    vertical-align: top;
    height: inherit;
    width: auto;
    padding: 0;
}

.giosh94mhz-twopane .giosh94mhz-l-pane {
    padding-right: 7px;
}

.giosh94mhz-twopane .giosh94mhz-r-pane {
    padding-left: 4px;
}

.giosh94mhz-r-pane .ui-resizable-e {
    cursor: col-resize;
}

/* default hover effect, in case no ghost/helper/... is used */
.giosh94mhz-twopane .ui-resizable-handle:hover {
    background: rgba(151, 187, 244, 0.2);
}