/*! Spectre.css console | MIT License | github.com/picturepan2/spectre */
/* Spectre version */
/* styles unrelated to zoom */
.version::after {
  content: "0.1";
}
.mrem1 {
  margin: 1rem;
}
.prem1 {
  padding: 1rem;
}
.prem2 {
  padding: 2rem;
}
.mxyp0{
  magin:0px!important;
}
.pxyp0{
  padding:0px!important;
}
.mxp10 {
 margin-top: 10px!important;
 margin-bottom: 10px!important;
}
.mxp20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}
.mxp30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}
.fsp12 {
  font-size:12px!important;
}
.fsp14 {
  font-size:14px!important;
}
.fsp18 {
  font-size:18px!important;
}
.fsp20 {
  font-size:20px!important;
}
.fsp22 {
  font-size:22px!important;
}
.light {
  color: #4caf50!important;
}
.btn.btn-primary {
  background: #1976d2;
  border-color: #1976d2;
  color: #fff;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background: #1e88e5;
  border-color: #1e88e5;
  color: #fff;
}
.btn.btn-primary:active,
.btn.btn-primary.active {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}

.btn.btn-third {
  background: #f9f8f8;
  border-color: #f9f8f8;
  color: #231f20;
}
.btn.btn-third:focus,
.btn.btn-third:hover {
  background: #f9f8f8;
  border-color: #f9f8f8;
  color: #231f20;
}
.btn.btn-third:active,
.btn.btn-third.active {
  background: #f9f8f8;
  border-color: #f9f8f8;
  color: #231f20;
}
.btn-group .btn{
  color: #231f20;
  border: 1px solid #fff;
}
.btn-group .btn:hover{
  color: #fff;
  background: #1e88e5;
}
.btn-group .btn:active{
  background: #1565c0;
}
.btn-group .active{
  color: #fff;
  background: #2196f3;
}
.btn.btn-secondary {
  background: #6b6969;
  border-color: #6b6969;
  color: #fff;
}
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
  background: #7a7878;
  border-color: #7a7878;
  color: #fff;
}
.btn.btn-secondary:active,
.btn.btn-secondary.active {
  background: #595656;
  border-color: #595656;
  color: #fff;
}
.btn.btn-secondary.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}


.nav-in-pain .float-left,
.console-sidebar li,
.menu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.form-input {
  margin-bottom:5px!important;
}
.grid-header, .section-header{
  background:#fff!important;
}
.logo-login{
  margin-top:45px;
  margin-bottom:31px;
}
.logo-login img{
  max-width: 320px;
}
.card {
  border:1px solid #e9e8e8;
}
.card-login{
  padding:10px 20px 20px 20px !important;
  width:340px;
}
.card-qr {
  padding:10px 20px 20px 20px !important;
  width: 565px;
}
.card-qr-center {
  text-align: center;
}
.qr-msg {
  color: #50596c;
}
.card-qr-key {
  margin-left: 145px;
}
/* doc_list*/
.nav-in-pain, .doc_list {
  border-bottom: 1px solid #d9d8d8;
  margin:0px;
}
.doc_list:hover {
  background:#f9f8f8;
}
.nav-in-pain span {
  font-size:23px;
  color:#b6b4b4;
}
.doc-thumbnail {
  float:left;
  padding-right:0;
}
.doc-thumbnail img{
  width: 100%;
  border:1px solid #d9d8d8;
}

.console-sidebar {
  padding-left:0px!important;
  padding-right:0px!important;
}
.nav li.nav-item {
  margin:0px!important;
  line-height: 40px;
  border-left: 2px solid #e9e8e8;
}
.nav li.nav-item  li{
  line-height: 22px!important;
  padding: 5px 5px 5px 5px!important;
  margin: 0px!important;
}
li a {
  display:block;
  color:#231f20;
}
li a:hover,
li a:active, {
  color:#231f20!important;
}
.nav .nav-item:hover {
  background: #e1e0e0;
  border-left: 2px solid #1976d2;
}
.nav .nav-item.active {
  border-left: 2px solid #1976d2;
}
.nav-item .dropdown-right {
  position:absolute;
  padding-top:-1rem;
  right:0;
  margin-top: -4.5rem;
}
.dropdown .menu {
  padding: 0px;
}
.dropdown .menu li {
  line-height: 22px!important;
  padding: 10px 10px 10px 10px!important;
  margin:0px!important;
  border-left: 0px!important;
}
.dropdown .menu li a {
  display:block;
}
.dropdown .menu li:hover {
  background: #f9f8f8;
  border-left: 0px!important;
}
.dropdown .menu li.active {
  background: #f9f8f8;
  border-left: 0px!important;
}
.dropdown .menu .divider {
  margin:0px!important;
}
.doc_list .doc-title {
  padding:0.5rem 0 1rem 0!important;
}
.doc_list .date,
.doc_list .opt {
  padding:0px!important;
  float: left;
  position: relative;
  bottom: 0;
}
.doc_list .opt {
  margin-top: -0.7rem;
  margin-left: -1rem;
}
.doc_list .opt .memu{
  position: relative;
  right:-3rem!important;
}
.doc_list .menu {
  margin-right:-2rem!important;
}
.unit {
  padding:1rem;
  margin-bottom:1rem;
}
.modal .divider {
  margin: 4rem 0 4rem 0;
}
.modal-title {
  text-align: center;
  font-size: 22px!important;
  font-weight: bold;
}


