@charset "UTF-8";
/***************************************************************
color_change
***************************************************************/

/*聖徳大学ロゴ色*/

.u_color {
  color: #0099FF;
}

.u_color_bg {
  background-color: #0099FF;
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/

header#header {
  width: 100%;
  height: 60px;
  background-color: #0099FF;
  color: #fff;
}

.navbar-menu .active .nav-link, .navbar-menu .nav-item .nav-link:hover {
  background-color: #fff;
  color: #0099FF;
  font-weight: bold;
}

#reporepo_student_header_menu {
  margin: 0 0 0 auto;
  background-color: rgba(0, 153, 255, 0.65);
}

.custom-toggler.navbar-toggler {
  margin-right: 15px;
  border-color: rgba(255, 255, 255, 0.8);
}

/*------------------------------------------------------------
main
------------------------------------------------------------*/

.page-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #2499CE;
}

.page-header h1 {
  color: #0099FF;
  font-size: 21px;
  font-weight: bold;
  line-height: 34px;
}

/**********************************************
topArea（ページタイトル直下、テーブルの上）
**********************************************/

#reporepo_admin_submenu_mail_list li a {
  color: #0099FF;
  font-weight: bold;
}

/**********************************************
tableArea
**********************************************/

.cardStyle header.title {
  padding: 24px;
  font-weight: bold;
  color: #0099FF;
}

/*------------------------------------------------------------
ボタン
------------------------------------------------------------*/

.btn-primary {
  background: linear-gradient(to bottom, #0099FF 0%, #0082D9 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #0099FF;
}

/*hover指定（button適用時含む）*/

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus, .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background: #00DBFF;
  border-color: #00DBFF;
  color: #fff;
}

/*クリックした後のグロー*/

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(100, 233, 255, 0.5)
}

/*クリックした後*/

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #B19CFF;
  border-color: #B19CFF
}

/*クリック時*/

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
  background-color: #02B7D5;
  border-color: #64E9FF
}

/*クリック時グロー*/

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(100, 233, 255, 0.5)
}

/*------------------------------------------------------------
secondary
------------------------------------------------------------*/

.btn-secondary {
  background-color: #7F8A94;
  border-color: #7F8A94;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:active.focus, .btn-secondary.active, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.active.focus, .open>.dropdown-toggle.btn-secondary, .open>.dropdown-toggle.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary.focus, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
  background: #5BC0DE;
  border-color: #5BC0DE;
  color: #fff;
}

.btn-warning {
  background: linear-gradient(to bottom, #A2CF47 0%, #91C130 100%);
  border-color: #A2CF47;
}

/*hover*/

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:active.focus, .btn-warning.active, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning, .open>.dropdown-toggle.btn-warning:hover, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
  background-color: #91C130;
  border-color: #91C130
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 .2rem rgba(128, 255, 0, 0.5)
}

/*クリックした後のグロー*/

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #91C130;
  border-color: #91C130
}

/*ナゾ*/

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle {
  background-color: #6c0;
  border-color: #60bf00
}

/*離した後の色*/

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(128, 255, 0, 0.5)
}

/*クリック時のグロー*/

/*ボタンデザイン効果
------------------------------------------------------------*/

.fab {
  /*シャドウ*/
  transition: .3s;
  /*滑らかな動きに*/
  /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);/*影*/
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 2px rgba(0, 0, 0, 0.24);
}

.gd {
  /*青グラデーション*/
  background: linear-gradient(to bottom, #0099FF 0%, #0082D9 100%);
}

/*------------------------------------------------------------
ページネーション
------------------------------------------------------------*/

.page-item.active .page-link {
  color: #fff;
  border: 1px solid #ccc;
  background-color: #0099FF;
}

.page-link:hover {
  background-color: #CCE8FF;
}

/***************************************************************
ページ別クラス
***************************************************************/

#reporepo_admin_submenu_mail_list li a {
  padding: 15px 0;
  border: 2px solid#0099FF;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#reporepo_admin_submenu_mail_list li a:hover {
  border-color: #5BC0DE;
  color: #5BC0DE;
}

/*------------------------------------------------------------
操作記録
------------------------------------------------------------*/

.target_change {
  padding: 16px 0;
}

.target_change .text {
  font-size: 16px;
  font-weight: bold;
  color: #0099FF;
}

/*------------------------------------------------------------
変更ウインドウ
------------------------------------------------------------*/

.message-header p {
  font-size: 20px;
  font-weight: bold;
  color: #0099FF;
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/

#footer {
  width: 100%;
  padding: 18px;
  border-top: 1px solid #ddd;
  background-color: #F4F7FA;
}

#copyright {
  font-size: 12px;
}