// mixins
@include extjs-panel-ui ( $ui: 'cf-container', );
@include extjs-panel-ui ( $ui: 'cf-widget', );
@include extjs-panel-ui ( $ui: 'cf-mainform', );
@include extjs-panel-ui ( $ui: 'cf-grid', );

// cf-mainform text and headline
.x-panel-cf-mainform {
    #onlineThenTimeout-labelEl,
    #busyThenTimeout-labelEl,
    #offlineThenTimeout-labelEl,
    #onlineFirstTimeout-labelEl,
    #busyFirstTimeout-labelEl,
    #offlineFirstTimeout-labelEl {
        padding-left: 15px;
    }
    #busyFirstDest-labelTextEl,
    #offlineFirstDest-labelTextEl,
    #onlineFirstDest-labelTextEl,
    .cf-thentext,
    .cf-text {
        margin-bottom: 7px;
    }
    .cf-thentext {
        margin: 10px 20px 0 0;
    }
    .cf-subheader {
        padding-top: 30px;
        margin-bottom: 20px;
    }
    #busyFirstRingFields,
    #offlineFirstRingFields,
    #onlineFirstRingFields {
        margin: 0 0 10px 0;
    }
    .x-panel-cf-mainform .cf-embed-row {
        margin: 0 0 0 10px;
    }
}

// cf-mainform grid panel
.x-panel-cf-mainform {
    .x-grid-empty {
        margin-top: -2px;
        color: black;
    }
    .x-grid-row {
        background: white;
    }
    .x-panel-cf-grid .x-grid-cell-inner {
        padding-top: 7px;
        margin: 0;
        cursor: pointer;
    }
    .x-panel-cf-grid .cf-tpl-fa,
    .cf-tpl-fa {
        font-size: 0.7em;
        margin: 0 4px;
    }
    .x-panel-cf-grid .x-grid-row {
        height: 32px;
    }
    .x-panel-cf-grid .x-action-col-cell .x-item-disabled {
        opacity: 1;
    }
    .x-panel-cf-widget {
        border: solid 1px;
        border-color: #d0d0d0;
        padding: 20px 10px;
    }
}

// cf-mainform timeset and sourceset panels
.x-panel-cf-mainform {
    .cf-calls-during {
        margin: 7px 15px 0 0;
    }
    .cf-calendar-button,
    .cf-calendar-button .x-btn-icon-el-default-small {
        margin-right: 5px;
    }
    .cf-calendar-button,
    .cf-calendar-button .x-btn-icon-el-default-small,
    .cf-calls-during-section .x-btn.x-btn-pressed.x-btn-default-small {
        background: white;
        color: $base-color;
        border: none;
    }
    .cf-sourceset-textfield {
        label {
            padding-left: 10px;
        }
    }
}
