/* ----------------------------------------------------------------
基本のフォント
---------------------------------------------------------------- */


/* ----------------------------------------------------------------
グラーデーション(gradient)を無効化
---------------------------------------------------------------- */
.btn,
.btn-default,
.btn-default:active,
.btn-default:hover,
.btn-primary,
.btn-primary:active,
.btn-primary:hover,
.btn-info,
.btn-info:active,
.btn-info:hover,
.btn-success, 
.btn-success:active,
.btn-success:hover,
.btn-warning, 
.btn-warning:active,
.btn-warning:hover,
.btn-danger,
.btn-danger:active,
.btn-danger:hover,
.btn-inverse, 
.btn-link, 
.navbar,
.navbar-default,
.navbar-inner, 
.navbar .btn-navbar, 
.navbar-inverse .navbar-inner, 
.navbar-inverse .btn-navbar, 
.progress, 
.progress .bar, 
.progress-striped .bar, 
.progress-danger .bar,
.progress .bar-danger, 
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger, 
.progress-success .bar,
.progress .bar-success, 
.progress-success.progress-striped .bar,
.progress-striped .bar-success, 
.progress-info .bar,
.progress .bar-info, 
.progress-info.progress-striped .bar,
.progress-striped .bar-info, 
.progress-warning .bar,
.progress .bar-warning, 
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning, 
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a, 
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
	filter: none;
	background-image: none;
}

/* ----------------------------------------------------------------
メディアクエリ
---------------------------------------------------------------- */
@media (max-width: 768px) {
  .container {
    width: 95%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1340px;
  }
}

/* ----------------------------------------------------------------
ログイン画面
---------------------------------------------------------------- */




/* ----------------------------------------------------------------
全画面共通の固定ヘッダ
---------------------------------------------------------------- */
.navbar {
    text-shadow: none;
    border: none;
}

.jo-header {
    background-color: #2f2f2f;
    border-radius: 0;
}

.jo-title-brand {
    float: left;
    color: #ffffff;
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-size: 16px;
    text-decoration: none;
    cursor: default;
}

.jo-title-brand:hover {
    color: #ffffff;
    text-decoration: none;
}

.jo-header-menu-1 {
    margin-left: 0px;
}

.jo-header-menu-2 {
    margin-left: 0px;
}

.jo-nav > li > a,
.jo-nav > li > a:hover,
.jo-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.jo-nav > li > a.jo-nav-link {
    color: #ffffff;
    text-decoration: underline;
    cursor:pointer;
}

.jo-nav > li > a.jo-nav-link:hover {
    color: #bcc4ed;
    text-decoration: underline;
    cursor:pointer;
}

.jo-nav > li > a.jo-nav-text {
    cursor:default;
}

/* ----------------------------------------------------------------
ヘッダ内グローバルメニュー
---------------------------------------------------------------- */
.menu-bar a {
    width: 100px;
	height: 32px;
    text-align:center;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.menu-bar a.btn {
    text-shadow: none;
    /*border-radius: 0;*/
    border-radius    : 15px 15px 0px 0px;
    border-bottom    : solid 1px #091865;
}


/* ----------------------------------------------------------------
HOME
---------------------------------------------------------------- */
.container#portal {
	margin-top: 10px;
    margin-left: 10px;
}

/* ----------------------------------------------------------------
分野の選択
---------------------------------------------------------------- */
.category-select {
    margin-top: 0;
    margin-bottom: 15px;
}

.category-select select {
	width: 100%;
    height: 40px;
	padding: 5px;
    font-size: 18px;
    color: #020058;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #020058;
	background: #ffffff;

}

/* ----------------------------------------------------------------
分野区分の選択
---------------------------------------------------------------- */
.segment-select {
    margin-top: 10px;
    margin-bottom: 15px;
}

.segment-select select {
	width: 100%;
    height: 40px;
	padding: 5px;
    font-size: 18px;
    color: #020058;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #020058;
	background: #ffffff;

}

