/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.fruity .text-info, .fruity .text-primary, .fruity .text-success {
  color: var(--bs-body-color) !important;
}

.fruity a {
    color: #0d6efd;
    text-decoration: none;
}

.fruity a:hover {
    color: #0d6efd;
    text-decoration: underline;
}

/*
.em_num_answers :not(span) {
  color: var(--bs-body-color) !important;
}
*/

/* 次へボタン：色変更保留
.fruity .btn-primary, .fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover {
  background-color: blueviolet;
  border: 1px solid blueviolet;
}
*/

/* 戻るボタン：色変更保留
.fruity .btn-outline-secondary {
  background-color: hsla(0,0%,100%,.2);
  border: 1px solid blueviolet;
  color: blueviolet;
}
*/

/* Bootstrapはい/いいえボタンの選択項目*/

.fruity .btn-check:checked + .btn-primary {
    background-color: #0d6efd;
}

.yellow-marker {
    background:linear-gradient(transparent 60%, #ff6 60%);
}
    

/* 警告メッセージのdivコンテナラッパー*/
.alert-wrapper {
  /* 子要素を水平方向の中央に配置する */
  display: flex;
  justify-content: center;
}
    
/* 警告メッセージのdivコンテナ */
.alert-container {
  background-color: #f8d7da; /* 背景色 */
  color: #721c24; /* テキスト色 */
  padding: 10px; /* 内側の余白 */
  border: 1px solid #f5c6cb; /* 枠線 */
  border-radius: 4px; /* 角丸 */
  display: inline-block; /* テキストの幅に合わせるためにインラインブロック要素に設定 */
  text-align: center; /* コンテナを水平方向に中央揃え */
}

/* 警告メッセージのテキストスタイル */
.alert-text {
  font-weight: bold; /* フォントの太さ */
}

p.alert-text {
    margin-bottom: 0;
    margin-top: 0;
}

/* 成功メッセージのdivコンテナラッパー*/
.success-wrapper {
  /* 子要素を水平方向の中央に配置する */
  display: flex;
  justify-content: center;
}
    
/* 成功メッセージのdivコンテナ */
.success-container {
  background-color: #d4edda; /* 背景色 */
  color: #155724; /* テキスト色 */
  padding: 10px; /* 内側の余白 */
  border: 1px solid #c3e6cb; /* 枠線 */
  border-radius: 4px; /* 角丸 */
  display: inline-block; /* テキストの幅に合わせるためにインラインブロック要素に設定 */
  text-align: center; /* コンテナを水平方向に中央揃え */
}

/* 警告メッセージのテキストスタイル */
.success-text {
  font-weight: bold; /* フォントの太さ */
}

p.success-text {
    margin-bottom: 0;
    margin-top: 0;
}