@charset "utf-8";

@font-face {
	font-family: 'MyFont';
	src: url(../fonts/glyphicons-halflings-regular.eot);
}

/* ▼共通スタイル */
html{
	height: 100%;
	word-wrap: break-word;	/* 英単語（半角文字）を途中で折り返す */
}

body{
	height: 100%;
	/*height: 99.7%*/;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 2.5rem 0 0 0;
	text-decoration: none;
	background: #FFFFFF;
/*	font-family: 'メイリオ', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;*/
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*	font-size: 13px;*/
	line-height: 1.3rem;
	font-weight: normal;

	/*フッターのため*/
	position: relative;
/*	width: 100%;*/
	height: auto !important;
	min-height: 100%;
}

h1{
	font-size: 1.25rem;
}

h2{
	font-size: 1rem;
}

h3{
	font-size: 0.875rem;
}

h1, h2, h3{
	margin: 3px 0 0 0;
}

.glyphicon{ /* Bootstrapのフォントが上にずれてしまうので補正 */
	top: 0 !important;
}

label.control-label{
	text-align: right;
}

textarea {/* 自動拡張で最下段が隠れてしまうことを避ける */
    padding-bottom: 25px !important;
    max-height: 1000px !important;
}

/* 入力フォーム */
div.form-submit{
	margin: 15px auto;
	width: 85%;
	text-align: center;
}

label.col-form-label{
	text-align: right;
}

.form-check{
	padding-top: calc(.375rem + 1px);
}

.form-control::placeholder{
	color: #c5c5c5;
}

/* 入力欄 */
/*input[type="file"]{
	display: block;
	font-size: 1.2em;
	margin-top: 0.3rem;
}
*/
input select:focus, input[type="file"]:focus, textarea:focus{ /* フォーカス時枠線を変える */
	border:solid 1px #EEA34A;
}

input.date-input{
	display: inline !important;
	width: 35%;
}

select.choicesSelect, select.selectionSelect{/* パレット */
	height: 5em !important;
	font-size: 1em;
}

p.input-static{
	font-size: 120% !important;
	line-height: 1.2 !important;
}

/* ボタン */
.button-space {
	margin: 0px 7px 5px 0;
}

.form-control-file{
	padding-top: calc(.375rem + 1px);
}

/* テーブル */
table{
	margin-top: 3px;
	margin-bottom: 2px !important;
}

th, td{
	font-weight: normal;
/*	border-style: solid;
	border-color: #9C9C9C;*/
}

th{
	text-align: center;
	background-color: #DCDCDC;
}

td{
/*	background-color: #FFFFFF;*/
}

/* 検索用 */
div.search{
	margin: 5px auto 0 auto;
	padding: 3px;
	overflow: hidden;
}

/* リスト */
ul{
	list-style: none;
}

/* パレット */
table.palette{
	margin-bottom: 0;
}

table.palette th.header{
	width: 40%;
}

table.palette td.pane{
	vertical-align: middle;
}

table.palette td, table.palette th{
	text-align: center;
	padding: 0 !important;
}

table.palette td.pane select{
/*	width: 170px !important;*/
	width: 100%;
}

table.palette td.buttons{
	vertical-align: middle;
}

table.palette td.buttons button {
    height: 30px;
    width: 40px;
}

/* ナビゲータ */
div.navigator{
	float: right;
	margin-bottom: -15px;
	font-size: 0.9rem;
}

div.wicket-navigator{
	float: right;
	margin-bottom: 10px;
}

/* フィードバック */
div.alert{
	margin: 0 auto 5px auto;
	padding: 0;
	border-width: 0;
	text-align: left;
	width: 80%;
}
div.alert:empty {
	display: none;
}

/*div#feedback{
	text-align: left;
	background: #FFFFE0;
	color: red;
	width: 80%;
	margin: 0 auto 0 auto;
}
*/
/* floatの解除 */
div.clear{
	clear: both;
}

/* ▼共通ページ（PageBase）*/
div#container{
/*	min-height: 99%;*/
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;	/* フッタ固定用ネガティブマージン */
}

