/******************
    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
*/
/*隐藏组名和必填项星号标识*/
.group-title,.asterisk,.top-container,.group-description{ display: none;}

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .navbar{
      background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: -o-linear-gradient(#54b4eb,#2fa4e7 60%,#1d9ce5);
    background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-repeat: no-repeat;
    border-bottom: 1px solid #178acc;
    filter: none;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    color:#fff;

  }
  
  .navbar-brand{padding:15px 0 0 30px; color:#fff;}
  
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
    color: #fff;
}
 .navbar-light .navbar-nav .nav-link ,.navbar-light .navbar-toggler,span.navbar-toggler-icon{
    color: #fff;
}
  
  .space-col {
    margin-top: 0em;
    margin-bottom: 1em;
}
.question-title-container{font-weight: bold; font-size:18px; color:#1976af}
span.text-muted.question-code{
    background-color: #1976af;
        display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 3px;
  }
  .ls-questionhelp {  font-size: 14px; padding-top:10px;font-weight: normal; }
  
  .question-container {
    margin-bottom: 2em;
    border: 1px solid #e7e7e7;
    background-color: #FFF;
    border-radius: 5px;
}
.question-title-container{background-color: #f8f8f8;border-bottom: 1px solid #e7e7e7;}


.radio-item label, .checkbox-item label, checkbox-label{
    display: block;
}

.answers-list li{border-bottom: 1px solid #efefef; padding-bottom:10px;margin-right: 0;}

input[type='radio']:checked + li, input[type='radio']:checked + li label.label-radio, input[type='radio']:checked + li label.label-radio:before, input[type='checkbox']:checked + li label.checkbox-label, input[type='checkbox']:checked + li label.answertext, input[type='checkbox']:checked + li label.answertext:before {
    color: #ffffff;
    background-color: #496b38;
    background-image: -webkit-linear-gradient(#638f4d, #496b38);
}

.asterisk{font-size:12px;font-weight: normal; }


/**调整100%统计文字显示**/

/* 基础容器：恢复上下分行，整体左对齐 */
.ls-group-dynamic.ls-group-total,
.ls-group-dynamic.ls-group-remaining {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

/* 左侧标签固定统一宽度、文字右对齐，保证数字上下对齐 */
.ls-group-dynamic .control-label {
    flex: 0 0 70px !important;
    width: 70px !important;
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 数字区域紧凑横向排列，清除所有内边距外边距 */
.ls-group-dynamic .ls-input-group {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* 数字无多余留白 */
.ls-group-dynamic .dynamic-total,
.ls-group-dynamic .dynamic-remaining {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 百分号紧贴数字，零间距 */
.ls-group-dynamic .suffix-text {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 显示总计隐藏的%符号 */
.ls-group-total .suffix-text.d-none {
    display: inline-flex !important;
}

/* 分隔线对齐适配，和数字区域对齐 */
.ls-group-total-separator-row {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    margin: 4px 0;
}

.ls-group-total{padding-left: 10px;}
.ls-group-total-separator-row .col-12.col-md-4 {
    flex: 0 0 70px !important;
    width: 70px !important;
    padding: 0 !important;
}
.ls-group-total-separator hr {
    margin: 0 !important;
}

/* 如需隐藏中间分隔线，取消下面注释 */

.ls-group-total-separator-row {
    display: none !important;
}



/**调整100%统计文字显示**/








@media only screen and (max-device-width: 760px) {
    .answer-container{
        padding: 20px;
    }
    .question-title-container {
    font-size: 17px;
}
}


/* 手机端适配：小于Bootstrap5 xs断点576px */
@media (max-width: 575.98px) {
  /* 取消表格原生布局，改为弹性换行 */
  .ls-answers.table-array-radio tr {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #dee2e6;
    margin-bottom: 1rem;
  }

  /* 关键修复：JS隐藏行强制覆盖flex布局，实现隐藏 */
  .ls-answers.table-array-radio tr.ls-hidden {
    display: none !important;
  }

  /* 表头单独处理，横向滚动备用（可选） */
  .ls-answers.table-array-radio thead tr {
    display: none;
  }

  /* 左侧产品名称th独占整行100%宽度 */
  .ls-answers.table-array-radio tbody tr > th.answertext {
    flex: 0 0 100%;
    box-sizing: border-box;
    padding: 0.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
  }

  /* 每个分数单选单元格：宽度50%，一行2个，左内边距10px */
  .ls-answers.table-array-radio tbody tr > td.answer-item {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0.4rem 0.4rem 0.4rem 2rem; /* 左侧padding远离边框 */
    text-align: left; /* 文字左对齐 */
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center; /* 单选框垂直居中 */
    gap:6px; /* 单选按钮和文字间距 */
  }

  /* 清除colgroup固定宽度干扰 */
  .ls-answers colgroup {
    display: none;
  }

  /* 修正表格边框冲突 */
  .table.table-bordered {
    border: none;
  }
  .table.table-bordered > :not(caption) > * > * {
    border-width: 1px;
  }

  /* 单选框取消块级居中，跟随文字左排 */
  .ls-answers.table-array-radio tbody tr > td.answer-item input {
    margin: 0;
    display: inline-block;
  }
}