/* 拡張 */
body {
  font-family:"Apple TP","helvetica neue",Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important
}
h4 small {
  padding-left: 10px;
}
pre {
  background-color: transparent;
  border: none;
  white-space: pre-wrap;         /* CSS3 */
  white-space: -moz-pre-wrap;    /* Firefox */
  white-space: -webkit-pre-wrap; /* Chrome, Safari */
  white-space: -o-pre-wrap;      /* Opera 7 */
}
pre, textarea, .text-html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.text-html {
  padding: 9.5px;
  margin: 0 0 10px;
}
.text-html pre {
  padding: 0;
  margin: 0;
}
.page-header {
  margin-top: 20px;
  padding-bottom: 0;
}
.navbar-default {
  background-color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #0373c0;
  background-color: #fff;
}
.caret {
  margin-left: 5px;
}
.pager {
  margin: 0;
}
.badge, .btn-default .badge {
  background-color: #aaa;
}
.ui-state-hover, .ui-state-active {
  background-color: #f8f8f8!important;
  color: #555!important;
}

@media (min-width:768px) {
  .navbar {
    font-size: 12px;
  }
}

/*
.navbar-fixed-top: 1030
.modal-backdrop: 1040
.modal: 1050
*/

.ui-autocomplete {
  z-index: 2001;
}
.overlay {
  z-index: 2011;
}
.loading {
  z-index: 2012;
}
.dropdown-menu {
  z-index: 1040;
}


/* 共通 */
#title {
  color: #000;
}
.contentHeader {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  margin-top: 50px;
  margin-bottom: 10px;
  margin-top: 50px
}
.overlay {
  background: url("/images/co-spacer_bg.png") no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  }
.loaderOverlay {
  background-color: #fff;
}
.loading {
  background: url("/images/co-loading_ico.gif") no-repeat center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.attachmentPreview {
  color: #000;
  opacity: .2;
  padding: 1px 3px 0 0;
}
.attachmentPreview:hover, .attachmentPreview:focus {
  color: #000;
  opacity: .5;
}

/* 汎用 */
table.table1 td, table.table1 th {
  white-space: nowrap;
  vertical-align: middle;
}
.ltable {
  display: table;
}
.ltable >* {
  display: table-cell;
  vertical-align: top;
}
.ltable.middle >* {
  vertical-align: middle;
}
td.center {
  text-align: center;
}
td.right {
  text-align: right;
}
.cinline >* {
  display: inline-block;
}
a[disabled] {
  cursor: default;
}
a.icon1 {
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
}
a.icon1:hover {
  background-position: 1px 1px;
}
a.icon1[disabled]:hover {
  background-position: 0 0;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.word1 {
  color: blue;
}
.word2 {
  color: orange;
}
.word3 {
  color: green;
}
.mention1 {
  color: green;
  font-weight: bold;
}
.mention2 {
  color: green;
}
.variableAttachment {
  margin-right: 10px;
}
.attachmentBand {
  display: inline-block;
  position: relative;
  background-color: #fff;
  padding: 6px;
  border: #ddd 1px solid;
  border-radius: 4px;
}
textarea.resizableTextarea {
  overflow: auto;
  height: 100px;
}
.datepicker input, .timepicker input {
  text-align: center;
}
.ui-resizable-s {
   background-color: #ccc;
   bottom: 20px;
   height: 5px;
   border-radius: 4px;
}
.formControls >* {
  margin-bottom: 10px;
}
.formControls >div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.textcomplete-dropdown {
  border: 1px solid #ddd;
  background-color: white;
}
.textcomplete-dropdown li {
  border-top: 1px solid #ddd;
  padding: 2px 5px;
}
.textcomplete-dropdown li:first-child {
  border-top: none;
}
.textcomplete-dropdown li:hover,
.textcomplete-dropdown .active {
  background-color: rgb(110, 183, 219);
}
.textcomplete-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
}
.textcomplete-dropdown a:hover {
  cursor: pointer;
}

@media (min-width:768px) {
  .formControls {
    display: inline-table;
    vertical-align: middle;
  }
  .formControls >* {
    margin-bottom: 0;
  }
}

/* 個別 */
body.devlop .tenant-bg {
  background-color: #ff0;
}