/* ヘッダ */
header{
/*	color: #FFFFFF;
	height: 3em;
	line-height: 3em;
	background: #043C78;
	text-align: right;
	white-space: nowrap;
	width: 100%;
/*	box-shadow:-3px -3px 3px 3px rgba(0,30,67,0.4) inset;*/
}

header > nav{
	background-color: #043C78;
	padding: 0 1rem !important;
/*	min-height: 2.5rem; */
	height: 2.5rem;
}

span#header-title{
	color: #FFFFFF;
	font-size: 1rem;
}

a.header-link{
	font-size: 1.5rem;
    color: #007bff !important;
}

nav.patient-nav{
	/*margin-top: 35px;*/
    margin-top: 2.1rem;
    padding-bottom: 0;
    z-index: 900;
    min-height: 3.7rem;
}

div.patient-menu{
	padding: 5px;
	margin-left: -20px;
	min-width: unset;
}

div.patient-menu a{
/*	display: contents;*/
/*	padding: 0;*/
	font-size: 1.8rem;
	vertical-align: middle;
    text-align: center;
    padding: 0.25rem;
}

div.addingup-menu{
	margin-left: -50px;
}
div.addingup-menu-matrix{
	margin-left: -170px;
}

div.iphone-menu{
/*	margin-left: -100px;*/
}

/* 新着のカラー */
.fresh-arrival{
	color: #eb6101 !important;
}

.fresh-arrival:hover{
	color: #af4d00 !important;
}

.fresh-arrival-matrix, a.fresh-arrival-matrix{/* マトリックスの濃い背景用 */
	color: #ff9900 !important;
}

.fresh-arrival-matrix:hover{/* マトリックスの濃い背景用 */
	color: #eb6101 !important;
}

/* 機能メニューのドロップダウン */
div.function-menu > a{
	color: #007bff;
}

div.function-menu > a:hover{
	color: #0056b3;
}

a.disabled-link{
	color: #7e7e7e !important;
	text-decoration: none;
	cursor: default;
}

div#main-content{
	padding-bottom: 25px;
}

div#main-content-patient{
	padding-bottom: 20px;
    /*margin-top: 50px;*/
    margin-top: 3.7rem;
}

.header-dropdown-menu{
	margin-left: -6rem;
}

/* フッター */
div#push{/* フッタ位置固定用 */
/*	height: 20px;*/
}

footer{
	text-align: right;
	border-top: groove 2px #043C78;
	font-size: 0.7rem;
	padding-right: 20px;
/*	line-height: 1rem;	*/

	/*201803追加*/
	position: absolute;
    bottom: 0;
    width: 100%
}

footer small{
/*	padding-right: 10px;*/
}

footer img{
	height: 24px;
	vertical-align: top;
	float: left;
	padding-left: 5px;
}

span.scope{
	font-size: 110%;
	font-style: italic;
	padding-top: 5px;
	padding-right: 2px;
/*	vertical-align: middle;*/
}

/* 機能名（タイトル） */
h2#page-title{
	border-left: 5px solid #043C78; /* 左ボーダー */
/*	border-bottom: 1px solid #043C78;	/* 下ボーダー */
	margin-left: 0;
	padding-left: 5px;
	padding-top: 3px;
	width: 60%;
}

i.title-icon{
	margin-left: 5px;
	color: #043C78;
}

/* ▼エラーページ */
div#systemerror {
	padding: 2px;
	margin: 15px;
	line-height: 150%;
}

/* ▼確認ダイアログ */
div.confirm-dialog{
	text-align: center;
	font-size: 1rem;
/*	position: fixed !important;*/
}

form.confirm-form{
	margin-bottom: 5px;
}

/* ▼患者情報ヘッダ */
div#patient-area, div#link-area{
	padding: 3px 3px 3px 0;
	display: inline-block;
}

div#patient-area{
/*	width: 200px;
/*	background-color: #BDE9BA;*/
	vertical-align: middle;
/*	margin-right: 10px;*/
	height: 45px;
