.box .box-header .btn-success a,
.modal-dialog .modal-content .modal-footer  a,
.skin-red .sidebar-menu .treeview-menu>li.active>a,
.skin-red .sidebar-menu .treeview-menu>li>a:focus,
.skin-red .main-header .navbar .nav>li>p,
.skin-red .sidebar-menu>li>a:focus {
        color: #fff;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
}

.login-box.password-box {
    width:530px;
}

.navbar-nav>li>p {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.nav>li>p {
    position: relative;
    display: block;
    padding: 15px 15px;
    margin: 0;
}

.navbar-nav>li>a>p {
 margin: 0px;
}

.btn.register {
    margin: 20px 0;
}

.btn.register a{
    color: #fff;
}

textarea {
    resize: none;
}

/*検索結果メッセージ*/
.result-message {
    margin-top: 10px;
    padding-bottom: 10px;
}

#updatePassword .columnName {
    white-space: nowrap;
}

div.box .box-body .row {
    margin-bottom: 15px;
}

/*テーブル内のチェックボックスを中央に寄せる*/
table tr td input.checkbox {
    margin: 12px 0 0 11px;
}
.table-responsive > .table > thead > tr > th {
    white-space: nowrap;
}

/*必須項目に表示されるボーダーを削除*/
.input-group .input-group-addon.required {
    padding-left: 4px;
    padding-right: 4px;
   border: 0px;
}
#map {
  height: 500px;
  width: 100%;
}

/* 検索条件クリア */
.searchclear {
    position: absolute;
    right: 21px;
    top: 10px;
    bottom: 0px;
    height: 0px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}
/* Loading スピナー */
#loading_spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  -webkit-transition: all 1.2s ease; /* 1.2秒でフェードアウト */
          transition: all 1.2s ease;
  color: #ffffff; /* ローディングアニメーションカラー */
  background-color:rgba(0,0,0,0.5); /* 背景カラー 透過度 */
}
/* スピナー */
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 120px;
  height: 120px;
}
/* スピナー テキスト */
.spinner #loading_spinner_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 13px;
}
/* スピナータイプ */
.spinner.type {
  border-radius: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #ffffff rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
  -webkit-animation: spinner1_1 1.5s infinite linear forwards;
          animation: spinner1_1 1.5s infinite linear forwards;
}
/* スピナータイプ テキスト */
.spinner.type #loading_spinner_text {
  animation: spinner_loading_text 1.5s infinite linear forwards reverse;
}
/* スピナー アニメーション */
@-webkit-keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* スピナーテキスト アニメーション */
@-webkit-keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
