/**
 * @package		mod_jpanel
 * @copyright	Copyright (C) 2012 Girolamo Tomaselli All rights reserved.
 * @email		girotomaselli@gmail.com
 * @website		http://bygiro.com
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

.jPanel{
    position:fixed;
	z-index: 1000000;
}

.jpanelHandle{
    height:auto;
    width:auto;
    cursor:pointer;
	text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
	padding: 6px;
}

.jpanelContent{
	overflow:auto;
	padding: 0 5px;
}

li.jpanelMod {
	list-style: none;
}

ul.modulelist {
	margin: 0;
	padding: 5px;
}

.jpanelHandle p {
	margin: 0;
	padding: 0;
	width: auto;
}

#close_jpanel {
	text-align: center;
}

.jpanelContainer {
	position: relative;
}

.jPanel {
	top: 30%;
    transform: translateX(-100%);
    transition: transform .5s ease, box-shadow .5s ease;
    left: 0!important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0);
    will-change: transform, box-shadow;
}

.jPanel.jPanel--open {
    transform: translateX(0);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.jpanelHandle {
	position: absolute;
	top: 0;
	left: 100%;
    transform: rotate(-90deg) translate(-100%);
    transform-origin: 0 0;
    width: 100px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.jpanelHandle .icon-key {
    transform: rotate(90deg);
    width: 1em;
    height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}