/*	float: left;
	width: 180px;*/
}

div#link-area{
/*	background-color: #DDD9C3;*/
	white-space: nowrap;
/*	text-align: center;*/
	font-size: 1.8rem;
	vertical-align: middle;
	float: right;
}

div#link-area a{
	color: #777;
}

div#link-area a:hover{
	color: #333;
}

div.link-container{
	padding-right: 0 !important;
}

div.patient-img{
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}

div.patient-img img{
	height: 38px;
	max-width: 38px;
	border: none;
}

div.patient-img a > span > span{/* noImage（Bootstrapフォント） */
	font-size: 2.4rem;
	color: #007bff;	/* リンク無効時もリンクカラー */
}

div.area-title{
	font-size: 80%;
	margin-bottom: 8px;
}

div.patient-info{
	display: inline-block;
/*	vertical-align: -webkit-baseline-middle;*/
}

div.patient-name{
	font-size: 1.1rem;
	white-space: nowrap;
}

div.patient-info2{
	margin-top: 2px;
}

div.patient-name-r{
	font-size: 0.7rem;
	white-space: nowrap;
}

div.patient-link{
	float: right;
	margin-top: 18px;
}

div.navbar{
	margin: 0;
/*	max-height: 20px;*/
/*	min-height: 45px;*/
	height: 2.5rem;
}

.nav a{
	padding: 6px 4px 0 4px !important;
}

div.navbar-collapse{
	padding: 0;
}

div.patient-navbar{
	background-color: transparent !important;
	border: none;
}

.well{
	margin-bottom: 0;
}

.dropdown-toggle::after{
	font-size: 0.9rem;
}

/* 職種アイコン */
.color-role1{/* 医師 */
	color: #a94442;
}

.color-role2{/* 看護師 */
	color: #dd6b69;
}

.color-role3{/* リハ */
	color: #b99359;
}

.color-role4{/* 薬剤 */
	color: #a05d14;
}

.color-role5{/* ケアマネ */
	color: #348a31;
}

.color-role6{/* 介護 */
	color: #4db375;
}

.color-role7{/* 保健師 */
	color: #87359b;
}

.color-role8{/* 歯科 */
	color: #6f6cef;
}

.color-role9{/* SW */
	color: #3b78b7;
}

.color-role10{/* 技師・技士 */
	color: #b941a9;
}

.color-role88{/* 患者家族 */
	color: #31708f;
}

.color-role99{/* その他 */
	color: #7e7e7e;
}

.other-category{/* その他ファイル */
	color: #7e7e7e;
}

.color-vital{/* バイタル用 */
	color: rgba(221, 107, 105, 0.4);
}

.color-diary{/* 三間日誌用 */
	color: rgba(4, 60, 120, 0.7);
}

.color-listall{
	color: #777;
}

.report-status{
	font-size: 1.0rem !important;
	color: #6c757d !important;
}

/* 肩書、施設などの付属情報 */
.user-profile{
	font-size: smaller;
	color: #6c757d !important;
}

/* カラーを指定しない付属情報（リンクなど） */
.user-profile-nocolor{
	font-size: smaller !important;
}

/* modalダイアログ */
div.wicket-modal{
	top:  50% !important;
	left: 50% !important;
	width:  28em !important;	/* 横幅 24*/
/*	height: 15em !important;*/		/* 高さ 2020.12.04 スクロールバー対応でコメントアウト*/
	margin-left: -12em !important;	/* マイナス「横幅÷2」 */
	margin-top:  -5em !important;	/* マイナス「高さ÷2」 */
	overflow: auto !important;	/* 内容がはみ出る場合の表示方法 */
	position: fixed !important;
}

/* 画面サイズが小さいときに展開されるメニュー */
.navbar-collapse.in {
	overflow-y: hidden;
	overflow-x: hidden;
/*	width: 70px;*/
	max-height: 440px;
	z-index: 100;
/*	position: absolute;
	right: 0;*/
	position: relative;
	background-color: #ddd;
}

/* 複数選択チェックボックス */
span.multi-checkbox{
}

