@border-color: #d4d4d4;
@margin-left: 60px;
@container-width: 970px;

.flex-col-start {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.business-unit {
    padding-top: 20px;
    height: 100%;

    .border-right {
        /*border-right: 1px solid @border-color;*/
    }

    .business-unit-containers {
        margin-left: @margin-left;
        height: 100%;
        .flex-col-start;
        padding-bottom: 10px;

        > div {
            border: 1px solid #d4d4d4;
            border-radius: 5px;
            flex-grow: 1;
            .flex-col-start;

            .buttons-container {
                padding-top: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #cdcdcd;
            }

            .list-container {
                flex-grow: 1;
                
                .business-unit-list-grid {
                    border: 0;

                    .ui-grid-row {
                        line-height: 40px !important;
                    }
                    
                    .ui-grid-header-cell-row {
                        text-align: center;

                        .ui-grid-header-cell:not(:last-child) {
                            .border-right;
                        }
                    }

                    .business-unit-gridcell-name {
                        margin-left: 10px;
                        .border-right;
                    }

                    .business-unit-gridcell-isactive {
                        text-align: center;
                        .border-right;
                    }

                    .business-unit-gridcell-operation {
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: center;
                        align-items: center;

                        > a {
                            margin-left: 10px;
                            margin-right: 10px;
                        }
                    }
                }
            }
        }
    }

    #edit-modal {
        .modal-dialog {

            .validate-fail {
                display: inline;

                .error {
                    color: red;
                }
            }

            .validate-success {
                display: none;
            }

            .modal-footer {
                padding-left: 148px;
            }
        }
    }
}