@main-bgColor: rgb(40,40,40); //主背景颜色
@borderColor: #424242;
@primary-color:#1CC0F3;
@primary-textColor: #fff; //文本主颜色
@second-textColor: #CBCBCB; //文本副级颜色
@primary-fontSize: 14px;
@second-fontSize: 16px;

.component-questionnaire {
	position: relative;
    width: 100%;
    height: 100%;
	min-height: 100vh;
    background: #fff;
    padding: 30px 6%;
	padding-bottom: 100px;
	

	
	.tools-bar{
		width: 100%;
		border-bottom: 1px dashed  #CCCCCC;
		margin-bottom: 20px;
		padding-bottom: 20px;
		display: flex;
		align-items: center;
		
		.ivu-btn:not(:first-child){
			margin-left: 20px;
		}
	}
	
	.no-data-text {
	    width: 100%;
	    padding: 30px;
	    background: #fff;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    margin-top: 10px;
	    font-size: 16px;
	}
    
    .qn-title{
        text-align: center;
        font-size: 26px;
        font-weight: bold;
    }

    .qn-description{
        font-size: 14px;
        font-weight: bold;
        margin-top: 20px;
        color:#909090;
		text-indent: 30px;
    }

    .qn-item-box{
		
		
        .qn-item{
			position: relative;
			display: flex;
            margin: 10px 0;
            font-size: 16px;
            font-weight: bold;
			padding: 20px;
			user-select: none;
			cursor: move;
			
			&-content{
				flex: 1;
			}
			
			&-charts{
				width: 20%;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
			}
			
			.qn-stem p{
				display: inline-block;
			}
			
			&:hover{
				background: #ececec;
				
				.qn-tools{
					visibility: visible;
				}
			}
			
            .ivu-radio-wrapper{
                margin: 20px 40px 20px 10px;
				
				.ivu-radio{
					margin-right: 5px;
				}
            }
			
			.ivu-checkbox-wrapper{
			     margin: 20px 40px 20px 10px;
				
				.ivu-checkbox{
					margin-right: 5px;
				}
				
			}
			
			.ivu-checkbox-disabled+span{
				color:inherit !important;
			}
			
			.qn-tools{
				position: absolute;
				display: flex;
				top: -30px;
				right:0;
				font-size: 14px;
				background: #00ae9b;
				color:#fff;
				visibility: hidden;
				
				.qn-tools-item{
					padding: 5px 10px;
					cursor: pointer;
					
					&:not(:last-child){
						margin-right: 15px;
					}
					
					&:hover{
						background: #2597ae;
					}
					
					span{
						margin-left: 5px;
					}
				}
			}
        }
    }
	
	.indexFade-enter-active, .indexFade-leave-active {
	  transition: all .4s;
	}
	.indexFade-enter, .indexFade-leave-active {
	  transform: translate3d(0, 3rem, 0);
	  opacity: 0;
	}
}


	.survey-modal{
		
		.ivu-modal-body{
			height: 600px !important;
		}
		
		.modal-header{
			font-weight: 400;
			font-size: 16px;
		}
	}