html,body {
    height: 100%;
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku GothicProN', sans-serif;
}

legend {
    font-size: 14px;
    margin-bottom: 0;
}

label, input, button, select, textarea {
    font-size: 13px;
}

img {
    max-width: none;
}

dd {
    word-break: break-all;
}

#wrap {
    min-width: 1263px;
    min-height: calc(100% - 60px);
    min-height: 90%\9; /* IE10以下 */
    margin: 0 auto;
    position: relative;
}

#log {
    margin-bottom: 0px;
    height: 21px;
    background-color: white;
}

#log>.span3 {
    width: 250px;
    height: 100%;
}

#log>.span3>.progress {
    margin: 0;
    height: 18px;
    border-bottom: 1px solid #CCC;
    border-top-style: none;
    border-left-style: none;
    background: #dcdcdc;
    border-right-style: none;
}

#log>.span9 {
    margin-left: 0;
    width: calc(100% - 250px);
    width: 79%\9; /* IE10以下 */
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5ee;
}

#header {
    width: 100%;
    min-width: 1263px;
    height: 60px;
    padding-right: 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
}

.header-nav {
    margin: 10px 0 0 0;
}

.header-nav > li {
    margin: 3px 2px 0 0;
}
#header .nav > li.dropdown.open > button.support {
  color:#000;
  background-color: #f3f3f3;
  border-color: #dcdcdc;
}
#header .nav > li.dropdown > button.support .caret {
  margin-top: 8px;
  border-top-color: #000;
  border-bottom-color: #000;
}
#header .support.dropdown-menu li > a{
  padding: 3px 30px;
}
#header .support.dropdown-menu li > a i{
  position: static;
}

.sidebar-bg {
    width: 250px;
    height: 100%;
    position: absolute;
    background-color: #f5f5f5;
    top: 0;
    left: 0;
    z-index: -1;
}

.nav-list>legend {
    margin-bottom: 10px;
}

.contents {
}

.muted>a {
    color: #999;
    text-decoration: none;
    padding-left: 15px;
}

.credit {
    margin: 20px 0;
}

img.ui-datepicker-trigger {
    margin-left: 4px;
}

.placeholder {
    border: 2px dotted #CCCCCC;
    background-color: #D9EDF7;
    height: 180px;
    margin-bottom: 10px;
}

.placeholder-simply {
    border: 2px dotted #CCCCCC;
    background-color: #D9EDF7;
    height: 52px;
    margin-bottom: 10px;
}

.categoryHover {
    background-color: #afeeee;
}

.treeview .hover{
    color: #005580 !important;
}