span.multi-checkbox > div > input{
	vertical-align: text-bottom;
	height: 20px;
	margin-right: 5px;
	margin-left: -1.25rem;
	margin-bottom: 0.1rem;
}

span.multi-checkbox > div > label{
	font-weight: normal;
	padding-top: 0.1rem;
}

 /* コンテンツにスクロールを付ける */
div.content-holder, div.content-holder2, div.paper-content-holder, div.content-holder-return, div.calendar-content-holder,
div.paperregist-content-holder, div.chart-content-holder, div.profile-content-holder,
div.printlist-content-holder, div.diary-content-holder, div.diary-calendar-content-holder, div.proxylist-content-holder,
div.paperlist-content-holder,div.monitor-content-holder,div.comment-content-holder,div.tag-content-holder
{
	height: auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; /* iアプリ用惰性スクロール */
}

span.icon-bar{
	background-color: #888;
}

button.navbar-toggle{
	background-color: #f8f8f8;
	margin-top: 0;
	padding: 6px;
}

/*サムネル*/
a.thumbnail-icon{
	display: inline-block;
}
img.thumbnail-img{
	width:100%;
}
div.thumbnail-list{
	text-align: center;
	padding: 5px !important;
}

/* 説明文 */
div.explanation{
	font-size: 120%;
	margin: 10px 0 5px 5px;
}

/* 全選択チェック */
input.choice-selector{
	vertical-align: middle;
	/*margin-top: 0;*/
}

/* スマホ用
@media only screen and (max-width: 641px) {
	div.content-holder, div.paper-content-holder, div.content-holder-return, div.thread-content-holder, div.calendar-content-holder{
		overflow-y: hidden;
		height: auto !important;
	}
}
*/

/* 印刷用（リンクのURLを非表示にする */
@media print {
	a[href]:after {
		content: ""!important;
	}
	abbr[title]:after {
		content: ""!important;
	}
	footer{
		display: none !important;
	}
}

/* customize bootstrap coloum size */
.col-xs-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-2dot4 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-2dot4 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-2dot4 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-2dot4 {
        width: 20%;
        float: left;
    }
}

/*comment/thread member select */
div.memberselect {
	text-align:left;
	background-color:#FFFFFF;
	padding: 10px 5px 0px 5px;
	/*height:5em;
	overflow-y:scroll;*/
}
div.memberselect label {
	display: block;
	margin-bottom: 3px;
	padding-top: 2px;
	font-size: 0.9rem;
	position: relative;
    top: -5px;
}
div.memberselect input {
	float: left;
	margin-right: 5px;
}

.iPhone-display {
	display: none!important;
}

/*scrollbar */
.mCSB_inside > .mCSB_container {
	margin-right: 0px!important;
}
.mCSB_scrollTools {
	width: 2px!important;
}

a.disabled-helplink{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

/* 非ログイン画面 */
span.nologin-title{
	height: 40px;
	line-height: 2.7rem;
}

/* スマホ横、タブレット Bootstrapに合わせる */
@media screen and (max-width: 1200px) {
	html{
	    font-size: 1rem;
	}
}

@media screen and (max-width: 768px) {
        html{
            font-size: 0.9rem;
        }
}

/* スマホ縦 col-sm */
@media screen and (max-width: 576px) {

	html{
	    font-size: 0.8rem;
	}

	span#header-title {
	    font-size: 0.8rem;
	}
	div#header-link li a{
		padding: 0.2rem;
		color: #007bff;
	}

	div#link-area{
		font-size: 1.5rem;
	}

	div#link-area a{
		padding: 0.2rem;
	}
	div.patient-menu a {
    	font-size: 1.5rem;
	}

	.iPhone-display-none {
		display: none!important;
	}
	.iPhone-display {
		display: inline!important;
	}

	label.col-form-label{
		text-align: left;
	}
	/* modalダイアログ */
	div.wicket-modal{
		width:  26em !important;	/* 横幅 24*/
		margin-left: -13em !important;	/* マイナス「横幅÷2」 */
	}
}