.pl-container {
	position: relative;
    height: 100%;
    width: 98%;
    margin: 0 auto;
    user-select: none;
}

.pl-filter-wrap {
    
        width: 100%;
        padding: 20px;
        background: #fff;

    .filter-item:first-child {
        margin-top: 0px;
    }

    .filter-item {
        margin-top: 10px;
    }

    .filter-title {
        font-size: 16px;
        font-weight: bold;
        margin-right: 10px;
    }

    .ivu-radio-group {
        padding-bottom: 4px;
    }

    .ivu-radio-wrapper {
        padding: 0 10px;
        margin-left: 15px;
        height: 28px;
        line-height: 28px;
        box-shadow: none !important;
        border: none !important;
        font-size: 14px;
        border-radius: 0 !important;
    }

    .ivu-radio-wrapper .ivu-icon {
        margin-bottom: 2px;
    }

    .ivu-radio-wrapper:after, .ivu-radio-group-button .ivu-radio-wrapper:before {
        content: none;
    }

    .ivu-radio-group-item {
        border-radius: 5px !important;
    }

    .ivu-radio-wrapper-checked {
        background: rgb(16, 171, 231);
        box-shadow: none !important;
        color: white;
    }

    .ivu-radio-group-button .ivu-radio-wrapper-checked:hover {
        color: #fff !important;
    }



    .ivu-checkbox-group {
        padding-bottom: 4px;
        display: inline-block;
    }

    .ivu-checkbox-inner,
    .ivu-checkbox-checked,
    .ivu-checkbox {
        display: none;
    }

    .ivu-checkbox-wrapper {
        padding: 0 10px;
        margin-left: 15px;
        height: 28px;
        line-height: 28px;
        box-shadow: none !important;
        border: none !important;
        font-size: 14px;
        border-radius: 0 !important;
    }

    .ivu-checkbox-wrapper .ivu-icon {
        margin-bottom: 2px;
    }

    .ivu-checkbox-wrapper:after, .ivu-checkbox-group-button .ivu-checkbox-wrapper:before {
        content: none;
    }

    .ivu-checkbox-group-item {
        border-radius: 5px !important;
    }

    .ivu-checkbox-wrapper-checked {
        background: rgb(16, 171, 231);
        box-shadow: none !important;
        color: white;
    }

    .ivu-checkbox-group-button .ivu-checkbox-wrapper-checked:hover {
        color: #fff !important;
    }
}

.pl-content-wrap {
    width: 100%;
	position: relative;
    .fl-col-center;

    .paper-item {
        position: relative;
        width: 100%;
        height: 90px;
        background: White;
        margin-top: 10px;
		padding-left: 10px;
        .fl-col-center;
        align-items: flex-start;
        cursor: pointer;

        &-name {
            font-size: 20px;
            font-weight: bold;
            .fl-row-center;
        }

        &-tag {
            font-size: 12px;
            padding: 1px 10px;
            border-radius: 5px;
            color: #fff;
            background: #15a06c;
            margin: 0 10px;
        }

        &-info {
            margin-top: 15px;

            .info-item {
                font-size: 12px;
                padding: 0 10px;

                .info-bold {
                    font-weight: bold;
                    color: #494949;
                }
            }

            .info-item:not(:last-child) {
                border-right: 2px solid #f3f3f3;
            }
        }

        &-tools {
            position: absolute;
            height: 100%;
            right: 50px;
            top: 0;
            font-size: 16px;
            .fl-row-center;
            display: none;
			
			.ivu-icon{
				margin-right: 5px;
			}

            &-delete{
                // font-weight:bold;
            }
			
			&-edit{
				// font-weight:bold;
				margin-right: 30px;
			}
        }

        &:hover {
            .paper-item-tools {
                display: flex;
            }
        }
		
		 &-select{
			 position: absolute;
			 height: 100%;
			 right: 50px;
			 top: 0;
			 font-size: 14px;
			 .fl-row-center;
		 }
    }
	
	
	.pl-review-wrap{
		width: 100%;
		display: flex;
		
		&-left{
			width: 75%;
		}
		
		&-right{
			position: relative;
			flex:1;
			margin: 30px 0 20px 30px;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 30px 20px 0 20px;
			
			.btn-back-list{
				position: absolute;
				right: 20px;
				top: 10px;
				color: gray;
				cursor: pointer;
			}
		}
	}
	
	.pl-answersheet-wrap{
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

.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;
}

.fl-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fl-row-center {
    display: flex;
    justify-content: center;
    align-items: center;
}