/*
app.css カスタマイズ用CSS
2017.06.20 作成 nakano
*/
/*
app.css カスタマイズ用CSS
2017.06.20 作成 nakano
2023.04.25 更新 nakano 北辰図書ver
2023.04.25 更新 sakai 北辰図書ver

*/
/* -------------------------------- */
/* サイドバー黒バージョン*/
/* -------------------------------- */
/* -------------------------------- */
/* base ベース　基本　 */
/* -------------------------------- */

body {
		font-family: Meiryo, Arial, sans-serif !important;
		color: #2F4863;
		-webkit-font-smoothing: antialiased;
}

/*スクロールバー*/
div#main::-webkit-scrollbar {
 width: auto;
}

a {
		font-weight: bold;
}

.container {
		padding-top: 0px;
		width: 100%;
}
.container-fluid {
		padding-top: 100px;
		padding-left: 3em;
		padding-right: 2em;
}
.row {
		clear: both;
}
.collapse {
		display: none;
}
.collapse.in {
		display: block;
}
.metismenu .collapse.in {
		display: block;
}
.center {
		text-align: center;
		vertical-align: middle;
}
.middle {
		vertical-align: middle !important;
}
.deeper {
		font-weight: 700;
}
.dashboard-page {
		margin: 0 auto !important;
}
/*ヘッダー*/
.header-fixed .header {
		position: fixed;
}
/*	全体の枠	*/
.main-wrapper {
		width: 100%;
		position: absolute;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
}
li.dropdown a:not(.btn) {
		color: #FFFFFF;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
		display: block;
}
/*	パンくずリスト	*/
.breadcrumb {
		padding: 8px 15px;
		margin-bottom: 22px;
		list-style: none;
		background-color: #ffffff !important;
		border-radius: 4px;
}
/*	区切り線	*/
hr {
		margin-top: 10px;
		margin-bottom: 22px;
		border-top: 1px solid #eee;
}
div#serch_detail hr {
		border: dashed 1px #fff;
}
/*スマホ用メニュー*/
.app {
		position: relative;
		width: 100%;
		padding-left: 200px;
		min-height: 100vh;
		margin: 0 auto;
		left: 0;
		background-color: #f1f1f1;
		-webkit-box-shadow: 0 0 3px #ccc;
		box-shadow: 0 0 3px #ccc;
		-webkit-transition: left 0.3s ease, padding-left 0.3s ease;
		transition: left 0.3s ease, padding-left 0.3s ease;
		overflow: hidden;
}
.app .content {
		padding: 95px 20px 75px 20px;
		min-height: 100vh;
}
.hidden-md-up {
		display: none !important;
}
/*ヘッダーナビバー*/
.navbar-header {
		margin-left: auto;
		white-space: nowrap;
		padding-right: 15px;
		display: inherit;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
		background-color: #6f78a3 !important;
		padding-bottom: 0.5rem;
}
.header .navbar-static-top::after {
		content: "";
		display: table;
		clear: both;
}
header.navbar {
		border-bottom: #435260 5px solid;
}
header.navbar.navbar-default.navbar-static-top {
		border-radius: 0;
		left: 200px;
		background-color: #6f78a3;
		height: 60px;
		position: absolute;
		right: 0;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
		z-index: 10;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 15px
}
/* -------------------------------- */
/* 見出しh1h2h3h4h5  */
/* -------------------------------- */
.h2, h2 {
		font-size: 1.4em !important;
		color: #6f78a3;
		font-weight: 600;
		/*border-bottom: 2px solid #6f78a3;*/
}
.h3, h3 {
		font-size: 1.23em !important;
		color: #6f78a3;
		font-weight: 600;
		padding-left: 0.1rem;
}
.h4, h4 {
		font-size: 16px;
		line-height: 28px;
		color: #6f78a3;
		padding-right: 10px;
		padding-left: 0.3rem;
		margin-bottom: 0;
		font-weight: 600;
		display: inline-block;
}
.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 22px;
		margin-bottom: notset;
}
.h5, h5 {
		padding: 1em 1.3em 1em;
		font-size: 1em;
		color: #6f78a3;
		font-weight: 600;
}
.h2, h2 > a {
		color: #6f78a385;
		text-decoration: none;
}
/* -------------------------------- */
/* グリッドシステム  */
/* -------------------------------- */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 5px;
}
/* -------------------------------- */
/* ログイン  */
/* -------------------------------- */
.login {
		margin: 0 auto !important;
}
/* -------------------------------- */
/* パネル  panel-	*/
/* -------------------------------- */
.panel {
		padding: 1em;
		border: none;
		border-radius: 5px;
		box-shadow: none !important;
}
.panel-default {
		border: none !important;
		box-shadow: none !important;
}
.panel-heading {
    border-top-right-radius: none; 
    border-top-left-radius: none; 
}
.panel-info {
		border: none !important;
}
.panel .panel-danger {
		border: none;
		box-shadow: none;
}
.panel-info > .panel-heading {
		font-size: 16px;
		color: #51515e;color: #8c93b9;
		padding: 20px 5px;
		border: none !important;
		background-color: #ffffff;
		font-weight: 600;
		border-bottom: solid 1px #e8e8e8 !important;
}
.table-special td span.bigger {
		font-size: 1.3em;
		vertical-align: middle;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
		border: 2px solid #fff;
		background-color: #8c93b921;
		margin-top: 1.75rem;
		margin-bottom: 1.25rem;
}
.panel-footer {
		padding: 10px 15px;
		background-color: #ffffff;
		border-top: 1px solid #ffffff;
}
.panel-default > .panel-heading {
		color: #6f78a3;
		background-color: #e6eaeb;
		border-color: #ffffff;
		border-radius: 3px;
}
.no_side_borders {
		border: none;
}
.no_side_borders > thead:first-child > tr:first-child > th {
		background-color: #515160;
		color: white;
}
.table > thead > tr > th {
		vertical-align: bottom;
		border-bottom: 4px solid #fff !important;
		background: #2b54ac;
		vertical-align: middle;
		color: #fff;
}
.table > tbody > tr > td.bg_type1 {
		background-color: #f9f9f9;
		vertical-align: middle;
}
/* -------------------------------- */
/* サイドバー sidebar 　navi ナビ
/* -------------------------------- */
.sidebar .nav > li > a, .sidebar .nav > li > a::before, .sidebar .nav > li > a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.navbar-left {
		float: left;
		margin-left: 5px;
}
.navbar-right {
		float: right !important;
		margin-right: 5px;
}
.navbar-default {
		background-color: #435260 !important;
		height: 70px;
		padding: 0.3rem 0.8rem;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
		color: #fff;
		text-decoration: none;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #f0f0f0;
		background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
		padding: 0.1rem !important;
}
li.dropdown.open .dropdown-toggle {
		background-color: #0350bf !important;
		color: white !important;
}
.nav > li > a:focus, .nav > li > a:hover {
		text-decoration: none;
		background-color: #6f78a3;
}
/*header ナビ下の色*/
.navbar-static-top {
		z-index: 1000;
		border-width: 0 0 6px !important;
}
/*　ロゴの設定　*/
.sidebar-header .brand a {
		color: #fff;
		text-align: left;
		line-height: 70px;
		background: url(kagya-logo.png) no-repeat center center;
		/* background-size: 91px 70px; */
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		display: block;
		margin-top: 5px;
}
.sidebar-header .brand a {
		text-decoration: none;
		color: white;
}
.navbar-default .navbar-brand {
		color: #fff !important;
		font-size: 2.1em !important;
		line-height: 1em !important;
		background: url(soflogo.png) no-repeat left center;
		width: 60px;
		height: 60px;
		padding-left: 70px;
		text-decoration: none !important;
}
.sidebar-overlay {
		position: absolute;
		display: none;
		left: 200px;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		z-index: 15;
}
.sidebar {
		background-color: #0350bf;
		width: 200px;
		position: fixed;
		top: 0px;
		left: 0;
		bottom: 0;
		transition: left 0.3s ease;
		z-index: 20;
}
.sidebar-open .sidebar {
		left: 0;
		overflow-y: hidden;
		overflow-x: hidden;
}
.sidebar .sidebar-container::-webkit-scrollbar {
		display: none;
}
.sidebar .sidebar-container {
		position: absolute;
		top: 0;
		bottom: 51px;
		width: 100%;
		left: 0;
		overflow-y: hidden;
		overflow-x: hidden;
}
.sidebar .sidebar-container::-webkit-scrollbar-track {
		background-color: #2c353e;
}
.sidebar .nav {
		font-size: 1.2rem;
}
.sidebar .nav li a:focus, .open .sidebar .nav li a:focus {
		background-color: inherit;
}
.sidebar .nav ul {
		padding: 0;
		height: 0px;
		overflow: hidden;
}
.loaded .sidebar .nav ul {
		height: auto;
}
.sidebar .nav li.active ul {
		height: auto;
}
.sidebar .nav li a {
		color: #ffffff;
		text-decoration: none;
}
.sidebar .nav li a:hover, .sidebar .nav li.open > a, .sidebar .nav li.open a:hover {
		color: #ffffff;
		background-color: #2b54ac;
		transition: all 1.0s;
}
.sidebar .nav > li > a {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 13px;
		padding-right: 10px;
}
.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover {
		background-color: #2b54ac !important;
		color: #ffffff !important;
}
.sidebar .nav > li.open > a {
		background-color: #333e48;
}
.sidebar .nav > li.open > a i.arrow {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}
.sidebar .nav > li > a i {
		margin-right: 8px;
		font-size: 16px;
}
.sidebar .nav > li > a i.fa-chevron-down {
		float: right;
		margin-top: 3px;
		font-size: 11px;
		line-height: initial;
		transition: all 0.3s ease;
}
.sidebar .nav > li > a i.fa-chevron-down:before {
		content: "\f078" !important;
}
.sidebar .nav > li > a i.arrow {
		float: right;
		font-size: 20px;
		line-height: initial;
		transition: all 0.3s ease;
}
.sidebar .nav > li > a i.arrow:before {
		content: "\f105" !important;
}
.sidebar .nav > li > ul > li a {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 40px;
		background-color: #8c8d90;
}
.sidebar .nav > li > ul > li a {
		color: #ffffff;
		background-color: #2871d7;
}
.sidebar-overlay {
		position: absolute;
		display: none;
		left: 200vw;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 15;
}
.app.blank {
		background-color: #667380;
}
[class^='nav'] li > a, [class*=' nav'] li > a {
		display: block;
}
.loaded .sidebar .nav ul {
		height: auto;
}
.sidebar-menu {
		border-right: 1px solid rgba(0, 0, 0, .0625);
		height: calc(100vh - 155px);
		list-style: none;
		margin: 0;
		overflow: auto;
		padding: 0;
		position: relative;
}
/* -------------------------------- */
/*       新しいサイドメニューCSS
/* -------------------------------- */
div#side_Accordion .panel-group {
		border-radius: 0px;
		border: none;
		background-color: #333e48;
		padding: 10px 1px;
}
div#side_Accordion .panel {
		border-radius: 0px;
		border: none;
		background-color: #333e48;
}
div#side_Accordion .panel-heading {
		background-color: #0350bf;
		border: none;
		padding: 0px;
		border-top-right-radius: 0px !important;
		border-top-left-radius: 0px !important;
}
div#side_Accordion .panel-heading > .panel-title > a i.fa-chevron-right {
		float: right;
		font-size: 14px;
		line-height: initial;
		transition: all 0.3s ease;
}
div#side_Accordion .panel-heading > .panel-title > a i {
		margin-right: 6px;
}
div#side_Accordion h3 a:hover {
		background-color: #595793 !important;
		color: #ffffff !important;
}
div#side_Accordion .panel-default > .panel-heading {
		color: #b75656;
		background-color: none;
		border: none;
}
div#side_Accordion h3 a {
		font-size: 14px;
		text-decoration: none;
		color: #c6c8ca;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		padding-right: 10px;
}
div#side_Accordion h3.panel-title a {
		display: block;
}
div#side_Accordion h3 > li.active > a, .sidebar .nav > li.active > a:hover {
		background-color: #595793 !important;
		color: #ffffff !important;
}
div#side_Accordion .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
		border: none;
}
div#side_Accordion .panel-body > ul > li a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 50px;
		background-color: #333e48;
}
div#side_Accordion .panel-heading > h3.panel-title > a i.arrow {
		float: right;
		font-size: 20px;
		line-height: initial;
		transition: all 0.3s ease;
}
div#side_Accordion .panel-body li a {
		color: rgba(255, 255, 255, 0.74);
		text-decoration: none;
}
div#side_Accordion .panel-body ul {
		padding: 0px;
		margin: 0px;
		list-style-position: inherit;
		list-style: none;
		margin-left: -2em;
}
div#side_Accordion .panel-body > li, div#side_Accordion .panel-body > li > a {
		display: block;
		position: relative;
}
div#side_Accordion .panel-body li {
		box-sizing: border-box;
}
div#side_Accordion .panel-body li a:hover {
		color: #ffffff;
		text-decoration: none;
}
div#side_Accordion .panel-body li.active a {
		color: #fff;
		font-weight: 700;
		background-color: #2b54ac;
		transition: all 1.0s;
}
/* -------------------------------- */
/* .header ヘッダ　ヘッダー */
/* -------------------------------- */
.header .header-block-collapse .collapse-btn {
		background: none;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #7867A7;
		font-size: 24px;
		line-height: 40px;
		border-radius: 0;
		outline: none;
		padding: 0;
		padding-left: 10px;
		padding-right: 10px;
		vertical-align: initial;
}
.header .header-block-nav {
		margin-left: auto;
		white-space: nowrap;
		padding-right: 15px;
}
.header .header-block-nav a:hover {
		text-decoration: none;
		background-color: none;
}
/*	header	*/
.header {
		background-color: #0350bf;
		/* background-color: #FF8856; */
		height: 70px;
		position: absolute;
		left: 180px;
		right: 0;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
		z-index: 10;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
.header .header-block-nav a:hover {
		/*background-color: #90979e !important;*/
		color: white;
}
.header .header-block-nav::after {
		content: "";
		display: table;
		clear: both;
}
.header .header-block-nav a {
		text-decoration: none;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.header .header-block-nav a:hover {
	    background-color: #90979e0a !important;
		color: white;
}
.header .header-block-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
.head-dropdown {
		display: inline;
}
/* 汎用ドロップダウンメニュー用 */
.dropdown-menu-normal {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		list-style: none;
		font-size: 14px； text-align: left;
		background-color: #F0F0F0;
		border: 1px solid #E0E0E0;
		border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		background-clip: padding-box;
}
.dropdown-menu-normal > li a:not(.btn):hover {
		font-weight: bold;
		color: #0000AA;
		background-color: #FFFFFF;
}
.dropdown-menu-normal > li a.active {
		font-weight: bold;
		color: #0000AA;
		background-color: #FFFFFF;
}
/* -------------------------------- */
/* テーブル */
/* -------------------------------- */
table {
	width: 98%;
	margin: 0 auto;
}
table td{
	padding:5px
}
table th{
	padding:5px
	background-color:#eaeff7
	
}
table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	font-size: 1.3rem;
}
/* -------------------------------- */
/* data table テーブル */
/* -------------------------------- */
.table {
		width: 98%;
		margin: 0 auto;
		border: 1px solid #ddd;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
		border: 1px solid #fff;
}
.table-special td {
		background: #f9f9f9;
		vertical-align: middle;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		font-size: 1.3rem;
}
/* -------------------------------- */
/* form input form-control	etc...  
/* フォーム	インプット	 
/* -------------------------------- */

button, input, select, textarea {
		border-radius: 3px;
		border-color: #ccd0d2;
}
input[type=checkbox], input[type=radio] {
		box-sizing: border-box;
		padding: 0;
		height: 1em;
}
.form-row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -5px;
		margin-left: -5px;
}
.form-control {
		box-shadow: none;
		border: 1px solid #6f78a352;
		border-radius: 2px;
		font-size: 0.9em;
		background-color: none;
}
.form-row > .col, .form-row > [class*=col-] {
		padding-right: 5px;
		padding-left: 5px;
}
.form-group .control-label, .form-group > label {
		font-weight: 600;
		color: #34395e;
		font-size: 12px;
		letter-spacing: .5px;
}
.form-check {
		position: relative;
		display: block;
		padding-left: 1.25rem;
}
input[type=file] {
		display: block;
		border: none;
}
.btn-danger {
		color: #fff;
		background-color: #ec79a9;
		border-color: #ec79a9;
}
.btn-danger:active, .btn-danger:hover, .btn-danger:focus {
		color: #fff;
		background-color: #e890ae;
		border-color: #e890ae;
}
.btn-warning {
		color: #fff;
		background-color: #eebb26;
		border-color: #eebb26;
}
.btn-warning:active, .btn-warning:hover, .btn-warning:focus {
		background-color: #f3cb55;
		border-color: #f3cb55;
}
.input-group-addon {
padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccd0d2;
}