/* set_doc */
.set_list_nav{
  background-color: #474444;
  padding-left: 1rem!important;
  padding-right: 1rem!important;
}
.set_tab {
  background-color: #595656;
}
.set_tab {
  margin-top: -22px!important;
}
.set_tab_nav {
  margin-top: 0;
}
.set_tab_nav .tab li.tab-item a{
  background-color: #474444!important;
}
.set_tab_nav .tab li.tab-item.active a{
  background-color: #595656!important;
  border-color: #595656!important;
}
.set_tab_nav .tab li.tab-item a{
  font-size: 12px!important;
}
.set_tab .form-group .form-label{
  padding: 0px!important;
}
.set_tab .form-group .form-input,
.set_tab .form-group .form-select {
  margin-bottom: 5px!important;
}

.set_tab .input-group-btn {
  font-size:12px;
  height: 32px;
}
.set_tab .group .form-input {
  margin-right: 5px;
  margin-top: -0.6rem;
}
.set_tab hr {
  border: 1px solid #7a7878;
  margin: 20px 0 30px 0;
}
.set_list .nav ul {

}
.set_list .nav li.nav-item {
  margin:0px 0px 10px 0px!important;
  line-height: 40px;
  border-left: 2px solid #6b6969;
  background-color: #6b6969;
}
.set_list .nav li.nav-item  li{
  line-height: 22px!important;
  padding: 5px 5px 5px 5px!important;
  margin: 0px!important;
}
.set_list .nav li a {
  display:block;
  color:#e1e0e0;
}
.set_list .nav li a:hover,
.set_list .nav li a:active, {
  color:#e1e0e0!important;
}
.set_list .nav .nav-item:hover {
  background: #e1e0e0;
  border-left: 2px solid #1976d2;
}
.set_list .nav .nav-item.active {
  border-left: 2px solid #1976d2;
  background-color: #353232;
  color: #e1e0e0;
}
.set_list .nav .nav-item .dropdown-right {
  position:absolute;
  padding-top:-1rem;
  right:0;
  margin-top: -4.5rem;
}
.empty-text {
  min-height: 400px;
  padding: 10rem 1rem;

}
.empty-label {
  color: #b6b4b4;
  font-size: 22px;
  margin-top: auto;
  margin-bottom: auto;
}
.empty-label-sub {
  color: #b6b4b4;
  font-size: 12px;
}
.status {
  border-radius: 16px;
	border: solid 1px #b6b4b4;
  text-align: center;
  padding: 0.3rem;
  font-size:12px;
}
.status_active {
  border-radius: 16px;
	border: solid 2px #4caf50;
  text-align: center;
  padding: 0.3rem;
  font-size:12px;
}
.modal, .modal-container {
  width: 100%!important;
  height: 100%!important;
  max-width: 100%!important;
  max-height: 100%!important;
  padding: 0px!important;
}
.modal-container .modal-body {
  max-height: 100%!important;
  overflow-y:hidden;
}
.add-document:hover {
  cursor: pointer;
}

