@CHARSET "UTF-8";

/*
配送管理システム
 */

/*
ビューの背景 : #f0ffff
標準のボタン背景 : #e0ffff
標準ボタンテキスト : #006400
決定系ボタン背景 : #90ee90
青いラベル背景 : #000080
エメラルドラベル背景: #008080
 */

body {
/* 	background-color: #f0ffff; */
}

/* ログイン画面 */
.logo-top {
	background-color: #f0ffff;
/*	background-color: #ffdddd;*/
	text-align: center;
	margin-bottom: 60px;
}

.logo-bottom {
	text-align: center;
}

.logo-bottom img {
	width: 350px;
}

/* ナビバー */

nav.navbar-os {
	background-color: #000080;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
}
nav.navbar-os a.navbar-brand {
	font-size: 100%;
	color: #000080;
/*	background-color: #f0ffff;*/
/*	background-color: #ffcccc;	/*検証用カラー*/
	background-color: #ffefd5;	/*2次カラー*/
}
nav.navbar-os a.navbar-brand:hover,
nav.navbar-os a.navbar-brand:focus {
	color: #000080;
/*	background-color: #f0ffff;*/
/*	background-color: #ffcccc;	/*検証用カラー*/
	background-color: #ffefd5;	/*2次カラー*/
}

nav.navbar-os ul.navbar-nav>li>a {
	color: #ffffff;
}

nav.navbar-os ul.navbar-nav>li>a:hover,
nav.navbar-os ul.navbar-nav>li>a:focus {
	color: #555555;
	background-color: #e7e7e7;
}

nav.navbar-os .navbar-nav > .dropdown > a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

@media (max-width: 767px) {
  nav.navbar-os .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  nav.navbar-os .navbar-nav .open .dropdown-menu > li > a:hover,
  nav.navbar-os .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  nav.navbar-os .navbar-nav .open .dropdown-menu > .active > a,
  nav.navbar-os .navbar-nav .open .dropdown-menu > .active > a:hover,
  nav.navbar-os .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  nav.navbar-os .navbar-nav .open .dropdown-menu > .disabled > a,
  nav.navbar-os .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  nav.navbar-os .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

/* topへ、bottomへボタン */

.pagetop {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 20px;
}

.pagebottom {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.pagetop a,
.pagebottom a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #90ee90;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
	line-height: 50px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.pagebottom a {
	line-height: 56px;
	padding-right: 3px;
}

/* 更新ボタン(固定位置) */

.update {
	position: fixed;
	top: 52px;
	right: 20px;
}

.update a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #5bc0de;
	border-color: #46b8da;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
	line-height: 53px;
	padding-left: 1px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* 更新中modal */
.blockMsg {
	/* bootstrap.css .modal-content よりコピー */
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.blockMsg img {
	padding-top: 15px;
}

.blockMsg p {
	padding: 5px;
}

/* 並び替えsortable */
#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* width: 75%; */
}

#sortable li {
	margin: 0 5px 5px 5px;
	padding: 6px 5px 5px 5px;
	cursor: default;
}

#sortable li input[type=checkbox] {
	margin-top: 4px;
}

html>body #sortable li {
	border-radius: 4px;
}

.ui-state-default {
	height: 34px;
	background: #f5f5f5 !important;
	border: 1px solid #c0c0c0;
}

.ui-state-highlight {
	height: 34px;
	background: #fbf9ee !important;
	border: 1px solid #fcefa1;
}

#sortable li>div {
	float: left;
	width: 25%;
	padding-left: 8px;
}

#sortable li>div.first{
	clear: both;
}

.table-sort4-os th {
	width: 25% !important;
}

/* カレンダーdatepicker */
.ui-datepicker .ui-datepicker-header {
	background: #f5f5f5;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background: #f5f5f5 !important;
}

div#ui-datepicker-div {
	z-index: 2000 !important;
}

/* ボタン */
.btn-right-os {
	margin-left: 20px;
}
.btn-left-os {
	margin-right: 20px;
}
.btn-1st-os {
	margin-left: -15px;
}
.btn-course-henko-os {
	margin-left: 7px;
	margin-right: 20px;
}

/* input関連 */
input.course_code-os {
	width: 75px;
}
td.course_code-os {
	width: 300px;
}
label.os {
	padding-top: 7px;
 }
label.frto-os {
	color: window;
}
div.frto-os {
	padding-top: 34px;
}
input.suryo-os {
	width: 75px;
}