/* ----------------------------------------------------------------
GISツリー表示
---------------------------------------------------------------- */
    span.dynatree-active a{
        background-color: #320056 !important;
    }

    span.treeNormal a:link, a:focus {
    }

    span.treeNormal a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessGreat a:link, a:focus {
        color: white;
        background-color: #0055cc;
    }

    span.soundnessGreat a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessGood a:link, a:focus{
        color: white;
        background-color: #00aeb9;
    }

    span.soundnessGood a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessNormal a:link, a:focus{
        color: white;
        background-color: #2cb900;
    }

    span.soundnessNormal a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessAlert a:link, a:focus{
        color: white;
        background-color: #ffaa00;
    }

    span.soundnessAlert a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessDanger a:link, a:focus{
        color: white;
        background-color: #ff6600;
    }

    span.soundnessDanger a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessFatal a:link, a:focus{
        color: white;
        background-color: #ff0000;
    }

    span.soundnessFatal a:hover {
        color: white;
        background-color: #320056;
    }

    span.soundnessUnknown a:link, a:focus{
        color: white;
        background-color: #696969;
    }

    span.soundnessUnknown a:hover {
        color: white;
        background-color: #320056;
    }

    /* 要望・苦情 */
    /* - */
    /* グレー */
    span.inquiryUnknown a:link, a:focus{
        color: white;
        background-color: #696969;
    }

    span.inquiryUnknown a:hover {
        color: white;
        background-color: #320056;
    }

    /* 新規 */
    /* 赤 */
    span.inquiryNew a:link, a:focus{
        color: white;
        background-color: #ff2200;
    }

    span.inquiryNew a:hover {
        color: white;
        background-color: #320056;
    }

    /* 対応中 */
    /* オレンジ */
    span.inquiryAction a:link, a:focus{
        color: white;
        background-color: #d28f0b;
    }

    span.inquiryAction a:hover {
        color: white;
        background-color: #320056;
    }

    /* 保留 */
    /* 黄 */
    span.inquiryReserve a:link, a:focus{
        color: white;
        background-color: #f2c612;
    }

    span.inquiryReserve a:hover {
        color: white;
        background-color: #320056;
    }

    /* 却下 */
    /* 黒茶 */
    span.inquiryReject a:link, a:focus{
        color: white;
        background-color: #724100;
    }

    span.inquiryReject a:hover {
        color: white;
        background-color: #320056;
    }

    /* 対応済み */
    /* 青 */
    span.inquiryAcknowledged a:link, a:focus{
        color: white;
        background-color: #0033cc;
    }

    span.inquiryAcknowledged a:hover {
        color: white;
        background-color: #320056;
    }

/* ----------------------------------------------------------------
ページタイトル
---------------------------------------------------------------- */
.page-title,
.page-title > i {
    text-align: left;
    color: #091865;
    font-size: 24px;
    margin-top: -20px;
    margin-left: 10px;
}

/* ----------------------------------------------------------------
ページタイトル（エラー画面）
---------------------------------------------------------------- */
.error-title,
.error-title > i {
    text-align: center;
    color: #091865;
    font-size: 36px;
    margin: 60px auto;
}

/* ----------------------------------------------------------------
ノウハウアイコン
---------------------------------------------------------------- */
.know-how-icon::before {
  display: inline-block;
  font-family: fontawesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  color: #ffffff;
  cursor:pointer;
}