/* -------------------------------- */
/* .btn  
/* -------------------------------- */
/*  ボタン	 
/* -------------------------------- */
.btn, .btn::before, .btn::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .5s;
		transition: all .5s;
}
.btn {
		border-radius: 3px;
		padding: 8px 12px;
		font-size: 0.9em;
		border: none !important;
		min-height: 38px;
}
.btn-success {
		color: #fff;
		background-color: #75f041;
		bborder: none !important;
}
a.btn.btn-success {
		background-color: #75f041;
		color: #fff;
		border: none !important;
}
.btn-success:hover, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
		color: #fff;
		background-color: #75f04169;
		border: none !important;
}
.btn.btn-primary.btn-xs {
		padding: 2px 5px;
		height: 20px;
		vertical-align: top;
}
.btn-primary {
		color: #fff;
		font-size: 0.9em;
		/*background-color: #6f78a3;*/
		border: none;
}
a.btn.btn-primary:hover {
		color: #ffffff;
		/*background-color: #6f78a3b8;*/
		border: none;
}
button.btn-mini.btn-primary {
		/*background-color: #6f78a3;*/
		border-radius: 2px;
		border: none;
		padding: 0.3em;
		font-size: 80%;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		margin: 0.5em;
}
a.btn.btn-primary:hover {
		color: #ffffff;
		background-color: #6f78a3b8;
		border-color: #6f78a3b8;
}
.btn-default {
		color: #fff;
		font-size: 0.9em;
		background-color: #c7c7cb;
		border-color: #c7c7cb;
		border: none;
}
a.btn.btn-default {
		background-color: #C7C7CB;
		color: #fff;
		border: none;
}
.btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
		color: #fff;
		background-color: #8c93b9;
		border: none !important;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
		border-bottom-left-radius: 3px;
		border-top-left-radius: 3px;
		margin: 0.5em;
}
.btn-group > .btn:first-child {
		margin-left: 0.5em;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
		border-radius: 3px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
		border-radius: 3px;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
		border-radius: 3px;
		margin-bottom: 0.5rem;
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 5px 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		background-color: #524e66 !important;
}
button.btn.btn-danger.btn-xs {
		background-color: #eeac26;
		border-color: #eeac26;
}
button.btn.btn-danger.btn-xs:hover {
		background-color: #f0c775;
		.btn-group > .btn-group: last-child:not(:first-child)>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) border-color: #FC5E58;
}
/*modal-footer　btn*/
.modal-footer .btn + .btn {
		margin-left: 5px;
}
/* -------------------------------- */
/*      　下に寄せる要素         */
/* -------------------------------- */
.box {
		position: relative;
		min-height: 110px;
}
.bottom-text {
		position: absolute;
		bottom: 0;
}
/* -------------------------------- */
/* ラベル　label	*/
/* -------------------------------- */
span.kh-label {
		line-height: 35px;
}
/* -------------------------------- */
/*      　ロールオーバーCSS         */
/* -------------------------------- */
button.btn.btn-primary:hover {
		background-color: #5f5f6c;
		border-color: #5f5f6c;
}
.widget-right.btn-group {
		float: right;
		margin-top: 70px;
}
/* -------------------------------- */
/* カラーリング　color */
/* -------------------------------- */
/*error エラー*/
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
		color: #ff0000;
}
.has-error .form-control {
		border-color: #ff0000;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.text-primary {
		color: #6f78a3;
		font-weight: 600;
		font-size: 12px;
}
/* -------------------------------- */
/* 承認/未承認バッジ
/* -------------------------------- */
.badge {
		display: inline-block;
		min-width: 10px;
		padding: 3px 7px;
		font-size: 12px;
		color: #fff;
		vertical-align: middle;
		background-color: #777;
		border-radius: 80px;
}
.kh-apply-approve {
		padding: 5px 7px;
		color: #fff !important;
		background-color: #86d861 !important;
}
.kh-apply-new {
		padding: 5px 7px;
		color: #fff !important;
		background-color: #080808 !important;
}.kh-apply-back {
    padding: 5px 7px;
    color: #fff !important;
    background-color: #f6df3c !important;
}
a.badge.badge-primary {
		background-color: #6f78a3;
}
/* -------------------------------- */
/* ログイン */
/* -------------------------------- */
.auth {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		background-color: #90979e;
		overflow-x: hidden;
		overflow-y: auto;
		top: 0px;
}
.auth .panel-heading {
		text-align: center;
}
.auth .btn-primary {
		color: #fff;
		background-color: #6F78A3 !important;
		border-color: #6F78A3 !important;
		width: 300px;
		margin: 0 auto;
}
.auth .btn-primary:focus, .auth .btn-primary:hover {
		color: #fff;
		background-color: #6f78a387 !important;
		border-color: #6f78a387 !important;
		width: 300px;
		margin: 0 auto;
}
.auth .panel-default > .panel-heading {
		border: none;
}
.registlink {
		width: 300px;
		margin: 0 auto;
}
.auth-container {
		width: 450px;
		min-height: 330px;
		position: absolute;
		top: 45%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
}
.auth .container {
		padding: 0px 40px 85px 40px;
}
.auth-container .auth-header {
		text-align: left;
		padding-top: 0px;
}
.auth-container .auth-title {
		color: #7867a7;
		text-align: left;
		margin: 0 auto;
		padding: 0.7em 0;
		line-height: 70px;
		background: url(kagya-logo.png) no-repeat center center;
		background-size: 60%;
		width: 50%;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		display: block;
}
/*　　ログイン　　*/
.login .auth-title {
		color: #7867a7;
		text-align: left;
		margin: 0 auto;
		padding: 0.7em 0;
		line-height: 70px;
		background: url(login_lagya_logo.png) no-repeat center center;
		/*background-size: 60%;*/
		width: 50%;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		display: block;
}
.auth-container .auth-content {
		padding: 30px 50px;
		min-height: 260px;
}
.auth-container .forgot-btn {
		line-height: 28px;
}
.auth-container .checkbox label {
		padding: 0;
}
.auth-container .checkbox a {
		vertical-align: text-top;
}
.auth-container .checkbox span {
		color: #4f5f6f;
}
.alert {
		background-image: none;
		margin: 4px;
}
.alert.alert-primary {
		background-color: #7867A7;
		border-color: #7867A7;
		color: #ffffff;
}
.alert.alert-primary hr {
		border-top-color: #6b5a9b;
}
.alert.alert-primary .alert-link {
		color: #e6e6e6;
}
.alert.alert-success {
		background-color: #4bcf99;
		border-color: #4bcf99;
		color: #ffffff;
}
.alert.alert-success hr {
		border-top-color: #37ca8e;
}
.alert.alert-success .alert-link {
		color: #e6e6e6;
}
.alert.alert-info {
		background-color: #ffffff;
		border-color: #b4c4d4;
		color: #5d5d60;
		padding: 0.6em;
}
.alert.alert-info hr {
		border-top-color: #5ecdf3;
}
.alert.alert-info .alert-link {
		color: #e6e6e6;
}
.alert.alert-info:empty {
		display: none;
}
.alert.alert-warning {
		background-color: #fe974b;
		border-color: #fe974b;
		color: #ffffff;
}
.alert.alert-warning hr {
		border-top-color: #fe8832;
}
.alert.alert-warning .alert-link {
		color: #e6e6e6;
}
.alert.alert-inverse {
		background-color: #131e26;
		border-color: #131e26;
		color: #ffffff;
}
.alert.alert-inverse hr {
		border-top-color: #0b1115;
}
.alert.alert-inverse .alert-link {
		color: #e6e6e6;
}
/* -------------------------------- */
/*チャットウィンドウ起動ボタン*/
/* -------------------------------- */
.btn-info {
		color: #fff;
		background-color: #f3d66d;
		border-color: #f3d66d;
		margin: 0.5em;
}
.btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle {
		color: #fff;
		background-color: #D5A428;
		border-color: #D5A428;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
		color: #fff;
		background-color: #D5A428;
		border-color: #D5A428;
}
.btn-info:active, .btn-info:hover {
		background-color: #D5A428;
		border-color: #D5A428;
}
.navbar-nav > li > .dropdown-menu {
		margin-top: 0;
		-moz-border-radius: 0 2px 0 2px;
		-webkit-border-radius: 0 2px 0 2px;
		-o-border-radius: 0 2px 0 2px;
		-ms-border-radius: 0 2px 0 2px;
}
/* -------------------------------- */
/* @media  メディアクエリ （画面サイズ別）*/
/* -------------------------------- */
@media screen and (max-width: 991px) {
		/* 991pxまでの幅の場合に適応される */
		.sidebar {
				position: fixed;
				left: -200px;
		}
		.sidebar-open .sidebar-overlay {
				left: 0;
				opacity: 1;
		}
		.sidebar-overlay {
				display: block;
		}
		.hidden-lg-down {
				display: none !important;
		}
		.form-horizontal .control-label {
				text-align: left;
				margin-bottom: 0;
				padding-top: 7px;
		}
		.hidden-xl-down {
				display: none !important;
		}
		/*	.container {
				padding-left: 1.5em;
				cursor: pointer;
		}*/
		.col-md-0 {
				position: relative;
				min-height: 1px;
				padding-left: 15px;
				padding-right: 15px;
		}
		.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
				position: relative;
				width: 100%;
				min-height: 1px;
		}
		.header {
				left: 0;
				height: 50px;
		}
		header.navbar.navbar-default.navbar-static-top {
				left: 0;
		}
		.sidebar {
				position: fixed;
				left: -200px;
		}
		.sidebar-open .sidebar-overlay {
				left: 0;
				opacity: 1;
		}
		.navbar-header .hidden-lg-up {
				display: none !important;
		}
		.hidden-md-down {
				display: none !important;
		}
		label.col-md.control-label {
				float: left;
				padding: 8px 15px 0 15px;
		}
		.header .header-block {
				padding: 5px;
		}
		.header .header-block-nav {
				padding-right: 25px;
		}
		.hidden-sm-down {
				display: none !important;
		}
		.title-block {
				margin-bottom: 20px;
		}
		.auth-container {
				width: 100%;
				position: relative;
				left: 0;
				top: 0;
				-webkit-transform: inherit;
				transform: inherit;
				margin: 0;
				margin-bottom: 10px;
		}
		.auth-container .auth-content {
				padding: 30px 25px;
		}
		.app .content {
				padding: 70px 20px 70px 20px;
		}
		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
				float: left;
		}
		.sidebar-overlay {
				background-color: rgba(0, 0, 0, 0.7);
		}
		.navbar-nav .open .dropdown-menu {
				position: static;
				float: none;
				width: auto;
				margin-top: 0;
				background-color: #303263;
				border: 0;
				box-shadow: none;
				color: white;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
				color: white;
		}
		.auth {
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				background-color: #667380;
				overflow-x: hidden;
				overflow-y: auto;
				top: 0px;
		}
		.auth .col-md-6 {
				padding-left: 30px;
		}
		.collapse {
				display: none;
		}
}
@media screen and (max-width: 768px) {
		/* 768pxまでの幅の場合に適応される */
		.container {
				width: 95% !important;
				height: 100% !important;
				margin: 0 auto;
				padding: 0 0rem;
		}
		.contents {
				left: 200px;
		}
		.navbar {
				margin-bottom: 0px;
		}
		.widget-right.btn-group {
				float: right;
				margin-top: 0px;
		}
		.container-fluid {
				padding-top: 4em;
		}
		.main .card .card-block {
				padding: 10px;
		}
}
@media screen and (max-width: 480px) {
		/* 480pxまでの幅の場合に適応される */
		.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-0, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
				position: relative;
				width: 100%;
				padding-right: 15px!important;
				padding-left: 15px!important;
		}
		.table-responsive {
				display: block;
				width: 100%;
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
		}
}
@media screen and (max-width: 320px) {
		/* 320pxまでの幅の場合に適応される */
}
@media screen and (min-width: 576px) {
		.hidden-sm-up {
				display: none !important;
		}
}
@media screen and (min-width: 992px) {
		.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
				float: left;
		}
		.hidden-lg-up {
				display: none !important;
		}
		.col.row-sm {
				float: left;
		}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
		.app .content {
				padding: 100px 35px 80px 35px;
		}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
		.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
				position: relative;
				width: 100%;
				padding-right: 15px;
				padding-left: 15px;
		}
		.app .content {
				padding: 95px 20px 75px 20px;
		}
		.header-block.header-block-collapse.hidden-lg-up {
				margin-top: 5px;
		}
}
@media screen and (max-width: 987px) {
		.app {
				padding-left: 0;
		}
		.header-block-collapse {
				display: block;
		}
		.header-block.header-block-collapse.hidden-lg-up {
				margin-top: 0px;
		}
		button#sidebar-collapse-btn {
				background: none;
				cursor: pointer;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				color: #eee;
				font-size: 24px;
		}
}
@media (max-width: 995px) {
		.app.sidebar-open {
				left: 0;
		}
}
/******************************************
* Media Query Mixins 
******************************************/
.row .col {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
}
.row-sm {
		margin-left: -10px;
		margin-right: -10px;
}
.row-sm [class^='col'] {
		padding-left: 10px;
		padding-right: 10px;
}
.title-block {
		padding-bottom: 15px;
		margin-bottom: 30px;
		border-bottom: 1px solid #d7dde4;
}
.title-block::after {
		content: "";
		display: table;
		clear: both;
}
/*****************************************
*       Background-image: cover mixin
******************************************/
@media (max-width: 767px) {
		/*　メニューの開閉　*/
		.collapse {
				display: none;
		}
}
@media (max-width: 991px) {}
td.parent {
		background: #E0F1F3 !important;
		vertical-align: middle !important;
		font-weight: bolder;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
		z-index: 3;
		color: #fff;
		background-color: #282B3F;
		border-color: #282B3F;
		cursor: default;
}
/* -------------------------------- */
/*      上部ドロップダウンメニューCSS
/* -------------------------------- */
.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		list-style: none;
		font-size: 14px;
		text-align: left;
		background-color: #90979e;
		border: 1px solid #90979e;
		border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		background-clip: padding-box;
}
li.dropdown a:not(.btn):hover {
		color: #ffffff87;
}
.dropdown-menu > li > a {
		font-weight: 400;
		color: #333;
		text-decoration: none;
}
/* -------------------------------- */
/*    ダッシュボードCSS
/* -------------------------------- */
.main .card {
		background-color: #fff;
		-webkit-box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
		box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
		margin-bottom: 20px;
		border-radius: 0;
		border: none;
}
.main .card .card-block {
		padding: 15px;
		min-height: 350px;
}
.main .card .card-block .tab-content {
		padding: 0;
		border-color: transparent;
}
.card .panel-heading {
		color: #7c7c7c;
		font-size: 1.5em;
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		font-weight: 700;
}
.panel-title {
		clear: both;
		font-weight: 700;
		margin-top: 0.5em;
		border-bottom: none;
		padding: 0.5em;
		font-size: 16px;
		line-height: 28px;
		padding-right: 10px;
		margin-bottom: 0;
}
.panel-body.dashbord > .table-bordered, .panel-body.dashbord > .table-bordered > tbody > tr > td, .panel-body.dashbord > .table-bordered > tbody > tr > th, .panel-body.dashbord > .table-bordered > tfoot > tr > td, .panel-body.dashbord > .table-bordered > tfoot > tr > th, .panel-body.dashbord > .table-bordered > thead > tr > td, .panel-body.dashbord > .table-bordered > thead > tr > th {
		border: none;
}
.panel-body.dashbord > .table-bordered > tbody > tr > th, .panel-body.dashbord > .table-bordered > tfoot > tr > th, .panel-body.dashbord > .table-bordered > thead > tr > td, .panel-body.dashbord > .table-bordered > thead > tr > th {
		border-bottom: 3px solid #e9ecef;
}
.panel-default {
		border: none;
		padding-bottom: 0.5rem;
}
/* -------------------------------- */
/*  空白、スペース
/* -------------------------------- */
.white-space {
		padding-left: 2em;
}
/* -------------------------------- */
/*   インラインエディター
/* -------------------------------- */
.inline-edit-tbl legend.inline-edit-legend {
		font-size: 14px;
		float: left;
		margin: 0;
		padding: 1em 0 0em 0em;
		width: 100%;
		border-bottom: none;
		font-weight: 700;
}
.inline-edit-tbl .inline-edit-row .inline-edit-legend {
		margin: 0;
		padding: .2em .5em 0;
		line-height: 2.5;
		font-weight: 600;
}
/* -------------------------------- */
/*   モーダルウィンドウ　20171023
/* -------------------------------- */
.modal-body {
		position: relative;
		padding: 15px;
		background: rgba(211, 211, 211, 0.23);
}
.modal-footer {
		padding: 15px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
}
.modal-header {
		padding: 15px;
		border-bottom: 1px solid #c5c0c0;
		background: #475571;
		color: white;
}
/* -------------------------------- */
/*ウィジェット 
/* -------------------------------- */
.ui-widget.ui-widget-content {
		border: 1px solid #fefefe;
}
.ui-widget-content {
		background: #f6f6f6;
}
/* -------------------------------- */
/*  スクロールバー　scrollbar
/* -------------------------------- */
/* スクロールバー全体  */ ::-webkit-scrollbar {
		width: 5px;
}
/* スクロールバーの軌道 */ ::-webkit-scrollbar-track {
		border-radius: 10px;
		box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
/* スクロールバーの動く部分 */ ::-webkit-scrollbar-thumb {
		background-color: rgb(187 188 190 / 41%);
		border-radius: 0px;
		box-shadow: 0 0 0 0px rgb(228 228 228 / 55%);
}
/* -------------------------------- */
/*   テーブルの中身
/* -------------------------------- */
.clipped {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		/*-webkit-box-orient: vertical;*/
		-webkit-line-clamp: 6;
}
td.clipped {
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
}
tr.timeup {
		color: #adadad;
}
/* インクリメンタルサーチ: qa_edit */
.ul_search_list {
		position: absolute;
		z-index: 100;
		margin: 0;
		padding: 0;
		max-height: 300px;
		min-width: 300px;
		overflow-x: hidden;
		list-style-type: none;
		border-width: 1px;
		border-color: #d0d0d0;
		border-style: solid;
		background-color: white;
}
.ul_search_list li:hover {
		background-color: #e0e0e0;
}
/* -------------------------------- */
/* テキストの行数自動調整
/* -------------------------------- */
.chrome-webkit-line-clamp {
		cursor: pointer;
}
/* 2行毎に色を変える */
.table-double-striped > tbody > tr:nth-of-type(4n+1), .table-double-striped > tbody > tr:nth-of-type(4n+2) {
		background-color: #f9f9f9;
}
/* -------------------------------- */
/*     ガジェット　（チャットボックス）
/* -------------------------------- */
div.gadget div.titlebar {
	background: #6F78A3 !important;
	cursor: move;
	padding: 0.5em;
	color: white;
}
div.gadget {
	background: #ffffff!important;
	position: fixed;
	bottom: 10px;
	right: 20px;
	width: 800px;
	height: 100px;
	z-index: 1000;
	display: none;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
}
.gadget.input-group-addon {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.gadget.form-control {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
div#gadget_chatbox {
	border: solid 15px #fff;
	height: 235px;
}
.input-group, .gadget .input-group-addon, input#tbox_chat_in, span.input-group-addon, input#tbox_chat_out, input#tbox_matched_if_id {
    border-right: none;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
    border-left: none;
    margin-bottom: 1px;
    background-color: #aaaebd;
    color: #fff;
}

div#gadget_chatbox .input-group .form-control {
		position: relative;
		z-index: 2;
		float: left;
		width: 100%;
		border: none;
		margin-bottom: 0;
	  color: #353535;
		background-color: #f9f8f8;
}
div#gadget_chatbox > div#gadget_chatbox btn{
	height: 25px;
	
}
div#gadget_chatbox > .input-group {
		width: 680px;
}
#tbox_chat_out {
		height: 55px;
}
input#tbox_matched_if_id {
	border: none;
	border-top: none;
}
input#tbox_chat_in {
	border-bottom: none;
	background-color: #d8d8d8;
}
div#tbox_exec_btn {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 28px!important;
    z-index: 9000;
    padding: 4px 8px;
}
/*
input#tbox_qa_id {
		width: 270px;
}
input#gadget_talkscr_text1 {
		background-color: beige;
}
input#gadget_talkscr_text2 {
		background-color: #eaf1f7;
}
input#gadget_talkscr_text3 {
		background-color: #f7e5ef;
}*/
/* -------------------------------- */
/* ガジェット重なり
/* -------------------------------- */
.text_with_clear_btn {
		position: absolute;
		top: 8px;
		right: 20px;
		z-index: 0;
}
.panel-primary > .panel-heading {
		color: #fff;
		background-color: #8c93b9;
		border-color: #8c93b9;
		border-radius: 3px;
}
/* -------------------------------- */
/* 背景色を変更してくれるクラス
/* -------------------------------- */
.bg-primary {
		background-color: #88dbde;
		color: white;
}
.bg-success {
		background-color: #a0d588;
		color: white;
}
.bg-danger {
		background-color: #e168a4;
		color: white;
}
.bg-warning {
		background-color: #faff6a;
		color: #8a6d3b;
}
/* -------------------------------- */
/* カラム調整
/* -------------------------------- */
.row-01 {
		width: 91.66666667%;
		padding: 0.5em 0;
}
.col-md-0 {
		padding-left: 0px;
		padding-right: 0px;
}

.disabled {
    cursor: not-allowed;
}
/* -------------------------------- */
/* ヘルプ
/* -------------------------------- */
div#jquery-ui-dialog-help h3 {
	border-bottom: 1px dotted #b2b5c4;
    padding-bottom: 8px;
	font-size: 1.1em!important;
}
div#jquery-ui-dialog-help th {
    background-color: #cccccb24;
    padding: 5px;
}
div#jquery-ui-dialog-help table {
	width: 98%;
	margin: 0 auto;
	border: 1px solid #ddd;
}