@mixin condition-dropdown() {
    .Clear {
        background: var(--gray-100);
        position: absolute;
        right: 10px;
        top: 25%;
    }

    .Select__control {
        max-height: 120px;
        overflow-y: auto;
    }

    .Select__multi-value__label {
        background-color: var(--gray-300);
    }

    .Select__multi-value__remove {
        background-color: var(--gray-300);
    }
}

.ContractTermsForm,
.ContractProductExceptionForm,
.ContractTrackExceptionForm {
    margin-bottom: 200px;

    &-btn-wrap {
        margin-top: 18px;

        .btn {
            margin-left: 10px;
        }

        div {
            text-align: right;
        }
    }

    &-block {
        border: 1px solid var(--gray-200);
        border-radius: 3px;
        margin-top: 20px;
        padding: 24px;

        h3 {
            margin-bottom: 15px;
        }
    }

    .BaseRateHorizontalRow {
        margin-top: 16px;
        min-height: 40px;
    }

    .BaseRateHorizontalRow .FRCLabel {
        line-height: 40px;
        text-align: left;
    }

    .container {
        padding: 0;
    }

    .ContractTermsConditionsTable {
        margin-top: 3em;

        &-header {
            border-bottom: 1px solid var(--gray-400);
        }

        &-row {
            margin-top: 1em;
        }

        &-row.isDragging {
            opacity: 0.5;
        }

        &-copy-conditions {
            float: right;
            margin-top: 1em;
        }

        .deleteTermCondition {
            cursor: pointer;
            float: left;
            margin-left: 5px;
            margin-top: 9px;
        }

        .disableDelete {
            cursor: default;

            /* stylelint-disable-next-line max-nesting-depth */

            .TrashGlyphIcon {
                color: var(--gray-400);
            }
        }

        .FRCLabel {
            margin-left: 0.5em;
        }

        .Glyph.Drag {
            fill: var(--gray-600);
            margin-right: 1em;
        }

        .Glyph.Drag:hover {
            fill: var(--gray-700);
        }

        .input-group {
            float: left;
            width: 85%;
        }

        .priorityControl {
            line-height: 40px;
        }

        .priorityControl.draggable:hover {
            cursor: move;
        }
    }

    .addBlockButton {
        display: block;
        margin-top: 1em;
    }

    .contractTermConditionCountry {
        @include condition-dropdown;
    }

    .contractTermConditionService {
        @include condition-dropdown;
    }

    .contractTermConditionTransactionType {
        @include condition-dropdown;
    }
}