/**
 * 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-2015 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,
.m3editend,
.m3editend 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,
.m3editend {
	z-index:2000;
}
.m3panelopener a i,
.m3resizer a i,
.m3editend a i {
	cursor:pointer;
}
.m3panelopener.m3topleft {
	position: fixed;
	top: 0;
	left: 0;
	z-index:2001;
}
.m3panelopener.m3topright2 {
	position: fixed;
	top: 0;
	right: 45px;
	z-index:2001;
}
.m3resizer.m3topright,
.m3editend.m3topright {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index:2001;
}
.m3panelopener.m3topleft a,
.m3panelopener.m3topright2 a,
.m3resizer.m3topright a,
.m3editend.m3topright a {
	display: block;
	background: #2C3E50;
	color: #fff;
	outline:none;
	height:45px;
	width:45px;
}
.m3panelopener.m3topleft a i,
.m3panelopener.m3topright2 a i,
.m3resizer.m3topright a i,
.m3editend.m3topright a i {
	padding-top:8px;
	padding-left:10px;
}
.m3panelopener.m3topleft a:visited,
.m3panelopener.m3topright2 a:visited,
.m3resizer.m3topright a:visited,
.m3editend.m3topright a:visited
{
 	color: #fff;
}
.m3panelopener.m3topleft a:hover,
.m3panelopener.m3topright2 a:hover,
.m3resizer.m3topright a:hover,
.m3editend.m3topright a:hover {
	text-decoration: none;
}
.m3panelopener.m3topleft .glyphicon,
.m3panelopener.m3topright2 .glyphicon,
.m3resizer.m3topright .glyphicon,
.m3editend.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_right {
	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;
	height:35px;
}
.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:2px 3px;
	clear:left;
	font:14pt;
	outline:0;
}
/*.m3paneltab div a { color:#000; font-weight:bold; } */
/* 右パネル差分 */
#m3slidepanel2 .m3paneltab > ul {
	margin-left:40px;
}
#m3slidepanel2 .m3paneltab > ul li a {	/*tab top*/
	background:#2C3E50;
	pointer-events:none;
}

/*** タブ内アコーディオンメニュー ***/
.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;
}
/*** 一般画面用 ***/
/* ウィジェットツールボタン */
.m3widgettoolbutton {
/*	padding-right:100px;*/
}
.m3widgettoolbutton .title {
	display:none;
}
@media(min-width:768px){
/*	.m3widgettoolbutton {
		padding-right:100px;
	}*/
	.m3widgettoolbutton .title {
		display:inline;
	}
}
.m3widgettoolbutton .hidden {	/* 状態チェックボックス */
	display: none !important;
	visibility: hidden !important;
}
/* メニューバー上のボタン */
.m3-navbar-btn {
	margin-top: 8.5px;
	margin-bottom: 8.5px;
}
.m3-navbar-btn.btn-sm {
	margin-top: 13.5px;
	margin-bottom: 13.5px;
}
.m3-navbar-btn.btn-xs {
	margin-top: 19px;
	margin-bottom: 19px;
}
.m3widgettoolbutton .m3-navbar-btn.btn-lg,
.m3widgettoolbutton .m3-navbar-btn.btn-group-lg > .btn {
	padding: 18px 27px;
	font-size: 19px;
	line-height: 1.33;
	border-radius: 6px;
}
.m3widgettoolbutton .m3-navbar-btn.btn-sm,
.m3widgettoolbutton .m3-navbar-btn.btn-group-sm > .btn {
	padding: 6px 9px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}
.m3widgettoolbutton .m3-navbar-btn.btn-xs,
.m3widgettoolbutton .m3-navbar-btn.btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}
.m3-navbar-btn.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 15px;
	font-size: 15px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.m3-navbar-btn.btn:focus,
