/* モーダルの親画面のスクロールバー表示 */
.modal {
  overflow-x: auto;
  overflow-y: auto;
}
/* モーダルのヘッダ色 */
.modal-title-color-normal  {
  color: black;
  background-color: #87ceeb;
}
.modal-title-color-info  {
  color: white;
  background-color: #5b7fde;
}
.modal-title-color-warning  {
  color: white;
  background-color: #ffa500;
}
.modal-title-color-error  {
  color: white;
  background-color: #ff3366;
}
/* モーダルコンテンツ */
.modal-content {
  border-radius: 5px;
  padding-top: 0px !important;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right:0px;
  border-radius: 5px !important;
}
/* モーダルタイトル */
.modal-title-base {
  padding: 5px !important;
  text-align:center;
  border-top-left-radius: 5px;
  border-top-right-radius:5px;
  border-top-color: rgba(128, 128, 128, 0.20);
}
/* モーダルボディ */
.modal-dialog-body {
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
  /*height: calc(100% - 50px);*/
}
/* モーダルフッター */
.modal-dialog-footer {
  border-top-color: rgba(128, 128, 128, 0.20);
}
/* モーダルフッターのボタンのフォーカス色 */
button.btn.btn-default:hover,
button.btn.btn-default:focus {
  color: #ffffff;
  background-color: #3c8dbc;
  background-image: linear-gradient(#3c8dbc 0%, #3c8dbc 100%);
}