.book-border {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bgcolor-white {
    background-color: #fff;
}

.order-block {
    padding: 5px 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.order-block>.span7 {
    width: 518px;
}

.versionlist-border.order-block {
    padding: 10px 0;
    margin-bottom: 0;
}

.versionlist-border.order-block>div {
    word-break: break-all;
}

.span9>hr {
    margin: 0;
}

.span9>.title {
    margin-top: 10px;
}

.order-block>.span1 {
    width: 20px;
    padding-left: 10px;
}

.order-block>.span4 {
    margin-right: 20px;
}

.order-block > div.span2 {
    display: table-cell;
}

img.book-border {
    max-width: 100%;
}

.versionlist-border {
    border-top: 1px solid #eeeeee;
    padding-right: 10px;
}

.row-fluid .book-thumbnail {
    width: 18%;
    max-width: 140px;
    margin: 0 20px;
    float: left;
}

.row-fluid .span-book-info {
    width: calc(100% - 200px);
    width: 76%\9; /* IE10以下 */
    margin: 0 20px 0 0;
}

.row-fluid .span-book-edition {
    width: calc(100% - 20px);
    width: 98%\9; /* IE10以下 */
    margin: 0 10px 0 10px;
}

.span-book-edition .collapse>hr {
    margin: 10px 0 ;
}

.span-book-edition .collapse>dl {
    margin: 0 0 10px 0;
}

.span-book-edition .collapse .dl-horizontal>dt {
    text-align: left;
}

.span-book-simply {
    width: 680px;
    margin-left: 0;
    padding: 0 10px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.row-fluid [class*="span"] {
    min-height: 10px;
}

.row-fluid .sidebar .span3 {
    width: 250px;
    padding-top: 20px;
}

.content-area {
    float: right;
    width: calc(100% - 290px);
    width: 77%\9; /* IE10以下 */
    padding: 15px 20px 20px 20px;
}

.content-area-sidebar-none {
    float: right;
    width: calc(100% - 40px);
    width: 97%\9; /* IE10以下 */
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.submit-area {
    margin: 40px 0;
}

.back-area {
    margin: 30px 0;
}

.server-info .progress {
    margin-top: 3px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #dcdcdc;
}
/*global-navi CSS 14/01/07 */
.global-navi {
    background-color: #44617b;
    color: white;
    padding: 2px 10px;
}

.global-navi ul {
    margin: 0 0 0 0;
}

.global-navi a:link {
    color: white;
}

.global-navi a:visited {
    color: white;
}

.global-navi .dropdown-menu>li>a {
    color: #333;
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu>li>a {
    padding: 3px 0 3px 3px;
}

.global-navi>ul>li>.dropdown-menu>li>a {
    padding: 3px 3px 3px 0;
    text-align:right;
}

.global-navi a:hover {
    color: #CCC;
    text-decoration: none;
}

.server-info {
    float: right;
    margin-bottom: 0px;
    width: calc(100% - 250px);
    width: 80.1%\9; /* IE10以下 */
}

.server-info>.span12 {
    margin-left: 0;
    margin-bottom: 0;
    height: 25px;
    border-bottom: 1px solid #ccc;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fffff0;
}

.login-content {
    background-color: #f7f7f7;
    width: 350px;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    box-shadow: 0px 0px 5px #cdcdcd;
    -moz-box-shadow: 0px 0px 5px #cdcdcd;
    -webkit-box-shadow: 0px 0px 5px #cdcdcd;
}

.top-margin-class {
    margin-top: 30px;
}
/* ブックデザインページ用CSS　*/
.now-setting {
    background-color: #eeeeee;
}

.thum-line {
    padding: 5px;
    border: 1px solid #515151;
}

.thum-line img:hover {
    opacity: 0.7;
    filter: alpha(opacity = 60);
    box-shadow: 3px 2px 5px #cdcdcd;
    -moz-box-shadow: 3px 2px 5px #cdcdcd;
    -webkit-box-shadow: 3px 2px 5px #cdcdcd;
}

.thumbnail {
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    border: 0px solid #ffffff;
}

input[type="text"] {
    margin-bottom: 0;
}

input[type="text"].colored, input[type="password"].colored {
    background-color: #ffffcc;
}

textarea.colored {
    background-color: #ffffcc;
}

.table td {
    vertical-align: middle;
    word-break: break-all;
}
/*カテゴリー割当　選択中のディレクトリ*/
.filetree .dir-selected {
    background-color: #D9EDF7;
}

.span-book-simply {
    word-break: break-all;
}

#modal-detail {
    width: 900px;
    margin-left: -450px;
}

#modal-detail .input-small {
    width: 120px;
}

.table th {
    text-align: center;
}
/* カーソルの設定*/
#upfile-table .up-row {
    cursor: move;
}

input[type="file"] {
    cursor: copy;
}
/* Font Awesome　*/
 a[href="#top"]>.fa {
    color: #000;
}

.disabled .fa {
    color: #ccc;
}

.form-horizontal .control-group {
    *zoom: 1;
}

legend+.control-group {
    margin-top:10px;
}

button, .btn{
    cursor:pointer !important;
}

.btn.disabled, button.disabled, .btn[disabled], button[disabled]{
    opacity: .3;
    cursor:default !important;
}

.form-area {
    padding: 0 0 20px;
}

.edition-publish {
    background-color: #f0fff0;
}

.edition-publish-btn {
    width: 130px;
}

/* File Upload */
.fileupload>.well{
    background-color: #D9EDF7;
    border: 4px dotted #CCCCCC ;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor:copy;
}

#upload_area > .message, .import-area > .message,
#upload_logo_area > .message, #upload_favicon_area > .message{
    margin:20px 0;
    font-weight: bold;
    color: #3a87ad;
}

#upfilelist{
    margin: 0;
}

#upfilelist li{
    margin-bottom: 20px;
}