/* 照会画面 明細 (★widthを変更する場合はconotollerも修正すること)*/
.details-os {
	padding-left: 50px;
	padding-right: 50px;
}
.table-haisojokyo-os th,
.table-haisojokyo-os td {
	text-align: center;
	height: 30px;
	width: 70px;
}
.table-haisojokyo-meisai-os th,
.table-haisojokyo-meisai-os td {
	text-align: center;
	height: 40px;
	width: 45px;
}
.table-haisojokyo-os th,
.table-haisojokyo-meisai-os th {
	background-color: #009900;
	color: white;
}
.table-haisojokyo-os th.hizuke-os {
	width: 230px;
	background-color: window;
	color: inherit;
}
.table-haisojokyo-os th.divider-os,
.table-haisojokyo-os td.divider-os {
	width: 5px;
	background-color: inherit;
	color: inherit;
}
.table-order-os th,
.table-order-tokuisaki-os th {
	text-align: center;
	height: 40px;
	width: 45px;
	background-color: #ff33cc;
	color: white;
}
.table-order-tokuisaki-os th {
	font-size: 99%;		/* 縮小すると表がズレるのでその対応 */
}
.table-order-os th.no-os,
.table-order-os td.no-os {
	width: 75px;
}
.table-haisojokyo-meisai-os th.no-os,
.table-haisojokyo-meisai-os td.no-os {
	width: 75px;
}
.table-haisojokyo-meisai-os th.tokuisaki_code-os,
.table-haisojokyo-meisai-os td.tokuisaki_code-os,
.table-order-os th.tokuisaki_code-os,
.table-order-os td.tokuisaki_code-os {
	width: 75px;
}
.table-haisojokyo-os th.tokuisaki_name-os,
.table-haisojokyo-os td.tokuisaki_name-os,
.table-haisojokyo-meisai-os th.tokuisaki_name-os,
.table-haisojokyo-meisai-os td.tokuisaki_name-os,
.table-order-os th.tokuisaki_name-os,
.table-order-os td.tokuisaki_name-os,
.table-order-tokuisaki-os th.shohin_name-os,
.table-order-tokuisaki-os td.shohin_name-os {
	width: 200px;
}
.table-haisojokyo-meisai-os th.biko-os,
.table-haisojokyo-meisai-os td.biko-os,
.table-order-os th.biko-os,
.table-order-os td.biko-os {
	width: 200px;
}
.table-haisojokyo-os span.okure-os,
.table-haisojokyo-meisai-os td.okure-os {
	color: red;
}
.table-order-tokuisaki-os th.sat-os {
	color: #3366cc;
}
.table-order-tokuisaki-os th.sun-os {
	color: #cc0033;
}
.table-haisojokyo-os td {
	text-align: center;
	height: 30px;
}
.table-order-os td {
	text-align: center;
	height: 40px;
	width: 45px;
}
.table-haisojokyo-os td.course_name-os {
	width: 150px;
}
.table-haisojokyo-os td.komoku_name-os {
	width: 80px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.table-haisojokyo-os td.minus-os {
	color: red !important;
	/*
	background-color: red !important;
	color: white !important;
	*/
}
.table-haisojokyo-os td.double-os {
	border-bottom: double;
	border-bottom-color: #999999;
}
.table-haisojokyo-os td.separator-os {
	border-bottom: solid;
	border-bottom-width: thin;
	border-bottom-color: #999999;
}
.table-haisojokyo-meisai-os tr.haiso > td {
	background-color: #ccffcc !important;
}
.table-haisojokyo-meisai-os tr.tablet > td {
	background-color: #ffff99 !important;
}
.table-order-os tr.tablet > td {
	background-color: #ffff99 !important;
}
.table-order-tokuisaki-os td {
	text-align: center;
	height: 40px;
	width: 45px;
}
.table-haisojokyo-os td.tokuisaki_name-os,
.table-haisojokyo-meisai-os td.tokuisaki_name-os,
.table-order-os td.tokuisaki_name-os,
.table-order-tokuisaki-os td.shohin_name-os {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.table-order-tokuisaki-os td.shohin_name_teiban-os,
.juchu-table-os td.shohin_name_teiban-os {
	color: #00cc33;
}
.table-order-tokuisaki-os td.yotei-os {
	background-color: #ffeeee !important;
}
.table-order-tokuisaki-os td.teishi-os {
	background-color: #eeeeee !important;
}
.table-haisojokyo-meisai-os td.teiban-os,
.table-order-os td.teiban-os {
	border-color: #999999;
	border-width: 3px;
}
.table-haisojokyo-meisai-os td.biko-os,
.table-order-os td.biko-os {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.table-haisojokyo-os > tbody:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-haisojokyo-os tbody.meisai_eigyosho-os > tr > td {
  background-color: #ffffcc;
}
.table-haisojokyo-os tbody:hover > tr > td,
.table-haisojokyo-meisai-os tbody > tr:hover > td,
.table-order-os tbody > tr:hover > td,
.table-order-tokuisaki-os tbody > tr:hover > td {
	background-color: #f0ffff !important;
}
div.table-header-os-fixed {
    position: fixed;
    top: 0px;
}
div#table-header-os > .table-header-os th {
	border-bottom-width: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

/* マップ */
#map {
	width: 100%;
}
#map-ichiran {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 94%;
	overflow-y: auto;
}
div.map-conditions {
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -10px;
	/*margin-bottom: 10px;*/
}
div.map-ipad {
	margin-top: 15px;
}
img.map-icon {
	float: left;
}
div.map-conditions .tempo_code {
	width: 150px;
}
div.map-conditions .tantosha_code {
	width: 200px;
	margin-right: 10px;
}
div.map-conditions .homon_yoteibi {
	width: 150px;
	margin-right: 10px;
}
div.map-conditions .nissu {
	width: 60px;
}
div.map-conditions .gyosha_code {
	width: 200px;
	margin-right: 10px;
}
div.map-conditions .text {
	width: 400px;
}
div.map-conditions .course_code {
	width: 150px;
	margin-right: 10px;
}
div.map-conditions .mikomi_rank {
	width: 200px;
	margin-right: 10px;
}

div.map-conditions .mapform {
	padding-left: 5px;
	padding-right: 15px;
}
div.map-conditions .mapform-hyoji {
	margin-bottom: 0px;
}
div.map-conditions label.normal {
	font-weight: normal !important;
}
div.map-conditions .last-form-group {
	margin-bottom: 0px;
}
#map-joken-fold {
	margin-bottom: 10px;
	padding-left: 90px;
}
#map-joken-fold.map-conditions p {
	padding-top: 5px;
}
#form_hyoji_kirikae {
	margin-bottom: 0px;
}
#form_hyoji_kirikae span {
	color: #999999;
	position:absolute;
	top: 50px;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.map-conditions .mapform-ipad {
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 15px;
}
div.map-conditions .mapform-ipad > label {
	font-weight: normal;
}
div.map-conditions .mapform-hyoji-ipad {
	margin-top : 4px;
}
#message.map {
	padding-top: 10px;
}
#message.map .alert {
	margin-bottom: 10px;
}
div.mapinfo > p {	/* 吹き出し */
	font-size: 110%;
}
div.mapinfo > h5 {
	font-weight: bold;
}
div.mapinfo a {
	font-size: 110%;
}
.maplabel {
	background-color: rgba(51, 0, 153, 0.6);   /* #330099 */
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 3px;
}
.maplabel-nashi {
	background-color: rgba(255, 0, 0, 0.6);   /* #330099 */
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 3px;
}

