@charset "UTF-8";

.hidden {
  display: none !important;
}

.hidden * {
  display: none !important;
}


/* + loading
------------------------------------------------------------------- */
#loading {
  display: none;
}

#loading.is-active {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(195, 195, 195, 0.5);
  position: fixed;
  top: 0;
  left: 0;
}

#loading.is-active img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 66px;
  height: 66px;
}

/* -------------------------------------------------------------------
 - dialog
------------------------------------------------------------------- */
.ui-dialog .ui-dialog-content {
  position: relative;
  overflow: auto;
}

/* -------------------------------------------------------------------
 - マニュアルリンク
===================================== */
.bl_infoBar_help {
  margin-left: auto;
}

.bl_infoBar_helpBtn {
  background: -webkit-linear-gradient(72deg, #80ba10 0%, #53d50c 53%, #44d903 100%);
  background: -o-linear-gradient(72deg, #80ba10 0%, #53d50c 53%, #44d903 100%);
  background: linear-gradient(18deg, #80ba10 0%, #53d50c 53%, #44d903 100%);
  border: 1px solid transparent;
  border-radius: 999em;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 14px 25px 14px 56px;
  position: relative;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.bl_infoBar_helpBtn:before {
  background-image: url(../../images/admin/icon_help.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 29px;
  left: 20px;
  position: absolute;
  top: 0.7em;
  width: 23px;
  z-index: 1;
}

.bl_infoBar_helpBtn:hover {
  background: #51941b;
  background: -webkit-linear-gradient(72deg, rgba(128, 186, 16, .9) 0%, rgba(83, 213, 12, .9) 53%, rgba(68, 217, 3, .9) 100%);
  background: -o-linear-gradient(72deg, rgba(128, 186, 16, .9) 0%, rgba(83, 213, 12, .9) 53%, rgba(68, 217, 3, .9) 100%);
  background: linear-gradient(18deg, rgba(128, 186, 16, .9) 0%, rgba(83, 213, 12, .9) 53%, rgba(68, 217, 3, .9) 100%);
  border: 1px solid #51941b;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.bl_infoBar_chatBtn {
  background: #135cff;
  background: -webkit-linear-gradient(72deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  background: -o-linear-gradient(72deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  background: linear-gradient(18deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  border: 1px solid #135cff;
  border-radius: 999em;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 14px 25px 14px 60px;
  position: relative;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.bl_infoBar_chatBtn:hover {
  background: -webkit-linear-gradient(72deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  background: -o-linear-gradient(72deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  background: linear-gradient(18deg, #26a3b9 0%, #2e4eff 65%, #594ff5 100%);
  background: -webkit-linear-gradient(72deg, rgba(38, 163, 185, .9) 0%, rgba(46, 78, 255, .9) 65%, rgba(89, 79, 245, .9) 100%);
  background: -o-linear-gradient(72deg, rgba(38, 163, 185, .9) 0%, rgba(46, 78, 255, .9) 65%, rgba(89, 79, 245, .9) 100%);
  background: linear-gradient(18deg, rgba(38, 163, 185, .9) 0%, rgba(46, 78, 255, .9) 65%, rgba(89, 79, 245, .9) 100%);
  border: 1px solid #135cff;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.bl_infoBar_chatBtn:before {
  background-image: url(../../images/admin/icon_chat.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  left: 20px;
  position: absolute;
  top: 0.4em;
  width: 30px;
  z-index: 1;
}

.bl_infoBar_for_user_calendar {
  top: auto;
  position:fixed;
  right:30px;
  bottom:120px;
  transition:1s;
}