.create-or-edit-event-body {
    margin-left: 20px;
    margin-right: 20px;
    padding: 1rem 0;

    .event-transverse {
        width: 100%;
        margin: 1rem auto;

        .event-title {
            float: left;
            width: 28%;
            line-height: 30px;
            text-align: right;
            padding-right: 15px;
            white-space: nowrap;

            .star {
                color: red;
            }
        }

        .event-input {
            margin-left: 28%;
            width: 350px;
            .storage-time-types ::ng-deep.ng-star-inserted{
                color:#999;
            }
            .ui-inputgroup-addon {
                height: 30px;
                margin-left: 10px;
                padding-top: 0px !important;
            }

            input {
                width: 100%;
                height: 30px;
            }

            select {
                width: 100%;
                height: 30px;
            }

            .open-event-choose-btn {
                height: 30px;
                width: 30px;
                background-color: white;
                border: 1px solid #b5c2ca;
                cursor: pointer;

                span {
                    color: #3695FF;
                }
            }

            button[disabled] {
                border: 1px solid #C4C6CF;
                background-color: #F2F3F7;
                height: 30px;
            }

            .input-number {
                width: 50% !important;
                margin-right: 10px;
            }

            .variable-value {
                width: 80px;
                white-space: nowrap;
            }

            .condition {
                display: inline-block;
                width: 70px;
                margin-left: 5px;
            }

            .operand {
                display: inline-block;
                vertical-align: top;
                width: 70px;
                margin-left: 5px;
            }

            .trigger-rule-last {
                width: 93px;
                display: inline-block;
                margin-left: 5px;
            }

            .event-message {
                color: #666666;
                padding-left: 4px;
                border: 1px solid #d7dbe5;
            }

            .textarea {
                resize: none;
            }
        }

        .has-danger {
            margin-left: 0;
        }

        .trigger-rule-position {
            position: relative;
        }
    }
}

.create-or-edit-event-wrap{
    .fe-modal-header {
        border-bottom: 1px solid #f4f4f4;
    
        .fe-modal-header-title {
            line-height: 50px;
        }
    }
    .modal-content .modal-body {
        padding-bottom: 0;
    }
    .event-transverse:last-child {
        margin-bottom: 0;
    }
    
    .fe-btn.fe-btn-default.fe-btn-save.save-and-import {
        width: auto;
        padding: 0 10px;
    }
    
    .event-border-bottom {
        border-bottom: 1px solid #f4f4f4;
    }
    
    .event-level-content {
        cursor: pointer;
        width: calc(60% - 20px);
    
        .event-level-button {
            width: 25%;
            height: 30px;
            float: left;
            border: 1px solid #C4C6CF;
            display: flex;
            justify-content: space-around;
            align-items: center;
    
            .level-color {
                width: 16px;
                height: 16px;
            }
        }
    
        .event-level-button.active {
            background-color: #EBECF0;
        }
    
        .level-one {
            .level-color {
                background-color: #3695FF;
            }
        }
    
        .level-two {
            .level-color {
                background-color: #FFE900;
            }
        }
    
        .level-three {
            .level-color {
                background-color: #FFA800;
            }
        }
    
        .level-four {
            .level-color {
                background-color: #E84F4F;
            }
        }
    
        .event-level-button:not(:last-child) {
            border-right: 0;
        }
    }
    
    select:invalid {
        color: gray !important;
    }
    
    option[disabled] {
        display: none !important;
    }
    
    option {
        color: black !important;
    }
    
    .select-search {
        float: left;
        width: 260px;
        margin-left: 22%;
        padding: 8px;
        background-color: #eee;
    }
    
    select option {
        color: rgba(0, 0, 0, 0.6);
    }
    
    input.ng-touched.ng-invalid {
        outline: none !important;
        border: 1px solid #f4516c;
    }
    
    textarea.ng-touched.ng-invalid {
        outline: none !important;
        border: 1px solid #f4516c !important;
    }
    
    .tab-container .tabbable-line {
        ul {
            margin-left: 20px;
        }
    }
    .font-size-12px{
        font-size: 12px;
    }
    .error-tips {
        color: #f4516c;
    }
    .prompt{
        cursor: pointer;
        position: relative;
    }
    
    .prompt:hover > div{
        display:block;
    }
    .prompt-message{
        display: none;
        text-align: left;
        z-index: 100;
        position: absolute;
        width: 200px;
        background: #fff;
        padding: 5px;
        font-size: 11px;
        color: #999;
        box-shadow: 5px 5px 15px #ccc;
    }
}