/**
 * Magic3管理機能用CSS
 *
 * LICENSE: This source file is licensed under the terms of the GNU General Public License.
 *
 * @package    Magic3 Framework
 * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>
 * @copyright  Copyright 2006-2014 Magic3 Project.
 * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
 * @version    SVN: $Id$
 * @link       http://www.magic3.org
 */
/*.m3_widget.m3_widget_sortable { cursor: url(../../images/system/cursor/context.cur), auto; }*/
.m3_widget.m3_widget_contextmenu { cursor: url(../../images/system/cursor/context.cur), auto; }

/***** Magic3スライドパネル *****/
.m3panel_top,
.m3panel_left,
.m3panel_right,
.m3panel_bottom,
.m3panelopener,
.m3panelopener a,
.m3resizer,
.m3resizer a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;*/
	font-weight:normal;
	font-style:normal;
	font-size: 15px;
/*	font-family: inherit;*/
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	vertical-align: baseline;
	text-decoration: none;
	text-transform: none;
	background-color: transparent;
	background-image: none;
	text-align:left;
	
	user-select:none; /* CSS3 */
	-webkit-user-select:none; /* Safari、Chromeなど */
	-moz-user-select:none; /* Firefox */
	-ms-user-select: none; /* IE10 */
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
}
.m3panel_top,
.m3panel_left,
.m3panel_right,
.m3panel_bottom,
.m3panelopener,
.m3resizer {
	z-index:2000;
}
.m3panelopener.m3topleft {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:2001;
}
.m3resizer.m3topright {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index:2001;
}
.m3panelopener.m3topleft a,
.m3resizer.m3topright a {
	display: block;
	background: #2C3E50;
	color: #fff;
	padding: 5px 10px;
	outline:none;
}
.m3panelopener.m3topleft a:visited,
.m3resizer.m3topright a:visited
{
 	color: #fff;
}
.m3panelopener.m3topleft a:hover,
.m3resizer.m3topright a:hover {
	text-decoration: none;
}
.m3panelopener.m3topleft .glyphicon,
.m3resizer.m3topright .glyphicon {
	color: #fff;
	font-size: 24px;
	margin:0;
	height:30px;
}

/*** 左パネル ***/
.m3panel_left {
	background: #2C3E50;
	position: fixed;
	width: 240px;
	height: 100%;
	top: 0;
	visibility: hidden;
}
/*
.m3panel_left .m3panel_wrap {
	padding: 20px 0px 20px 0px;
	color: #fff;
}*/
/*** トップパネル ***/
.m3panel_top {
	background: #2C3E50;
	position: fixed;
	width: 100%;
	height: 60px;
	left: 0;
	visibility: hidden;
}
.m3panel_top ul {
	margin-left:30px;
}
.m3panel_top ul li {
	float:left;	/* for IE8 */
}
/*
.m3panel_top .m3panell_wrap {
	padding: 20px 0px 20px 0px;
	color: #fff;
}*/

.m3panel_top a, .m3panel_left a, .m3panel_right a, .m3panel_bottom a {
	color:#18bc9c;
	text-decoration:none;
}
.m3panel_top img, .m3panel_left img, .m3panel_right img, .m3panel_bottom img {
	border:0;
	vertical-align:middle;
}