#importlist li{
  /*border-bottom: 1px solid #ddd;*/
  margin-bottom: 2px;
}

/* /admin/book/list */
ul.book-list {
    margin-bottom: 0;
}

.label-info {
    min-width: 55px;
    max-width: 55px;
    float: left;
    margin-right: 9px;
}

/* ブックの詳細ボタン・リストボタン */
#show-detail.selected, #show-simple.selected{
    background-image: linear-gradient(to bottom, #CCCCCC, #F1F1F1);
}

.not-select {
    opacity: 0.3;
}

.dd-item > button {
    font-size: 24px !important;
}

.btn-group > .dropdown-menu {
    cursor: pointer;
}

/* カテゴリツリーの改行設定 */
.filetree{
    word-break: break-all;
}

/* スキン画像 */
.cbox img{
    width:290px;
    height:200px;
}
#booklist_box .control-group {
    margin-top: 10px;
}
#booklist_box .control-label{
    width: 230px;
}
#booklist_box .controls {
    margin-left: 250px;
}

.xx-control-group .control-label{
    width : 270px !important;
    position: relative;
}
.xx-control-group  .controls{
    margin-left : 300px !important;
}
.control-group.xx-control-group{
    position : relative;
}

.control-group.xx-control-group a{
    position : absolute;
    top      : 4px;
    right    : -16px;
}

.idp-explain{
    line-height : 200%;
    margin      : 5px auto 10px auto;
}

.group-labels .label{
    font-size: 13px;
    border-radius: .25em;
    padding: 5px;
    width: auto;
}

.group-labels{
    max-height: 100px;
    overflow: auto;
    position: relative;
    top: -5px;
}
.admin-menu-sub-row{
    margin-top : 10px;
    margin-bottom: 10px;
}
.btn-admin-delete-bookid{
    float : right;
}
.public_group_badge{
    margin-top: 5px;
}
.public_group_badge.hidden{
    display : none;
}
.public-group-list-area.hidden{
    display : none;
}
.public-group-list-area > hr{
    margin-top: 0;
    margin-bottom: 10px;
}

.login_auth_pw{
    width : 188px;
}

.btn[name="public-group"]{
    margin-bottom: 10px;
    margin-left: 10px;
}
.btn.authed{
    color : #468847;
}
/**
 編集共有時のアイコン色
*/
.btn.shered i{
    color : #ff6600;
}

/*
#modal-login_auth {
    width: 700px;
    margin-left: -350px;
}
*/

/*
 ブックID作成/変更モーダル
*/

.config-accessinfo-area{
    display:none;

}


i.ico-menu-hlp{
	color: #0088cc;
	padding : 4px;
	cursor: pointer;
}

.fa-empty{
   margin-left: 20px;
}


#powerTip.s:before, #powerTip.n:before {
    border : none !important;
}

#powerTip{
	max-width: 300px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	white-space: normal !important;
	border : solid 1px #afafaf;
}

#powerTip div{
	padding: 10px;
	background: #fff;
	font-size : 12px;
	border-radius: 2px;
}

.booklist-linkmenu i{
	margin-left: 8px;
}

.booklist-linkmenu > span:not(:hover){
	color : #333;
}

.dl-horizontal.simple-list dt{
	width : 100px;
}
.dl-horizontal.simple-list dd{
	margin-left : 120px;

}
hr.simple-list{
	margin: 10px auto 0 auto !important;
}
dl.simple-list{
	margin-bottom : 0px !important;
}

/* 外部サービス連携タグ埋め込み */


.tagconfig-well{
    padding: 0 12px 10px 12px !important;
}
.nodename{
    position: relative;
    cursor: pointer;

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.nodename-folding{
    position: absolute;
    right : 10px;
    color: #34AADC;
    font-size: 12px;
}

.tagarea{
    overflow: hidden;
}

.tagname{
    width : 100%;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
}
.tagname span{
    color:#20b912;
    margin-left: 20px;
}
.taginputarea{
    margin-left: 20px !important;
}

select#public_site_check {
    width: auto;
}

.row-fluid.order-block .span2 .p {
    width: 100%;
}

.flexSetting {
    display: flex;
    align-items: center;
}

.alert-danger,
.alert-error ,
.alert-success {
    z-index: 200!important;
}