/** 培训管理 **/
#app-navigation ul li.menu-class {
    background-image: url("icons/menu-class.png");
}

#app-navigation ul li.menu-class.selected {
    background-image: url("icons/menu-class-selected.png");
}

#app-navigation ul li.menu-materials {
    background-image: url("icons/menu-materials.png");
}

#app-navigation ul li.menu-materials.selected {
    background-image: url("icons/menu-materials-selected.png");
}

#app-navigation ul li.menu-record {
    background-image: url("icons/menu-record.png");
}

#app-navigation ul li.menu-record.selected {
    background-image: url("icons/menu-record-selected.png");
}

#app-navigation ul li.menu-question-bank {
    background-image: url("icons/menu-question-bank.png");
}

#app-navigation ul li.menu-question-bank.selected {
    background-image: url("icons/menu-question-bank-selected.png");
}

#app-navigation ul li.menu-violation-record {
    background-image: url("icons/menu-violation-record.png");
}

#app-navigation ul li.menu-violation-record.selected {
    background-image: url("icons/menu-violation-record-selected.png");
}

#app-navigation ul li.menu-certificate {
    background-image: url("icons/menu-certificate.png");
}

.training-buttons {
    float: right;
}

.stick-bar {
    background: rgba(220, 220, 220, 0.8);
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 88%;
    z-index: 999;
}
.page{
    padding:20px 0;
}
.page li{
    display: inline-block;
    margin:0 4px;
}
.page li a{
    display: inline-block;
    height:30px;
    line-height: 30px;
    border:1px solid #ddd;
    color:#555;
    padding:0 10px;
}
.page li a:hover,.page li a.current{
    background-color: #F9924B;
    color:#fff;
}

.question-table .question, .training-button{
    text-align:center;
}

.class-title {
    display: block;
    color: #557996;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
}

.header-tip {
    font-size: 14px;
    margin: 10px 0px;
}

.exam-paper-score {
    color: #F9924B;
}

.submit-question-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.exam-paper-div {
    display: inline-block;
    border-bottom: 3px solid #008C8C;
    line-height: 30px;
    color: #557996;
    font-size: 16px;
}

.exam-score {
    font-size: 14px;
    color: #F9924B;
}

.content-title {
    font-size: 14px;
    padding: 5px 0px;
}

.option-content {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.option-value {
    margin-left: 5px;
    margin-right: 15px;
}

.period-name {
	cursor: pointer;
}

.status-img {
	width: 15px;
}

.workflow-find-tab-bar .button-bar, .course-find-tab-bar .button-bar{
    margin-bottom: 0;
}

.workflows .selected, .courses .selected {
    background: #F9924B;
}

.preview-image {
    width: 100px; /* 设置最大宽度 */
    height: 100px; /* 设置最大高度 */
}

.draggable-content {
    display: inline-block !important;
}

.answer-error{
    color:red;
}