﻿/*
    業務サイト用共通CSS

    S.Tateishi@TEXNOS 新規作成    
*/

/*メニューボタン用*/
#menu-btn-group .dropdown-toggle.menu {
	border-radius: 5px;
}

.menu {
	width: 99%;
	font-size: 13px;
	font-family: 'Yu Gothic UI Semibold';
	font-weight: 200;
	color: white;
	background-color: rgb(5,101,113);
	text-align: left;
	border-radius: 5px;
	padding: 5px 0px 5px 3px;
	border-style: none;
}

.submenu {
	padding: 0px;
	width: auto;
}

#menu-btn-group .dropdown-menu > li > a {
	padding: 3px 16px;
}

#menu-btn-group #fav-menu.dropdown-menu > li > a {
	padding: 3px 19px;
}


/*
.btn-group .justified:hover .dropdown-menu {
    display: block;
}
    */

#menu-btn-group .dropdown-menu {
	margin: 0px
}

/* 上部ヘッダ関連 */
/* ユーザ情報 */
#user-info li {
	font-size: 16px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	position: absolute;
	left: -120%
}

/* メッセージ情報 */
#mitaio-message div.msg.error {
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: none;
}

#mitaio-message a.msg {
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	float: right;
	padding-right: 20px;
}

	#mitaio-message a.msg.nodata {
		color: black;
		font-weight: bold;
	}

#riyosha-kbn-betsu-message div.msg.error {
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: none;
}

#riyosha-kbn-betsu-message a.msg {
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}

	#riyosha-kbn-betsu-message a.msg.nodata {
		color: black;
		font-weight: bold;
	}

#mitaio-hatchu-data {
	font-size: 12px;
	color: black;
	white-space: nowrap;
	padding-right: 20px;
	float:left;
}

	#mitaio-hatchu-data a.msg {
		color: red;
		text-decoration: underline
	}

		#mitaio-hatchu-data a.msg.nodata {
			color: black;
		}

#rendo-horyu-data  {
	font-size: 12px;
	color: black;
	white-space: nowrap;
	padding-right: 20px;
	float: left;
}

	#rendo-horyu-data a {
		color: rgb(255,106,92);
		font-size: 13px;
		font-weight:bold;
	}


#mitaio-mihikiate-error-message {
	font-size: 14px;
	color: black;
	white-space: nowrap;
	padding-right: 20px;
	float: left;
}

	#mitaio-mihikiate-error-message a {
		color: rgb(255,106,92);
		font-size: 13px;
		font-weight: bold;
	}

		#mitaio-mihikiate-error-message a.msg.nodata {
			color: black;
			font-weight: bold;
		}

/* jQuery Dropdown Check List */
.ui2-dropdownchecklist {
	background-color: white;
}

/*空白を単一選択プルダウンに合わせる*/
.ui2-dropdownchecklist-selector {
	padding-left: 15px;
	vertical-align: middle;
}

/* 組織コード（複数選択） */
.multi-org-list {
	max-width: min(89%, calc(100% - 52px));
}

/*組織階層絞込ボタン*/
.btn.common.btn-multi-select {
	min-width: 50px;
	margin: 0 0 0 2px;
	background-color: #00B0F0;
}

/*組織階層絞込ボタンアイコン*/
.icon-multi-select-btn {
	height:24px;
	width:24px;
	filter: invert(100%);
}

/*絞込状態で選択出来なくする(元画面で選択されていたPOPUP画面用)*/
.multi-select-disabled {
	pointer-events: none;
	background-color: rgb(238, 238, 238);
	opacity: 1;
}

/*マスタアップロード用フォーマット出力ボタンの背景*/
.bg.box {
	padding: 7px 0px 5px 15px;
	margin-right: 30px;
	background-color: #E2F0D9;
	border-radius: 5px;
}

/*ページング 件数*/
.control-label.override.common.data-count {
	color: red;
	padding-left: 5px;
	padding-right: 5px;
}

/*ダイアログ全般 ボタン色変更*/

/*ダイアログ全般 フッタ部 > btn-primary(※おもにOKボタン) */
.bootbox .modal-footer .btn-primary {
	background-color: #dd5600;
	border-color: #dd5600;
	background-image: -webkit-linear-gradient(#ff6707, #dd5600 60%, #c94e00);
	background-image: -o-linear-gradient(#ff6707, #dd5600 60%, #c94e00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6707), color-stop(60%, #dd5600), to(#c94e00));
	background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00);
	border-bottom: 1px solid #aa4200;
}

.bootbox .modal-footer .btn-primary:hover,
.bootbox .modal-footer .btn-primary:focus,
.bootbox .modal-footer .btn-primary.focus,
.bootbox .modal-footer .btn-primary:active,
.bootbox .modal-footer .btn-primary.active {
	background-color: #aa4200;
	border-color: #a03e00;
}

/*ダイアログ全般 フッタ部 > btn-warning(※おもに閉じるボタン) */
.bootbox .modal-footer .btn-warning {
	background-color: #2fa4e7;
	border-color: #2fa4e7;
	background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
	background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
	background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
	border-bottom: 1px solid #178acc;
}

.bootbox .modal-footer .btn-warning:hover,
.bootbox .modal-footer .btn-warning:focus,
.bootbox .modal-footer .btn-warning.focus,
.bootbox .modal-footer .btn-warning:active,
.bootbox .modal-footer .btn-warning.active {
	background-color: #178acc;
	border-color: #1684c2;
}