/* Entry */
#entry-bar {
  background: #231f20!important;
  width: 100%;
  z-index: 100;
  position: fixed;
  top:0!important;
  padding-top:55px!important;
  height:48px!important;
}
#entry-bar ul {
  padding: 0;
  margin: 0;
  height:53px!important;
}
.entry-bar-title {
  font-weight: bold;
  line-height: 38px;
  padding-left: 3rem;
}
.tab .tab-item a {
  font-size :14px;
  line-height: 40px;
  margin-top: 0px;
  padding: 1rem 1.2rem 0rem 1.2rem;
  position: relative;
  top:-12px!important;
}
/*
.tab .tab-item a:focus,
.tab .tab-item a:hover {
  color: #fff;
}
*/
.tab .tab-item.active a,
.tab .tab-item a.active {
  border-bottom-color: #2196f3;
  color: #fff;
}
.entry-bar-bamb {
  line-height: 33px;
}
.entry-container {
  margin-top:2.5rem;
}
.btn-doc-list {
  margin-top:0.6rem;
}
.btn-entry-footer {
  margin-top:-1rem;
}
.card-entry {
  background: #474444;
  border: 1px solid #595656;
  padding: 1rem 3rem 1rem 3rem;
  margin-bottom: 2rem;
}
.card-entry .form-input {
  border: 2px solid #fff;
  height:40px;
}
.card-entry .form-input:focus {
  border: 2px solid #4caf50;
  box-shadow: 0 0 0 .2rem rgba(87, 100, 198, .15);
}
.card-entry .btn {
  margin-bottom:0.5rem;
  text-align: left;
  padding-left: 1rem;
}
.card-entry .icon-icon_cross_fill {
  line-height: 40px;
  margin-left: 0px;
  color: #b6b4b4;
  font-size: 22px;
}
.card-entry .btn {
  margin: 2px 2px 2px 10px;
  text-align: center;
}
.dark .console-sidebar,
.dark .console-content {
  border:none;
}
.dark .console-sidebar img{
  padding:1rem 3rem;
}
#entry-footer {
  width: 100%;
  z-index: 100;
  position: fixed;
  bottom:0!important;
  padding-top:0px!important;
  height:48px!important;
}
#entry-footer ul {
  padding: 0;
  margin: 0;
  height:48px!important;
}
.entry-footer-status {
  line-height: 33px;
  text-align: right;
}
.dark .form-select {
  color: #231f20;
}
#entry-bulk .card-entry {
  padding-top: 2rem;
}
.bulk-list {
  list-style: none;
  margin: 2.5rem 0.1rem;
}
.bulk-list a {
  color: #fff;
  padding-left: 1rem;
  text-decoration: none;
  border-left: 2px solid #353232;
}
.bulk-list a:focus,
.bulk-list a:hover {
  color: #fff;
  border-left: 2px solid #2196f3;
}
.bulk-list.active > a {
  font-weight: bold;
}
.bulk-list.active > a:focus,
.bulk-list.active > a:hover {
  color: #fff;
  border-left: 2px solid #2196f3;
}
.bulk-title {
  margin-bottom: 3rem;
}
.bulk-title span{
  font-size: 22px;
  margin-right: 1rem;
}
.bulk-view-text {
  padding-top: 0.7rem;
}
.bulk-view {
  width: 6rem;
  margin-left: 0.3rem!important;
}
.bulk-2{
  width: 50%;
  padding: 1%;
  float: left;
}
.bulk-4{
  width: 25%;
  padding: 1%;
  float: left;
}
.bulk-5{
  width: 20%;
  padding: 1%;
  float: left;
}

/* settings */

.setting-container {
  background: #f9f8f8;
}
.setting-list {
  list-style: none;
  margin: 0rem 0.3rem;
}
.setting-container .console-sidebar {
  border: none;
}
.setting-list a {
  color: #231f20;
  padding-left: 2rem;
  margin-bottom: 1rem;
  text-decoration: none;
  border-left: 4px solid #f9f8f8;
  line-height: 24px;
}
.setting-list a:focus,
.setting-list a:hover {
  border-left: 4px solid #2196f3;
}
.setting-list .active > a {
  font-weight: bold;
  border-left: 4px solid #1976d2;
}
.setting-list .active > a:focus,
.setting-list .active > a:hover {
  color: #231f20;
  border-left: 4px solid #2196f3;
}
.setting-content {
  background: #474444;
  border: 1px solid #595656;
  padding: 1rem 3rem 1rem 3rem;
  margin-bottom: 2rem;
}
.setting-title {
  margin-top: 0.7rem;
  margin-bottom: 3rem;
  color: #474444;
  font-size: 18px;
}
.setting-caution {
  color: #474444;
  font-size: 16px;
  text-align: right;
}
.setting-container .card {
  padding-bottom: 5rem;
}
.setting-container .card .tab{
  margin-bottom:0px;
}
.setting-container .card .tab li.tab-item a{
  font-size: 14px!important;
}
.setting-container .card .tab li.tab-item a{
  color: #474444!important;
  border-color: #e1e0e0!important;
}
.setting-container .card .tab li.tab-item a:focus,
.setting-container .card .tab li.tab-item a:hover, {
  color: #1976d2!important;
}
.setting-container .card .tab li.tab-item.active a{
  border-color: #1976d2!important;
  color: #1976d2!important;
}


