#aggccHelpSection {
    margin-bottom: 20px;
    line-height: 18px;
    width: 800px;
}

#aggAddNewCC {
    line-height: 16px;
    border-radius: 0;
    margin: 0;
}

    #aggAddNewCC.Disabled {
        cursor: default;
    }

    #aggAddNewCC .AddAggIcon {
        font-size: 13px;
        margin-right: 4px;
    }

        #aggAddNewCC .AddAggIcon.Working {
            width: 16px;
            height: 14px;
            background: url("images/loading.gif") no-repeat center center;
            display: inline-block;
        }

            #aggAddNewCC .AddAggIcon.Working::before {
                content: "";
            }

#aggAddColButtonText {
    vertical-align: middle;
}

#aggccSection .FlexContainer {
    display: flex;
    position: relative;
}

#aggccSection > .aggccRow {
    flex-direction: column;
    border: 1px solid #fff;
    width: 1000px;
}

    #aggccSection > .aggccRow .aggccInput .aggccInputLabel {
        font-weight: bold;
        max-width: 275px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #aggccSection > .aggccRow .aggccInput select {
        width: 250px;
        margin-top: 0px; /* for charts */
    }


#aggccSection .formulaTextArea {
    height: 200px;
}

#aggccSection .aggFormulaHelperContainer {
    margin-top: 5px;
}

    #aggccSection .aggFormulaHelperContainer > * {
        display: inline-block;
    }

    #aggccSection .aggFormulaHelperContainer > a {
        margin-right: 100px;
        vertical-align: top;
    }



/* State where user isnt editing */
#aggccSection .EditableAggRow {
    padding-left: 10px;
}

    #aggccSection .EditableAggRow .EditableInput {
        display: none;
    }

    #aggccSection .EditableAggRow .aggccInput {
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap;
        position: relative;
        border-left: 1px solid #d8d6d9;
        line-height: 20px;
    }

        #aggccSection .EditableAggRow .aggccInput:first-of-type {
            border: none;
        }

    #aggccSection .EditableAggRow .aggccInputLabel {
        display: inline-block;
        vertical-align: middle;
    }

#aggccSection .EditableAggRow {
    margin-bottom: 6px;
    border-radius: 2px;
    background-color: #f7f7f8;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 1px solid #d8d6d9;
    border-radius: 2px;
}

    /* On edit */
    #aggccSection .EditableAggRow.Editing {
        padding-left: 0px;
        background-color: #eefafe;
        border: 1px solid #ace7e8;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #aggccSection .EditableAggRow.Editing .aggccInput {
            border: none;
            padding-right: 0;
        }

        #aggccSection .EditableAggRow.Editing .aggccInputLabel {
            display: none;
        }

        #aggccSection .EditableAggRow.Editing .EditableInput {
            display: inline-block;
        }


    /* Icons */
    #aggccSection .EditableAggRow .iconsContainer {
        position: absolute;
        right: 0;
        top: 17px;
    }

        #aggccSection .EditableAggRow .iconsContainer .VerticalDivider {
            border-right: 1px solid #d8d6d9;
            height: 27px;
            position: absolute;
            right: 48px;
            top: -7px;
        }

    #aggccSection .EditableAggRow .EditAggIcon,
    #aggccSection .EditableAggRow .SaveAggChangesIcon {
        cursor: pointer;
        font-size: 18px;
        position: relative;
        margin-right: 30px;
        padding-right: 15px;
        color: #07040d;
    }

    #aggccSection .EditableAggRow .removeCalColButton,
    #aggccSection .EditableAggRow .ClearAggChangesIcon {
        position: relative;
        right: 18px;
        font-size: 18px;
        cursor: pointer;
        color: #07040d;
    }

    #aggccSection .EditableAggRow .ClearAggChangesIcon {
        font-size: 13px;
        color: #07040d;
        right: 21px;
    }

    #aggccSection .EditableAggRow .SaveAggChangesIcon {
        font-size: 16px;
        color: #7ec352;
        font-weight: bold;
        margin-right: 33px;
    }

    #aggccSection .EditableAggRow .removeCalColButton,
    #aggccSection .EditableAggRow .EditAggIcon,
    #aggccSection .EditableAggRow .ClearAggChangesIcon {
        opacity: .5;
    }

        #aggccSection .EditableAggRow .EditAggIcon:hover,
        #aggccSection .EditableAggRow .removeCalColButton:hover,
        #aggccSection .EditableAggRow .ClearAggChangesIcon:hover {
            opacity: 1;
        }

    #aggccSection .EditableAggRow .SaveAggChangesIcon:hover {
        color: #65a93d;
    }

    #aggccSection .EditableAggRow .removeCalColButton,
    #aggccSection .EditableAggRow .EditAggIcon {
        display: inline-block;
        top: -2px;
    }

    #aggccSection .EditableAggRow .SaveAggChangesIcon,
    #aggccSection .EditableAggRow .ClearAggChangesIcon {
        display: none;
    }

    #aggccSection .EditableAggRow.Editing .removeCalColButton,
    #aggccSection .EditableAggRow.Editing .EditAggIcon {
        display: none;
    }

    #aggccSection .EditableAggRow.Editing .SaveAggChangesIcon,
    #aggccSection .EditableAggRow.Editing .ClearAggChangesIcon {
        display: inline-block;
    }

#aggccSection .removeCalColButton:hover {
    color: red;
}

#aggccSection .LoadingIcon {
    display: none;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("images/loading.gif") no-repeat center center;
    position: absolute;
    right: 18px;
    top: 15px;
}

#aggccSection .EditableAggRow.Working .iconsContainer {
    display: none;
}

#aggccSection .EditableAggRow.Working .LoadingIcon {
    display: inline-block;
}

#topTable .aggFormulaHelperContainer .FS-Note,
#ReportBuilderWrapper .aggFormulaHelperContainer .FS-Note {
    display: none;
}