.table-map-ichiran {
	margin-bottom: 0;
}
.table-map-ichiran th {
	background-color: #d1e8ff;
	text-align: center;
	vertical-align: middle !important;
	position: sticky;
	top: 0;
	z-index: 1;
}
.table-map-ichiran th::before{	/* thを固定した時にヘッダの上にスクロールした要素がチラッと見えるのを防ぐ */
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border-top: 1px solid #dddddd;
}
.table-map-ichiran td {
	vertical-align: middle !important;
}
.table-map-ichiran td.td-center {
	text-align: center;
}
.table-map-ichiran td.td-right {
	text-align: right;
}
.table-map-ichiran td.td-left-noborder {
	border-left: none;
}
.table-map-ichiran td.td-right-noborder {
	border-right: none;
}
.div-right {
	/*float: right;*/
	margin-left: auto;
	margin-right: auto;
}

/* 得意先情報照会 */
.table-tokuisaki-joho th {
	background-color: #d1e8ff;
	text-align: center;
	vertical-align: middle !important;
}
.table-tokuisaki-joho td.td-center {
	text-align: center;
}
div.tokuisaki-joho {
	margin-left: 3%;
	margin-right: 3%;
}

.maplabel.text,
.maplabel-nashi.text {
	color: white;
	/*height: 24px;*/
	width: 70px;
	text-align: center;
	padding: 3px 2px;
}
.row-tokuisaki-joho {
	margin-bottom: 5px;
}
.btn-tokuisaki-joho {
	margin-bottom: 10px;
}

/* ヘルプ画面 */
img.help-os {
	max-width: 80%;
	/* height: 70%; */
	border: 1px solid silver;
	border-radius: 5px;
}
h5.help-os {
	margin-top: 20px;
	font-size: 15px;
}
span.important {
	color: red;
}

/* 印刷関連 */
@media print {
 	a[href]:after {
		content: "" !important;
	}
	abbr[title]:after {
		content: "" !important;
	}
}

@media (max-width: 768px) {
	.container {
		max-width: 900px;
	}
	.col-md-12 {
		font-size: 120%;
	}
	li.ui-state-default {
		height: 50px;
	}
	#sortable li {
		padding-top: 12px;
	}
}