.setting-container .card .form-label,
.setting-container .card table,
.setting-container .card .form-checkbox,
.setting-container .access_search_label {
  color: #474444!important;
}
.setting-container .card .form-input {
  border: 2px solid #c9c8c8;
  height:40px;
}
.setting-container .card .form-input:focus {
  border: 2px solid #4caf50;
  box-shadow: 0 0 0 .2rem rgba(87, 100, 198, .15);
}
.setting-container .card .error {
  margin-top: 2rem;
  text-align: center;
  color: #e53935;
}
.setting-container .card .btn-bottom {
  margin-top: 2rem;
}
.setting-container .card table td {
  padding: 0.5rem;
  line-height: 40px;
}
.setting-container .card table td.btn-action {
  text-align: right;
}
.setting-container .card table td.btn-action .btn {
  padding: 0rem 2rem 0rem 2rem;
}

.setting-container .card .notice {
  padding: 1rem;
  color: #b6b4b4;
}
.setting-container .access_search_label .form-group{
  margin: 0px;
}
.setting-container .access_search_label {
  line-height: 30px;
}




/* Spectre console style */
.light-bg-1{
  background: #f9f8f8;
}
.light-bg-2{
  background: #f1f0f0;
}
.light-bg-3{
  background: #e9e8e8;
  padding: 1rem;
}
.bg-dark-header {
  background:#231f20;
  color:#fff;
}
.bg-dark {
  background: #353232;
  color: #fff;
  padding: 1rem;
}
.bg-card {
  background: #474444;
}
.bg-primary {
  background: #5764c6;
  color: #fff;
  padding: 1rem;
}
.section-header {
  padding: 1rem .5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  background:#fff;
}
.section-hero {
  position: relative;
  z-index: 300;
}
.grid-header .navbar {
  height: 4rem;
}
.grid-header .navbar-section {
  padding: 0;
}
.grid-header .navbar-brand {
  color: #50596c;
}
.grid-header .btn-link {
  color: #667189;
  padding-left: .6rem;
  padding-right: .6rem;
}
.grid-header .btn-link:focus,
.grid-header .btn-link:hover,
.grid-header .btn-link:active {
  color: #50596c;
  opacity: .75;
}
.grid-hero {
  margin-bottom: 4rem;
  margin-top: 10rem;
}
.grid-hero h1 {
  color: #50596c;
  font-size: 3.2rem;
  font-weight: 400;
}
.grid-hero h2 {
  color: #5b657a;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3rem;
  margin-bottom: 3rem;
}
.grid-hero h2 u {
  border-bottom: .2rem solid currentColor;
  padding-bottom: .1rem;
  text-decoration: none;
}
.grid-hero .card {
  background: none;
  border: 0;
  color: #667189;
  padding: 1rem;
}
.grid-hero .card .card-title {
  color: #5764c6;
  font-size: 1.8rem;
  margin-bottom: 0;
}
.grid-footer {
  color: #acb3c2;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.grid-footer a {
  color: #727e96;
}
.console-content {
  padding: 7rem 0 5rem 0;
  padding-left:0px!important;
  padding-right:0px!important;
  border-right: 1px solid #d9d8d8;
  height: 100vh;
}
/* 新ヘッダ画面用content */
.newheader-console.console-content {
  padding: 1rem;
  padding-left:0px!important;
  padding-right:0px!important;
  border-right: 1px solid #d9d8d8;
  height: 100vh;
}
.console-content .container {
  padding: 1rem;
}
.console-content header {
  padding-top: 6rem;
}
.console-content .anchor {
  height: 0;
  margin-left: -1em;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.console-content .anchor:focus,
.console-content .anchor:hover {
  height: auto;
  text-decoration: none;
  width: auto;
}
.console-content .notes {
  margin: 4rem 0;
}
.console-content .console-block {
  border-radius: .2rem;
  padding: 1rem .5rem;
}
.console-content .console-dot {
  border-radius: 50%;
  display: inline-block;
  height: 1rem;
  padding: 0;
  width: 1rem;
}
.console-content .console-table th,
.console-content .console-table td {
  padding: 1.5rem .5rem;
}
.console-content h1,
.console-content h2,
.console-content h3,
.console-content h4,
.console-content h5,
.console-content h6 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.console-content h1:hover .anchor,
.console-content h2:hover .anchor,
.console-content h3:hover .anchor,
.console-content h4:hover .anchor,
.console-content h5:hover .anchor,
.console-content h6:hover .anchor {
  height: auto;
  width: auto;
}
.console-content .console-color {
  border-radius: .2rem;
  margin: .5rem 0;
  padding: 1rem;
}
.console-content .console-color .color-subtitle {
  font-size: 1.2rem;
  opacity: .75;
}
.console-content .panel {
  height: 75vh;
}
.console-content .panel .tile {
  margin: 1.5rem 0;
}
.console-content .code {
  color: #667189;
}
.console-content .code .com {
  color: #acb3c2;
}
.console-content .code .tag {
  color: #5764c6;
}
.console-content .code .atn {
  color: #667189;
}
.console-content .code .atv {
  color: #e06870;
}
.console-content .empty .icon {
  font-size: 4rem;
}
.console-content .form-autocomplete .menu {
  position: static;
}
.console-content .example-tile-icon {
  -webkit-align-content: space-around;
  align-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  background: #5764c6;
  border-radius: .2rem;
  color: #fff;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-align: center;
  -ms-flex-line-pack: distribute;
  font-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.console-content .example-tile-icon .icon {
  margin: auto;
}
.console-content .comparison-slider .filter-grayscale {
  -webkit-filter: grayscale(75%);
  filter: grayscale(75%);
}
@media screen and (min-width: 601px) {
  .section-header .navbar-section {
    padding: 0 .5rem;
  }
  .console-sidebar {
    padding: 7rem 1rem 5rem 1rem;
    border-right: 1px solid #d9d8d8;
  }
  /* 新ヘッダ画面用sidebar */
  .newheader-console.console-sidebar {
    padding: 1rem;
  }
  .console-sidebar .console-nav {
    position: relative;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .console-sidebar .console-nav {
      position: sticky;
      position: -webkit-sticky;
      top: 8rem;
    }
    .console-sidebar .console-nav .nav-item a:focus {
      box-shadow: none;
    }
  }
}
.console-nav-clear {
  display: none;
}
@media screen and (max-width: 600px) {
  .grid-hero h2 {
    font-size: 1.8rem;
  }
  .grid-hero .card {
    padding: 0;
  }
  .console-sidebar {
    background: #fff;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 6rem 3rem;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: -webkit-transform .2s ease;
    width: 24rem;
    z-index: 400;
  }
  .console-sidebar:target {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: -webkit-transform .2s ease;
  }
  .console-sidebar:target + .console-nav-clear {
    display: block;
  }
  .console-nav-clear {
    background: rgba(0, 0, 0, .15);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 300;
  }
}

@font-face {
  font-family: 'aiinside_iconfont';
  src:  url('fonts/aiinside_iconfont.eot?2nje68');
  src:  url('fonts/aiinside_iconfont.eot?2nje68#iefix') format('embedded-opentype'),
    url('fonts/aiinside_iconfont.ttf?2nje68') format('truetype'),
    url('fonts/aiinside_iconfont.woff?2nje68') format('woff'),
    url('fonts/aiinside_iconfont.svg?2nje68#aiinside_iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'aiinside_iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon-home:before {
  content: "\e91a"
}
.icon-icon_add:before {
  content: "\e900";
}
.icon-icon_cancel_fill:before {
  content: "\e901";
}
.icon-icon_circle_fill:before {
  content: "\e902";
}
.icon-icon_cross_fill:before {
  content: "\e903";
}
.icon-icon_cross:before {
  content: "\e904";
}
.icon-icon_minus:before {
  content: "\e905";
}
.icon-icon_more:before {
  content: "\e906";
}
.icon-icon_plus_circle:before {
  content: "\e907";
}
.icon-icon_plus_fill:before {
  content: "\e908";
}
.icon-icon_plus:before {
  content: "\e909";
}
.icon-icon_pulldown:before {
  content: "\e90a";
}
.icon-icon_settings:before {
  content: "\e90b";
}
.icon-icon_trash:before {
  content: "\e90c";
}
.icon-icon-info-fill:before {
  content: "\e90d";
}
.icon-icon-drag:before {
  content: "\e913";
}
.icon-icon-sort:before {
  content: "\e915";
}
.icon-icon-accordion-close:before {
  content: "\e916";
}
.icon-icon-info-fill-copy:before {
  content: "\e917";
}
.doc_list.columns.document-item.active {
  border-left: 2px solid #1976d2;
}
.doc_list.columns.document-item.active .document-item-name {
  font-weight: bold;
}
.doc_list.columns.document-item.active .document-item-date {
  font-weight: bold;
}