.cly-vue-data-manager{
    &__transform-icon {
        height: 20px;
        width: 26px;
        border-radius: 4px;
        background: #81868D;
        padding: 1px 5.5px 1.5px 6px;
        margin-left: 2px;
        vertical-align: middle;
    }
    &__hidden-icon{
        color: #fff;
        background: #A7AEB8;
        border-radius: 4px;
        height: 20px;
        width: 26px;
        padding: 1px 4px 1.4px 3.5px;
        margin-left: 2px;
        vertical-align: middle;
    }
    &__clickable{
        &:hover {
            text-decoration: underline;
        }
    }
    .tag-container{
        font-size: 12px;
        .bu-tag {
            padding-left: 6px;
            padding-right: 6px;
            height: 18px;
            padding-top: 1px;
            padding-bottom: 1px;
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 4px;
            text-transform: capitalize;
        }
        .blinker{
                margin-right:6px;
        }
        .tag{
            &--unplanned{
                background-color: #FBECE5;
                color:#D23F00;
                .blinker{
                    background-color: #D23F00;
                }
            }
            &--created{
                background-color: #E6F0FB;
                color:#017AFF;
                .blinker{
                    background-color: #017AFF;
                }
            }
            &--approved{
                background-color: #E6F0FB;
                color:#017AFF;
                .blinker{
                    background-color: #017AFF;
                }
            }
            &--live{
                background-color: #EBFAEE;
                color:#10A14A;
                .blinker{
                    background-color: #10A14A;
                }
            }
            &--blocked{
                background-color: #FBECE5;
                color:#D23F00;
                .blinker{
                    background-color: #D23F00;
                }
            }
            &--deleted{
                background-color: #FBECE5;
                color:#D23F00;
                .blinker{
                    background-color: #D23F00;
                }
            }
        }
    }

    &__validation{
        &-action-bar{
            background: #FBECE5;
            padding-top: 14px;
            padding-bottom: 14px;
            border: 1px solid rgba(227, 79, 47, 0.25);
            border-radius: 12px;
            box-sizing: border-box;
        }
    }

    &__box-container {
        &--boxed {
            border: 1px solid #ececec;
            border-radius: 4px;
            .cly-vue-section__content{
                border-top: 0px;
                border-bottom: 0px;
                border-radius: 4px;
            }
        }
        
        &__table {
            width: 100%;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 0 20px;
            tr td:nth-child(1) {
                font-weight: 500;
                vertical-align: baseline;
            }
        }
    }

    &__mci {
        &--block {
            height: 70px;
            border-top: 1px solid #ECECEC;
        }

        &:last-child {
            .cly-vue-data-manager__mci--block {
                border-bottom: 1px solid #ECECEC;
            }
        }
    }

    &-segments-drawer {
        .cly-vue-form-step__section-group--filled{
            padding:20px;
        }
        &__name {
            min-width:160px;
        }
        &__radio {
            .el-radio__label {
                white-space: normal;
            }
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type=number] {
            appearance: textfield;
        }
    }

    &-property-drawer {
        &__expire-input{
            .el-input__inner{
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
        }
        &__expire-button{
            margin-left: -4px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            &:focus{
                border-color: #E2E4E8;
            }
            &:active{
                border-color: #E2E4E8;
            }
            &:hover{
                border-color: #E2E4E8;
            }
        }
    }

    &__dropzone{
        width: 548px !important;
        &__content{
            height: 214px;
            padding-top: 71px
        }
        &__preview{
            font-size: 14px;
            font-weight: 400;
            min-height: 69px;
            height: 69px;
            cursor: default;
            .dz-remove {
                color: #D23F00;
                cursor: pointer !important;
            }
        }
        .dz-max-files-reached{
            border: 1px solid #ECECEC !important;
            min-height: 69px !important;
        }
        #import-schema-dropzone{
            width: 516px;
            border: 1px dashed #0166D6;
            border-radius: 4px;
            margin: 16px 0px 16px 0px;
            padding: 0px;
            &:hover{
                background: #f5f5f5;
            }
            .dz-preview{
                margin-top: 24px;
            }
            .dz-filename{
                margin-bottom: 8px;
            }
            .dz-remove{
                margin-bottom: 10px;
            }
            .dz-filename::before{
                content: url('/data-manager/images/upload-icon.svg');
                vertical-align: middle;
                display: inline-block;
                margin-right: 8px;
            }
        }
    }
    .cly-vue-diff-helper{
        z-index: 2000 !important;
    }
    &__alerts {
        width:unset;
        a {
                text-decoration: underline
        }
    }
}