/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 *
 */

/*# sourceMappingURL=custom.css.map */

/* ヘッダメッセージエリア（主にエラーメッセージ用） */
.headmsg {
  color:#FFFFFF;
  background:#DC143C;
  padding:5px;
  border: 1px solid #BBBBBB;
  font-weight: bold;
}
/* 完了メッセージエリア */
.finishmsg {
  color:#FFFFFF;
  background:#0000FF;
  padding:5px;
  border: 1px solid #BBBBBB;
  font-weight: bold;
}

/* 必須入力項目 */
.required:after {
  content: " *";
  color: red;
}

/**
* カード
*/
.card-body {
  padding: 0 !important;
}
.card-footer {
  text-align: center;
  padding: 10px !important;
  background-color: #fcf8e3 !important;
}


/**
* アイコン
*/
/* 画面ヘッダ用(タイトル)アイコン定義 */
.icon-h {
  padding: 10px;
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -.0667em;
}
/* カードタイトル用アイコン定義 */
.icon-sub {
  padding: 5px;
  font-size: 1.1em;
}
/* 処理アイコン(詳細、削除など) */
.icon {
  padding-top: 5px;
  font-size: 2em;
}
.icon:hover {
  opacity: 1.5;
}


/**
* 検索条件項目
*/
.search-condition {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.search-condition .form-group {
  margin-bottom: 5px;
}
.search-condition .btn {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

/*// 202410 学生カルテ 学生検索の条件追加 大浜 START =>*/
.search-student-kaikokamoku-cond {
  margin-left: 30px;
  padding-left: 50px;
  cursor: pointer;
}
/*// 202410 学生カルテ 学生検索の条件追加 大浜 END <=*/

/**
* サイドメニュー
*/
.main-sidebar .sidebar-menu li a {
  height: auto;
  min-height: 50px;
}


/**
* ローダー
*/
#overlay {
  display   : none;
  position  : fixed;
  top       : 0;
  left      : 0;
  z-index   : 1000;
  width     : 100%;
  height    : 100%;
  text-align:center;
  font-size: 18px;
  color:Black;
  background-color: #EEEEEE;
  filter      : alpha(opacity=40);  /* IE 用 */
  -moz-opacity  : 0.4;              /* Firefox, Netscape 用 */
  opacity      : .40;               /* Opera, Safari 用 */
}
#loader {
  padding: 0;
  width: 82px;
  height: 82px;
  position: absolute;
  z-index: 9999;
  top:50%;
  left:50%;
  margin-top:-41px;
  margin-left:-41px;
}

/**
* テーブル
*/
/* レコード選択時 */
.table tr.selected {
  background-color: #8bbade !important;
}
/* 期間外レコード */
.table tr.out-notice-row td {
  color: #bbbbbb;
}


.table {
  width: 100%;
  margin-bottom: 0px !important;
}
.table th {
  background-color: #fcf8e3 !important;
}

.table th, .table td {
  padding: 5px 5px !important;
  /* height: auto !important; */
}
.table td .form-group {
  margin-bottom: 0px;
}


/**
* バッジ
*/
.badge {
  width: 100px;
  font-size: 11px;
  line-height: 0.5;
}
.badge-dotto {
  border-radius: 20px;
  border-style: dotted;
  text-align: center;
  line-height: 0.3;
}
/* 分類 バッジ */
.badge.badge-calling {
  background-color: #bd1756;
  color: #fff;
}
.badge.badge-news {
  background-color: #728f45;
  color: #fff;
}
.badge.badge-event {
  background-color: #336aac;
  color: #fff;
}
.badge.badge-event-attendance {
  background-color: #45878f;
  color: #fff;
}
.badge.badge-event-attendance-sp {
  background-color: #45878f;
  color: #fff;
  font-size: 12px;
}
.badge.badge-contact {
  background-color: #f8bf24;
  color: #fff;
}
.badge.badge-out-notice {
  background-color: #eeeeee;
  color: #999999;
}
.badge.badge-in-notice {
  background-color: #dfedf6;
  color: #006AB4;
}

/**
* モーダル
*/
.csv_modal, .gp_sel_modal, .ks_sel_modal, .ri_sel_modal, .to_sel_modal, .course_sel_modal {
  max-width: 73% !important;
}
.bbs_rep_modal, .ans_prev_modal {
  max-width: 73% !important;
}
.remodal .modal-content {
  position:relative;
  padding-top:61%;
}
.remodal .modal-content iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.icon-del-btn {
  font-size: 1.0em !important;
  color: red;
}
p.fixLink {
  text-align: right;
  margin: -10px 0px 0 0;
  padding: 0;
  position: fixed;
  right: 20px;
  top: 17px;
  z-index: 999900;
  filter : alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
p.fixLinkCntBtn {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 3px;
  position: fixed;
  bottom: 0px;
  width:100%;
  z-index: 999900;
  filter : alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
  background:Silver;
}


hr {
  border: #DDDDDD 1px dotted;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

/* セレクトボックス ストライプ */
select.select-striped option:nth-of-type(2n) {
  background-color: #eeeeee;
}

/* 学生、教職員対象者数 */
span#stcount, span#kscount, span#g_bumonCount {
  font-size: 25px;
  font-weight:bold;
}


/*  */
.form-row {
  margin-left: 0px;
}
.form-row .form-group:not(:first-child) {
  margin-left: .5em;
}
.form-row label {
  margin-right: .25em;
}

/* ラジオボタン表示定義 */
.selectgroup-input:focus + .selectgroup-button, .selectgroup-input:checked + .selectgroup-button {
  background-color: #f39939;
  color: #fff;
  z-index: 1;
}

@media (min-width: 768px) {
  .d-md-table-row-group {
    display: table-row-group!important;
  }
}

.break-all {
  word-break: break-all;
}