/* ----------------------------------------------------------------
ボタン(ノウハウ用)
---------------------------------------------------------------- */
.btn-know-how-menu {
    width: 45%;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-trans,
.btn-trans:focus,
.btn-trans.focus {
    width            :32px;
    height           :32px;
    border-radius    : 16px;
    color            : #ffffff;
    padding-top      : 0;
    padding-bottom   : 0;
    background-color : #d59600;
    border-color     : #d59600;
    border           : none;
}
.btn-trans:hover {
    color            : #ffffff;
    background-color : #cc6000;
    border-color     : #cc6000;
}
.btn-trans:active,
.btn-trans.active,
.open > .dropdown-toggle.btn-trans {
    color            : #ffffff;
    background-color : #cc6000;
    border-color     : #cc6000;
}
.btn-trans:active:hover,
.btn-trans.active:hover,
.open > .dropdown-toggle.btn-trans:hover,
.btn-trans:active:focus,
.btn-trans.active:focus,
.open > .dropdown-toggle.btn-trans:focus,
.btn-trans:active.focus,
.btn-trans.active.focus,
.open > .dropdown-toggle.btn-trans.focus {
    color            : #ffffff;
    background-color : #cc6000;
    border-color     : #cc6000;
}
.btn-trans.disabled,
.btn-trans[disabled],
.btn-trans.disabled:hover,
.btn-trans[disabled]:hover,
fieldset[disabled] .btn-trans:hover,
.btn-trans.disabled:focus,
.btn-trans[disabled]:focus,
fieldset[disabled] .btn-trans:focus,
.btn-trans.disabled.focus,
.btn-trans[disabled].focus,
fieldset[disabled] .btn-trans.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-trans:active,
.btn-trans.active,
.open > .dropdown-toggle.btn-trans {
    background-image: none;
}

/* ----------------------------------------------------------------
ページメイン
---------------------------------------------------------------- */
.page-main {
    margin-top:0;
    margin-left: 10px;
}

/* ----------------------------------------------------------------
ページメイン　上部メニュー
---------------------------------------------------------------- */
.page-main-upper-menu {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 99%;
}

/* ----------------------------------------------------------------
ページメイン　上部メニュー　コンテンツ名称
---------------------------------------------------------------- */
.contents-title {
    text-align: left;
    color: #091865;
    font-size: 24px;
    height: 100%;
}

/* ----------------------------------------------------------------
ページメイン　コンテンツ
---------------------------------------------------------------- */
.page-main-contents {
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    height: 100%;
}

/* ----------------------------------------------------------------
ページメイン　コンテンツ　上部タブメニュー
---------------------------------------------------------------- */
.nav-tabs {
    border-bottom-color: #091865;
}

.nav-tabs li
{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    font-size: 14px;
    width: 120px;
}

.nav-tabs > li > a {
    color: #4a5aad;
    border: 1px solid #091865;
    background-color: #d3d9f8;
}

.nav-tabs > li > a:hover {
    color: #091865;
    border-color: #091865 #091865 transparent;
    border-bottom-color: #091865;
    background-color: #b8bfe1;
}

/* 選択中のタブ */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #091865;
    border: 1px solid #091865;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}


/* ----------------------------------------------------------------
メイン　コンテンツ　上部タブ下コンテンツ
---------------------------------------------------------------- */
.page-contents-under-tab {
    margin: 10px;
    margin-top: 20px;
}

/* ----------------------------------------------------------------
メイン　コンテンツ　上部タブ下コンテンツ　左メニュー
---------------------------------------------------------------- */
.page-contents-left-menu {
    border-right: 1px solid #091865;
}

.btn-left-menu {
    width: 100%;
    margin-bottom: 10px;
}

/* ----------------------------------------------------------------
メイン　コンテンツ　上部タブ下コンテンツ　中メニュー（写真・図面）
---------------------------------------------------------------- */
.page-contents-middle-menu {
    background-color: #ffffff;
    overflow:auto;
}

.photo-one-frame{
    position: relative;
    float: left;
    width: 340px;
    height: 300px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #8a96cf;
    background-color: #edf0ff;
}

.photo-one {
    margin:10px;
    text-align:center;
}

.photo-damage-one {
    margin:10px;
    text-align:center;
}

.photo-one-frame img
 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px auto;
    height: auto;
    max-width: 320px;
    max-height: 240px;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    /*border: none;*/
    text-align:center;
}

.photo-one-damage-frame img
 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px auto;
    height: auto;
    max-width: 640px;
    max-height: 480px;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    /*border: none;*/
    text-align:center;
}

.photo-note{
    background-color: #ffffff;
    color: #091865;
    margin-top:260px;
    margin-left:10px;
    font-size:14px;
    padding: 6px;
    width: 320px;
    height: 30px;
}