.m3-navbar-btn.btn:active:focus,
.m3-navbar-btn.btn.active:focus {
/*	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;*/
	outline: none;
}
.m3-navbar-btn.btn:hover,
.m3-navbar-btn.btn:focus {
	color: #ffffff;
	text-decoration: none;
}
.m3-navbar-btn.btn:active,
.m3-navbar-btn.btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.m3-navbar-btn.btn.disabled,
.m3-navbar-btn.btn[disabled],
fieldset[disabled] .m3-navbar-btn.btn {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.m3-navbar-btn.btn-default {
	color: #ffffff;
	background-color: #95a5a6;
	border-color: #95a5a6;
}
.m3-navbar-btn.btn-default:hover,
.m3-navbar-btn.btn-default:focus,
.m3-navbar-btn.btn-default:active,
.m3-navbar-btn.btn-default.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-default {
	color: #ffffff;
	background-color: #798d8f;
	border-color: #74898a;
}
.m3-navbar-btn.btn-default:active,
.m3-navbar-btn.btn-default.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-default {
	background-image: none;
}
.m3-navbar-btn.btn-default.disabled,
.m3-navbar-btn.btn-default[disabled],
fieldset[disabled] .m3-navbar-btn.btn-default,
.m3-navbar-btn.btn-default.disabled:hover,
.m3-navbar-btn.btn-default[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-default:hover,
.m3-navbar-btn.btn-default.disabled:focus,
.m3-navbar-btn.btn-default[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-default:focus,
.m3-navbar-btn.btn-default.disabled:active,
.m3-navbar-btn.btn-default[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-default:active,
.m3-navbar-btn.btn-default.disabled.active,
.m3-navbar-btn.btn-default[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-default.active {
	background-color: #95a5a6;
	border-color: #95a5a6;
}
.m3-navbar-btn.btn-default .badge {
	color: #95a5a6;
	background-color: #ffffff;
}
.m3-navbar-btn.btn-primary {
	color: #ffffff;
	background-color: #2c3e50;
	border-color: #2c3e50;
}
.m3-navbar-btn.btn-primary:hover,
.m3-navbar-btn.btn-primary:focus,
.m3-navbar-btn.btn-primary:active,
.m3-navbar-btn.btn-primary.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-primary {
	color: #ffffff;
	background-color: #1a242f;
	border-color: #161f29;
}
.m3-navbar-btn.btn-primary:active,
.m3-navbar-btn.btn-primary.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-primary {
	background-image: none;
}
.m3-navbar-btn.btn-primary.disabled,
.m3-navbar-btn.btn-primary[disabled],
fieldset[disabled] .m3-navbar-btn.btn-primary,
.m3-navbar-btn.btn-primary.disabled:hover,
.m3-navbar-btn.btn-primary[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-primary:hover,
.m3-navbar-btn.btn-primary.disabled:focus,
.m3-navbar-btn.btn-primary[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-primary:focus,
.m3-navbar-btn.btn-primary.disabled:active,
.m3-navbar-btn.btn-primary[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-primary:active,
.m3-navbar-btn.btn-primary.disabled.active,
.m3-navbar-btn.btn-primary[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-primary.active {
	background-color: #2c3e50;
	border-color: #2c3e50;
}
.m3-navbar-btn.btn-primary .badge {
	color: #2c3e50;
	background-color: #ffffff;
}
.m3-navbar-btn.btn-success {
	color: #ffffff;
	background-color: #18bc9c;
	border-color: #18bc9c;
}
.m3-navbar-btn.btn-success:hover,
.m3-navbar-btn.btn-success:focus,
.m3-navbar-btn.btn-success:active,
.m3-navbar-btn.btn-success.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-success {
	color: #ffffff;
	background-color: #128f76;
	border-color: #11866f;
}
.m3-navbar-btn.btn-success:active,
.m3-navbar-btn.btn-success.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-success {
	background-image: none;
}
.m3-navbar-btn.btn-success.disabled,
.m3-navbar-btn.btn-success[disabled],
fieldset[disabled] .m3-navbar-btn.btn-success,
.m3-navbar-btn.btn-success.disabled:hover,
.m3-navbar-btn.btn-success[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-success:hover,
.m3-navbar-btn.btn-success.disabled:focus,
.m3-navbar-btn.btn-success[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-success:focus,
.m3-navbar-btn.btn-success.disabled:active,
.m3-navbar-btn.btn-success[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-success:active,
.m3-navbar-btn.btn-success.disabled.active,
.m3-navbar-btn.btn-success[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-success.active {
	background-color: #18bc9c;
	border-color: #18bc9c;
}
.m3-navbar-btn.btn-success .badge {
	color: #18bc9c;
	background-color: #ffffff;
}
.m3-navbar-btn.btn-info {
	color: #ffffff;
	background-color: #3498db;
	border-color: #3498db;
}
.m3-navbar-btn.btn-info:hover,
.m3-navbar-btn.btn-info:focus,
.m3-navbar-btn.btn-info:active,
.m3-navbar-btn.btn-info.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-info {
	color: #ffffff;
	background-color: #217dbb;
	border-color: #2077b2;
}
.m3-navbar-btn.btn-info:active,
.m3-navbar-btn.btn-info.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-info {
	background-image: none;
}
.m3-navbar-btn.btn-info.disabled,
.m3-navbar-btn.btn-info[disabled],
fieldset[disabled] .m3-navbar-btn.btn-info,
.m3-navbar-btn.btn-info.disabled:hover,
.m3-navbar-btn.btn-info[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-info:hover,
.m3-navbar-btn.btn-info.disabled:focus,
.m3-navbar-btn.btn-info[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-info:focus,
.m3-navbar-btn.btn-info.disabled:active,
.m3-navbar-btn.btn-info[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-info:active,
.m3-navbar-btn.btn-info.disabled.active,
.m3-navbar-btn.btn-info[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-info.active {
	background-color: #3498db;
	border-color: #3498db;
}
.m3-navbar-btn.btn-info .badge {
	color: #3498db;
	background-color: #ffffff;
}
.m3-navbar-btn.btn-warning {
	color: #ffffff;
	background-color: #f39c12;
	border-color: #f39c12;
}
.m3-navbar-btn.btn-warning:hover,
.m3-navbar-btn.btn-warning:focus,
.m3-navbar-btn.btn-warning:active,
.m3-navbar-btn.btn-warning.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-warning {
	color: #ffffff;
	background-color: #c87f0a;
	border-color: #be780a;
}
.m3-navbar-btn.btn-warning:active,
.m3-navbar-btn.btn-warning.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-warning {
	background-image: none;
}
.m3-navbar-btn.btn-warning.disabled,
.m3-navbar-btn.btn-warning[disabled],
fieldset[disabled] .m3-navbar-btn.btn-warning,
.m3-navbar-btn.btn-warning.disabled:hover,
.m3-navbar-btn.btn-warning[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-warning:hover,
.m3-navbar-btn.btn-warning.disabled:focus,
.m3-navbar-btn.btn-warning[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-warning:focus,
.m3-navbar-btn.btn-warning.disabled:active,
.m3-navbar-btn.btn-warning[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-warning:active,
.m3-navbar-btn.btn-warning.disabled.active,
.m3-navbar-btn.btn-warning[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-warning.active {
	background-color: #f39c12;
	border-color: #f39c12;
}
.m3-navbar-btn.btn-warning .badge {
	color: #f39c12;
	background-color: #ffffff;
}
.m3-navbar-btn.btn-danger {
	color: #ffffff;
	background-color: #e74c3c;
	border-color: #e74c3c;
}
.m3-navbar-btn.btn-danger:hover,
.m3-navbar-btn.btn-danger:focus,
.m3-navbar-btn.btn-danger:active,
.m3-navbar-btn.btn-danger.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-danger {
	color: #ffffff;
	background-color: #d62c1a;
	border-color: #cd2a19;
}
.m3-navbar-btn.btn-danger:active,
.m3-navbar-btn.btn-danger.active,
.open > .dropdown-toggle.m3-navbar-btn.btn-danger {
	background-image: none;
}
.m3-navbar-btn.btn-danger.disabled,
.m3-navbar-btn.btn-danger[disabled],
fieldset[disabled] .m3-navbar-btn.btn-danger,
.m3-navbar-btn.btn-danger.disabled:hover,
.m3-navbar-btn.btn-danger[disabled]:hover,
fieldset[disabled] .m3-navbar-btn.btn-danger:hover,
.m3-navbar-btn.btn-danger.disabled:focus,
.m3-navbar-btn.btn-danger[disabled]:focus,
fieldset[disabled] .m3-navbar-btn.btn-danger:focus,
.m3-navbar-btn.btn-danger.disabled:active,
.m3-navbar-btn.btn-danger[disabled]:active,
fieldset[disabled] .m3-navbar-btn.btn-danger:active,
.m3-navbar-btn.btn-danger.disabled.active,
.m3-navbar-btn.btn-danger[disabled].active,
fieldset[disabled] .m3-navbar-btn.btn-danger.active {
	background-color: #e74c3c;
	border-color: #e74c3c;
}
.m3-navbar-btn.btn-danger .badge {
	color: #e74c3c;
	background-color: #ffffff;
}