.m3-nav{padding-left:0;margin-bottom:0;list-style:none;}
.m3-nav:before,.m3-nav:after{display:table;content:" "}
.m3-nav:after{clear:both}
.m3-nav:before,.m3-nav:after{display:table;content:" "}
.m3-nav:after{clear:both}
.m3-nav:before,.m3-nav:after{display:table;content:" "}
.m3-nav:after{clear:both}
.m3-nav:before,.m3-nav:after{display:table;content:" "}
.m3-nav:after{clear:both}
.m3-nav:before,.m3-nav:after{display:table;content:" "}
.m3-nav:after{clear:both}
.m3-nav>li{position:relative;display:block;}
.m3-nav>li>a{position:relative;display:block;padding:10px 15px}
.m3-nav>li>a:hover,.m3-nav>li>a:focus{text-decoration:none;background-color:#ecf0f1}
.m3-nav>li.disabled>a{color:#b4bcc2}
.m3-nav>li.disabled>a:hover,.m3-nav>li.disabled>a:focus{color:#b4bcc2;text-decoration:none;cursor:not-allowed;background-color:transparent}

.m3-navbar-nav{margin:9.75px -15px;padding-left:30px;/*left icon position*/}
.m3-navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:21px;}
@media(min-width:768px){
	.m3-navbar-nav{float:left;margin:0}
	.m3-navbar-nav>li{float:left}
	/*.m3-navbar-nav>li>a{padding-top:19.5px;padding-bottom:19.5px}*/
	.m3-navbar-nav>li>a{padding-top:14px;padding-bottom:14px/*for 32x32 icon top position*/}
}

.m3-navbar-default{background-color:#2c3e50;border-color:#202d3b}
.m3-navbar-default .navbar-brand{color:#fff}
.m3-navbar-default .navbar-brand:hover,.m3-navbar-default .navbar-brand:focus{color:#18bc9c;background-color:transparent}
.m3-navbar-default .navbar-text{color:#777}
.m3-navbar-default .m3-navbar-nav>li>a{color:#fff}
.m3-navbar-default .m3-navbar-nav>li>a:hover,.m3-navbar-default .m3-navbar-nav>li>a:focus{color:#18bc9c;background-color:transparent}
.m3-navbar-default .m3-navbar-nav>.active>a,.m3-navbar-default .m3-navbar-nav>.active>a:hover,.m3-navbar-default .m3-navbar-nav>.active>a:focus{color:#fff;background-color:#1a242f}
.m3-navbar-default .m3-navbar-nav>.disabled>a,.m3-navbar-default .m3-navbar-nav>.disabled>a:hover,.m3-navbar-default .m3-navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}

/******* スライドパネルのタブ *******/
.m3paneltab ul {
	margin:5px 5px;
	padding:0px;
}
.m3paneltab ul li {
	list-style:none;
	float:left;
}
.m3paneltab ul li a {	/*tab top*/
	outline: 0;
	display:block;
	padding:6px 10px;
	text-decoration:none!important;
/*  margin:1px;
  margin-left:0;*/
	font:14px;
	font-weight:bold;
	color:#fff;
/*background:#444;*/
	background:#95a5a6;
}
.m3paneltab ul li a:hover {
	color:#FFF;
	background:#111;
}
.m3paneltab ul li a.selected {
	margin-bottom:0;
	color:#000;
	background:#fff;
/*background:#18BC9C;*/
/*  border-bottom:1px solid snow;*/
	cursor:default;
}
.m3paneltab > div, .m3paneltab > div > div {
	padding:5px 3px;
	clear:left;
	font:14pt;
	outline:0;
}
/*.m3paneltab div a { color:#000; font-weight:bold; } */

/*** タブ内アコーディオンメニュー ***/
.m3accordion {
	margin:0 0 2px;
	color:#FFF;
}
/* ウィジェットカテゴリー */
.m3accordion > dt{
	color:#FFF;	
	font-weight:bold;
	font-size: 16px;
	margin-top:1px;
	padding:10px 15px;
	background:#3498DB;
	cursor:pointer;
}
/* カテゴリー内ウィジェット一覧 */
.m3accordion > dt.active{
	color:#FFF;
	background:#F39C12;
}
.m3accordion > dt:after{
/*	content:"+";
	border-radius:50%;
	border:2px solid;
	font-size:18px;
	padding:0 7px;
	margin-top:-3px;*/
	content: "\e081";	/* 「+」 */
	position: relative;
	margin-top:5px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	float:right;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.m3accordion > dt.active:after{
	content: "\e082";	/* 「-」 */
/*	content:"-";*/
/*	border:2px solid #ccc;*/
/*	color:#ccc;*/
}
.m3accordion > dd {
	margin: 3px 0;
}
.m3message {
	color:#e74c3c;
	text-align:center;
}
/*** ウィジェット一覧表示用 ***/
.m3widgetlist {
	overflow: auto;		/* スクロールバーあり */
}
/*** 編集画面用 ***/
/* テンプレートタイプラベル */
.panel-heading .label {
	padding-left:8px;
	padding-bottom:1px;
}