.photo-damage-note{
    background-color: #ffffff;
    color: #091865;
    margin-top:260px;
    margin-left:10px;
    font-size:14px;
    padding: 6px;
    width: 320px;
    height: 30px;
}


.photo-label{

}

.photo-text{

}

.photo-filter{
    cursor: pointer;
    opacity: 0.6;
    -moz-filter: opacity(0.6);
    -o-filter: opacity(0.6);
    filter: opacity(0.6);
}

.photo-selected{
    cursor: pointer;
    opacity: 1;
    -moz-filter: opacity(1);
    -o-filter: opacity(1);
    filter: opacity(1);
}

.photo-hide,
.photo-detail-hide {
    display: none;
}

.photo-expanding{
    position: relative;
    width: 100%;
    height: 270px;
    text-align:center;
    margin-bottom: 10px;
    background-color: #ffffff;
    cursor: pointer;
}

.photo-expanding img {
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
}

.photo-expanding > img,
.photo-expanding > a > img
 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 100%;
    max-height: 270px;
}

/* ----------------------------------------------------------------
詳細情報テーブル　キャプションに相当する部分
---------------------------------------------------------------- */
.info-detail-caption {
    color: #091865;
    margin-bottom: 10px;
}

.info-detail-caption .caption-main {
    text-align: left;
    font-size: 20px;
    margin-top: 2px;
    padding-right: 0;
}

.info-detail-caption .caption-sub {
    text-align: right;
    font-size: 16px;
    margin-top: 4px;
    padding-right: 0;
}

.info-detail-caption select {
	width: 100%;
    height: 30px;
	padding: 5px;
    font-size: 16px;
    color: #020058;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #020058;
	background: #ffffff;
}

/* ----------------------------------------------------------------
詳細情報テーブル
---------------------------------------------------------------- */
table.info-detail {
    width: 100%;
    border: 1px solid #ffffff;    
    border: 1px solid #091865;
    border: 1px solid #edf0ff;
}

table.info-detail caption {
    color: #091865;
    font-size: 20px;
}

table.info-detail th {
    background-color: #304194;
    background-color: #dee4ff;
    background-color: #d4d4d4;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #ffffff;    
    border: 1px solid #e4e4e4;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.info-detail td {
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #ffffff;    
    border: 1px solid #e4e4e4;
    border: 1px solid #edf0ff;
    border: 1px solid #d3d9f8;
    background-color: #ffffff;
    padding: 5px;
    font-weight: normal;
}

table.info-detail select {
    color: #444444;
}

/* ストライプ再定義 */
.table-striped > tbody > tr:nth-of-type(even) {
  /*background-color: #dddddd;*/
  background-color: #ffffff;
}

/* ----------------------------------------------------------------
橋梁点検用セル(上下に枠線のないセル)
---------------------------------------------------------------- */
table.info-detail td.b-none {
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    border-bottom-style: none;
    padding: 5px;
    font-weight: normal;
}

table.info-detail td.tb-none {
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    border-top-style: none;
    border-bottom-style: none;
    padding: 5px;
    font-weight: normal;
}

/* ----------------------------------------------------------------
透明なテーブル
---------------------------------------------------------------- */
table.white-table {
    width: 100%;
    border: none;
    
}

table.white-table caption {
    color: #091865;
    font-size: 20px;
}

table.white-table th {
    background-color: #304194;
    color: #ffffff;
    border: 1px solid #091865;
    padding: 5px;
    font-weight: normal;
}

table.white-table td {
    color: #2f2f2f;
    border: none;
    padding: 5px;
    font-weight: normal;
}

/* ----------------------------------------------------------------
簡易検索テーブル
---------------------------------------------------------------- */
table.easy-search {
    width: 100%;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    float: left;
}

