@main-bgColor: rgb(40,40,40); 
@borderColor: #424242;
@primary-color:#1CC0F3;
@primary-textColor: #fff; 
@second-textColor: #CBCBCB; 
@primary-fontSize: 14px;
@second-fontSize: 16px;

.component-qn-form {
    padding: 20px 20px 50px 20px;
	
	.vote-class{
		display: flex;
		flex-wrap: wrap;
		
		&-item{
			background-color: @primary-color;
			color:@primary-textColor;
			height: 28px;
			line-height: 28px;
			padding: 0 10px;
			font-size: 12px;
			border-radius: 2px;
			margin: 10px 4px;
		}
	}

    .ivu-form .ivu-form-item-label {
        color: @second-textColor;
    }

    .ivu-form-item:not(:first-child) {
        margin-top: 30px;
    }

    .ivu-form .btn-save {
        width: 48%;
        background: @primary-color;
        border: none;
        height: 38px;
    }

    .ivu-form .btn-reset {
        width: 48%;
        border: none;
        height: 38px;
    }

    .ivu-input::-webkit-input-placeholder {
        color: #939393;
    }

    .ivu-input, .ivu-select-single .ivu-select-selection,
    .ivu-select-multiple .ivu-select-selection {
        background: #353535;
        border: none;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        color: @primary-textColor;
    }

    .ivu-select-multiple .ivu-select-selection {
        height: auto;
    }

    .ivu-tag {
        border: none;
        background: @primary-color;
        height: 28px;
        line-height: 28px;

        i {
            top: 8px;
            color: #fff;
        }

        .ivu-tag-text {
            color: #fff;
        }
    }

    .ivu-select {
        color: @second-textColor;
    }

    .ivu-input-prefix i, .ivu-input-suffix i {
        line-height: 60px;
    }

    .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
    .ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
    .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
        height: 40px;
        line-height: 40px;
    }

    .ivu-date-picker {
        width: 100%;
        margin-top: -20px;
    }

    .ivu-radio-wrapper, .ivu-checkbox-wrapper {
        color: @second-textColor;
    }

    .ivu-radio-wrapper:not(:first-child),
    .ivu-checkbox-wrapper:not(:first-child) {
        margin-left: 15px;
    }

    .ivu-radio-inner:after {
        background: @primary-color;
    }

    .ivu-upload-drag {
        background: #353535;
        margin-top: 10px;
        border: 1px dashed #6c6e71;
        color: @second-textColor;

        .ivu-icon {
            color: @primary-color;
            font-weight: bold;
        }
    }

    .ivu-checkbox-group {
        margin-left: 5px;
    }

    .ivu-checkbox-checked .ivu-checkbox-inner {
        border-color: @primary-color;
        background: @primary-color;
    }

    .ivu-upload-list-file,
    .ivu-upload-list-file > span i {
        color: @second-textColor;
        margin-right: 5px;
    }

    .ivu-upload-list-file:hover {
        background: #3b3b3b;

        span {
            color: @second-textColor;
        }
    }

    .ivu-upload-list-remove {
        margin-top: 5px;
        font-size: 22px;
    }

    .btn-choose-content {
        position: absolute;
        right: 10px;
        top: -43px;
        text-decoration: underline;
        color: aquamarine;
        cursor:pointer;
    }

    .ivu-select-single .ivu-select-selection .ivu-select-placeholder {
        color: #939393;
    }

    .w-e-toolbar {
        background: @main-bgColor !important;
        border-color: @borderColor !important;
        margin-top: 10px;
        z-index: 1 !important;
    }

    .w-e-text-container {
        background: #3b3b3b;
        border-color: @borderColor !important;
        z-index: 0 !important;
    }

    .w-e-text {
        color: #fff;
        &::-webkit-scrollbar {
            width: 4px;
            height: 16px;
            background-color: #0E0D0D;
        }
        &::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius: 10px;
            background-color: #484848;
        }
        &::-webkit-scrollbar-thumb {
            border-radius: 0;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #989191;
        }
    }

    .qn-form-disabled {

        .ivu-input, .ivu-select-single .ivu-select-selection,
        .ivu-select-selection,
        .ivu-date-picker-focused input {
            background: transparent;
            border: none;
            font-size: @second-fontSize;
            font-weight: bold;
            box-shadow: none;
        }

        .ivu-icon {
            display: none !important;
        }

        .ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag) {
            margin-right: 10px;
        }
    }
}