table.easy-search th {
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.easy-search td {
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

/* ----------------------------------------------------------------
メイン　コンテンツ　上部タブ下コンテンツ　関連資料フォルダ構成表示部
---------------------------------------------------------------- */
.page-contents-left-folder {
    border: 1px solid #091865;
    height: 600px;
    /*height: 100%;*/
    overflow:auto;
}

/* ファイル数を示すバッジ 背景・文字ともに白くして見えないようにしている */
.page-contents-left-folder .badge {
    background-color : #ffffff;
    color: #ffffff;
}

/* ----------------------------------------------------------------
汎用テーブル（最初の行がヘッダ行になる場合）
---------------------------------------------------------------- */
table.jo-table {
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    width: 100%;
}

table.jo-table caption {
    color: #091865;
    font-size: 20px;
}

table.jo-table th {
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.jo-table td {
    color: #2f2f2f;
    background-color: #ffffff;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.jo-table select {
    color: #020058;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #020058;
	background: #ffffff;
}

table.jo-table .text-center {
    text-align: center;
}

/* ストライプ再定義 */
table.jo-table > tbody > tr:nth-of-type(odd) {
  background-color: #dddddd;
  background-color: #ffffff;
}

table.jo-table a
{
    text-decoration: underline;
    color: #304194;
}

table.jo-table a:hover
{
    text-decoration: underline;
    color: #091865;
}

table.jo-table .folder-icon
{
    background-color: #eddec5;
    color: #2f2f2f;
    border: 1px solid #CCCCCC;
}

table.jo-table .folder-icon:hover
{
    background-color: #cdaa6d;
    color: #2f2f2f;
    border: 1px solid #CCCCCC;
}

/* ----------------------------------------------------------------
汎用テーブル（最初の列が見出しになる場合）
---------------------------------------------------------------- */
table.jo-table2 {
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    width: 100%;
}

table.jo-tablet2 caption {
    color: #091865;
    font-size: 20px;
}

table.jo-table2 th {
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.jo-table2 td {
    color: #2f2f2f;
    border: 1px solid #091865;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.jo-table2 .text-center {
    text-align: center;
}

table.jo-table2 .folder-icon
{
    background-color: #eddec5;
    color: #2f2f2f;
    border: 1px solid #CCCCCC;
}

table.jo-table2 .folder-icon:hover
{
    background-color: #cdaa6d;
    color: #2f2f2f;
    border: 1px solid #CCCCCC;
}

/* ----------------------------------------------------------------
関連資料　ファイルの選択モーダルウィンドウ
---------------------------------------------------------------- */
.file-add-note {
    color: #091865;
    margin-bottom: 10px;
}

.file-drop-drop-area {
    margin-top: 10px;
    border: 1px solid #091865;
    height: 120px;
    overflow:auto;
    padding: 10px;
    color: #4f4f4f;
    background-color: #cccccc;
}

/* ----------------------------------------------------------------
パネル(基本)
---------------------------------------------------------------- */
.panel {
  
}
/* ----------------------------------------------------------------
パネル(DEFAULT)
---------------------------------------------------------------- */

.panel-default {
  border-color: #020058;
}
.panel-default > .panel-heading {
  padding: 5px;
  color: #091865;
  background-color: #a9b3e4;
  border-color: #091865;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #091865;
}
.panel-default > .panel-heading .badge {
  color: #091865;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #091865;
}

/* ----------------------------------------------------------------
地図
---------------------------------------------------------------- */
body { height:100%; width:100%; }
.panel-map-menu {
  margin-top: 10px;
}

.map-tree {
  margin-bottom: 10px;
}

span.dynatree-selected a
{
	color: #304194;
    font-weight: bold;
    font-style: normal;
}

.panel-map-area {
  border: none;
  margin-top: 10px;
  margin-left: -5px;
  height: 100%;
}

#map-frame {
  height:100%;
  width:100%;
}

#map {
  height:92%; /* 100% だと zoomControl, scale が隠れてしまう */
  width:100%;
}

/* 施設情報画面内の位置情報での地図 */
.facility-map-area {
  margin-top: 0;
  margin-left:0;
  margin-bottom: 20px;
}

/* ----------------------------------------------------------------
地図：舗装調査区分の選択
---------------------------------------------------------------- */
.pavement-select {
    margin-bottom: 15px;
}

.pavement-select select {
	width: 100%;
    height: 40px;
	padding: 5px;
    font-size: 18px;
    color: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #003f4c;
	background: #018fad;
    cursor: pointer;
}

/* ----------------------------------------------------------------
パネル(BLANK)
---------------------------------------------------------------- */

.panel-blank {
  margin-top: 0px;
  border: none;
  border-color: #ffffff;
}
.panel-blank > .panel-heading {
  color: #020058;
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel-blank > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffffff;
}
.panel-blank > .panel-heading .badge {
  color: #020058;
  background-color: #ffffff;
}
.panel-blank > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffffff;
}


/* ----------------------------------------------------------------
ボタン(基本)
---------------------------------------------------------------- */
.btn {
    text-shadow: none;
    /*デザイン変更要求対応*/
    position: relative;
    display: inline-block;
    padding: 0.4em 1em;
    text-decoration: none;
    color: #FFF;
    /*background: #fd9535;*/
    /*border-bottom: solid 2px #d27d00;*/
    border-bottom: solid 2px #2f43a7;
    border-bottom: solid 2px #091865;
    border-radius: 15px;/*角の丸み*/
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

/* ----------------------------------------------------------------
ボタン(DEFAULT)
---------------------------------------------------------------- */
.btn-default,
.btn-default:focus,
.btn-default.focus {
    color            : #ffffff;
    background-color : #304194;
    background-color : #4759b0;
    border-color     : #091865;
}
.btn-default:hover {
    color            : #ffffff;
    background-color : #17235d;
    background-color : #2e3f8d;
    border-color     : #00082f;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color            : #ffffff;
    background-color : #17235d;
    background-color : #2e3f8d;
    border-color     : #00082f;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color            : #ffffff;
    background-color : #17235d;
    border-color     : #00082f;
}
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(PRIMARY)
---------------------------------------------------------------- */
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
    color            : #FFFFFF;
    background-color : #8a96cf;
    border-color     : #091865;
}
.btn-primary:hover {
    color            : #FFFFFF;
    background-color : #304194;
    background-color : #4759b0;
    border-color     : #091865;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color            : #FFFFFF;
    background-color : #304194;
    background-color : #4759b0;
    border-color     : #091865;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color            : #FFFFFF;
    background-color : #304194;
    background-color : #4759b0;
    border-color     : #091865;
}
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(impact)
---------------------------------------------------------------- */
.btn-impact,
.btn-impact:focus,
.btn-impact.focus {
    color            : #FFFFFF;
    background-color : #ffa500;
    border-color     : #c17d00;
}
.btn-impact:hover {
    color            : #FFFFFF;
    background-color : #ff6600;
    border-color     : #af4601;
}
.btn-impact:active,
.btn-impact.active,
.open > .dropdown-toggle.btn-impact {
    color            : #FFFFFF;
    background-color : #ff6600;
    border-color     : #af4601;
}
.btn-impact:active:hover,
.btn-impact.active:hover,
.open > .dropdown-toggle.btn-impact:hover,
.btn-impact:active:focus,
.btn-impact.active:focus,
.open > .dropdown-toggle.btn-impact:focus,
.btn-impact:active.focus,
.btn-impact.active.focus,
.open > .dropdown-toggle.btn-impact.focus {
    color            : #FFFFFF;
    background-color : #ff6600;
    border-color     : #af4601;
}
.btn-impact.disabled,
.btn-impact[disabled],
.btn-impact.disabled:hover,
.btn-impact[disabled]:hover,
fieldset[disabled] .btn-impact:hover,
.btn-impact.disabled:focus,
.btn-impact[disabled]:focus,
fieldset[disabled] .btn-impact:focus,
.btn-impact.disabled.focus,
.btn-impact[disabled].focus,
fieldset[disabled] .btn-impact.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-impact:active,
.btn-impact.active,
.open > .dropdown-toggle.btn-impact {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(INFO)
---------------------------------------------------------------- */
.btn-info,
.btn-info:focus,
.btn-info.focus {
    color           : #FFFFFF;
    background-color : #69a033;
    border-color     : #2f6000;
}
.btn-info:hover {
    color            : #FFFFFF;
    background-color : #50871b;
    border-color     : #2f6000;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color            : #FFFFFF;
    background-color : #50871b;
    border-color     : #2f6000;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color            : #FFFFFF;
    background-color : #50871b;
    border-color     : #2f6000;
}
.btn-info.disabled,
.btn-info[disabled],
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(SUCCESS)
---------------------------------------------------------------- */
.btn-success,
.btn-success:focus,
.btn-success.focus {
    color            : #FFFFFF;
    background-color : #3b9fc0;
    border-color     : #005d7c;
}
.btn-success:hover {
    color            : #FFFFFF;
    background-color : #1d7a99;
    border-color     : #003648;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color            : #FFFFFF;
    background-color : #1d7a99;
    border-color     : #003648;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color            : #FFFFFF;
    background-color : #1d7a99;
    border-color     : #003648;
}
.btn-success.disabled,
.btn-success[disabled],
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(WARNING)
---------------------------------------------------------------- */
.btn-warning,
.btn-warning:focus,
.btn-warning.focus {
    color            : #FFFFFF;
    background-color : #c551cf;
    border-color     : #81018d;
}
.btn-warning:hover {
    color            : #FFFFFF;
    background-color : #9734a0;
    border-color     : #44004a;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color            : #FFFFFF;
    background-color : #9734a0;
    border-color     : #44004a;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color            : #FFFFFF;
    background-color : #9734a0;
    border-color     : #44004a;
}
.btn-warning.disabled,
.btn-warning[disabled],
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

/* ----------------------------------------------------------------
ボタン(DANGER)
---------------------------------------------------------------- */
.btn-danger,
.btn-danger:focus,
.btn-danger.focus {
    color            : #FFFFFF;
    background-color : #ea1c01;
    background-color : #fd6e6e;
    border-color     : #811001;
}
.btn-danger:hover {
    color            : #ea1c01;
    background-color : #f17362;
    border-color     : #811001;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color            : #ea1c01;
    background-color : #f17362;
    border-color     : #811001;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color            : #ea1c01;
    background-color : #f17362;
    border-color     : #811001;
}
.btn-danger.disabled,
.btn-danger[disabled],
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color : #999999;
    border-color     : #666666;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

/* ----------------------------------------------------------------
ページフッタ
---------------------------------------------------------------- */
.page-footer {

}

/* ----------------------------------------------------------------
モーダルウィンドウ
---------------------------------------------------------------- */
.modal
{
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
}

.datepicker_ymd,
.datepicker_ym
{
    z-index: 99999;
}

.modal-dialog
{
    margin: 30px auto;
    width: 1100px;
}

/* 河川設備の現況調査ダイアログ用 */
.modal-year-dialog
{
    margin: 30px auto;
    width: 600px;
}

.modal-header
{
    background-color: #8a96cf;
}

.modal-title
{
    color: #ffffff;
}

.modal-title span
{
    margin-left:30px;
    font-size: small;

}

#modal-detail .modal-body div div
{
    margin           : 0px 0px 10px 0px;
    padding          : 0px 0px 0px 0px;
}

#modal-detail .label-left
{
    margin           : 0px 0px 0px 0px;
    padding          : 0px 0px 0px 5px;
    font-weight      : normal;
    line-height      : 2.13em;
    text-align       : left;
    color            : #FFFFFF;
}

#modal-detail .label-right
{
    margin           : 0px 0px 0px 0px;
    padding          : 0px 0px 0px 5px;
    font-weight      : normal;
    line-height      : 2.13em;
    text-align       : left;
    color            : #333333;
    background-color : #FFFFFF;
    display          : block;
    border           : 1px solid #CCCCCC;
}

#modal-detail table thead tr th
{
    text-align       : center;
}

#modal-detail table tbody tr td
{
    background-color : #FFFFFF;
    text-decoration  : none;
    color            : #333333;
}

#modal-detail .tables table:nth-child(1) tbody tr td
{
    text-align       : left;
}

#modal-detail .tables table:nth-child(2) tbody tr td
{
    text-align       : center;
}

/* ----------------------------------------------------------------
設定画面
---------------------------------------------------------------- */
.setting-note {
    color: #091865;
    padding-top:13px;
}

.label-role-1 {
    width: 110px;
    padding: 4px;
    margin: 0 auto;
    color: #ffffff;
    background-color: #ac00d1;
}

.label-role-2 {
    width: 110px;
    padding: 4px;
    margin: 0 auto;
    color: #ffffff;
    background-color: #0177a3;
}

.label-role-3 {
    width: 110px;
    padding: 4px;
    margin: 0 auto;
    color: #ffffff;
    background-color: #64a301;
}

.label-role-4 {
    width: 110px;
    padding: 4px;
    margin: 0 auto;
    color: #ffffff;
    background-color: #b88600;
}

/* ポップオーバー */
.popover {
    max-width: 600px;
}

/* ----------------------------------------------------------------
PQグリッドのローディングメッセージ
---------------------------------------------------------------- */
.pq-loading,
.pq-loading-bg,
.pq-loading-mask,
.pq-loading-mask div {
    margin-left: 10px;
    text-align: left;
    font-size: x-large;
}

/* ----------------------------------------------------------------
[位置情報]－地図ポップアップ
---------------------------------------------------------------- */

    .detail-gis-popup {
        width: 95%;
        height: 95%;
        margin: 1.5em auto 0;
        padding: 10px 10px;
        border: 2px solid #ffaa00;
        background: #fff;
        z-index: 222;
        position: fixed;
    }

/* ----------------------------------------------------------------
[施設一覧画面]－ドロップダウンリスト
---------------------------------------------------------------- */

    /* ドロップダウントップボタン（toggle） */
    li > a.dropdown-toggle, 
    li > a.dropdown-toggle:hover{
        margin-top:5px;
        margin-right:5px;
        padding: 7px 20px 7px 30px;
        background-color:orange;
        border-radius:10px;
        color:white;
        font-weight:bold;
    }


    /* ドロップダウンリスト内の文字 */
    .dropdown-menu > li > a{
        font-weight:bold;
    }

    /* ドロップダウンリスト内の操作不可の場合の文字色 */
    .dropdown-menu > li.dropDownDisable > a{
        color: gainsboro;
    }

    /* ドロップダウンリスト内のドロップダウンアイコンの色 */
    .dropdown-menu > li.dropDownDisable > a> i.fa-cloud-download{
        color: gainsboro;
    }    
    .dropdown-menu > li > a > i.fa-cloud-download{
        color: green;
    }
    /* ドロップダウンリスト内のアップロードアイコンの色 */
    .dropdown-menu > li.dropDownDisable > a> i.fa-cloud-upload{
        color: gainsboro;
    }  
    .dropdown-menu > li > a > i.fa-cloud-upload{
        color: orange;
    }

    /* ドロップダウンリストの体裁 */
    .dropdown-menu > li {
      color: #2d8fdd;
      border-left: solid 6px #2d8fdd;/*左側の線*/
      background: #f1f8ff;/*背景色*/
      margin-bottom: 3px;/*下のバーとの余白*/
      line-height: 1.5;
      padding: 0.5em;
      list-style-type: none!important;/*ポチ消す*/
    }

    .dropdown-menu > li.group1 {
      background: lightyellow;/*背景色*/
    }
    .dropdown-menu > li.group2 {
      background: aquamarine;/*背景色*/
    }
    .dropdown-menu > li.group2 {
      background: lightcyan;/*背景色*/
    }
    
    /* ドロップダウンリストのa:hover時の背景色 */
    .dropdown-menu > li > a:hover {
        background-color: blue;
    }
    

    /* ドロップダウンリストの操作が不可の時のAタグのリンクを無効にする */
    /* CSSの処理の最後に書く */
    .dropDownDisable{
        pointer-events: none;
    }