/**
 * "CONDITION EDITOR" styles
 */

.nc-netshop-condition-editor {
    border: 1px solid #DADADA;
    margin-top: 5px;
}

/**
 * "Buttons"
 */
.nc-netshop-condition-editor a {
    cursor: pointer;
}

.nc-netshop-condition-editor .remove-condition-button,
.nc-netshop-condition-editor .remove-group-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background: url('../img/x_small.png') no-repeat center center;*/
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAG1BMVEX////+/PzpoZzaYFfpopz//v3kjIXTRDn+/f3HlrWYAAAAAXRSTlMAQObYZgAAADtJREFUeF5jYEpgYEhhYFAvY2Ard2BIL89IL09gCCsvLi9jYGBNLy9PYGBgEC4vDoDyGKByUJVQfVBTAMVsEmTrE1aBAAAAAElFTkSuQmCC') no-repeat center center;
    margin-left: 4px;
    margin-right: -20px; /* prevent moving the icon to the separate line */
    vertical-align: middle;
}

.nc-netshop-condition-editor .operator-cell {
    margin: 8px 0;
}

.nc-netshop-condition-editor .operator-cell .chosen-container {
    margin-right: 6px;
}

.nc-netshop-condition-editor .operator-cell .chosen-single span {
    font-weight: bold;
}

.nc-netshop-condition-editor .operator-label {
    position: absolute;
    top: 83px;
    display: none;
    z-index: 100;
    cursor: pointer;
    min-width: 24px;
}

.nc-netshop-condition-editor.enable-transitions .operator-label {
    transition: top 0.5s;
}

.nc-netshop-condition-editor .operator-label.visible {
    display: inline-block;
}

.nc-netshop-condition-editor .condition-cell {
    margin-bottom: 4px;
}

.nc-netshop-condition-editor .buttons-cell {
}

/**
 * Styles for Chosen options / optgroups
 */
.nc-netshop-condition-editor .create-group-option {
    font-weight: bold;
}

.nc-netshop-condition-editor .group-result {
    color: #1A87C2;
}

/**
 * Groups
 */
.nc-netshop-condition-editor .condition-group {
    position: relative;
}

.nc-netshop-condition-editor .condition-group-container.even-level {
    background: #f7f7f7;
}

.nc-netshop-condition-editor .condition-group .condition-group {
    padding: 10px 0 10px 40px;
}

.nc-netshop-condition-editor .condition-group-container {
    padding: 12px 28px 16px 20px;
    background: white;
}

.nc-netshop-condition-editor .condition-group .condition-group .condition-group-container {
    border: 1px solid #1A87C2;
    border-radius: 3px;
}

.nc-netshop-condition-editor .condition-group .operator-cell {
}

/* Условия по умолчанию (в середине) */
.nc-netshop-condition-editor .condition,
.nc-netshop-condition-editor .condition-group .condition-group {
    /*background: url('../img/middle.png') no-repeat 17px -59px;*/
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAfQAQMAAACQam9aAAAABlBMVEX///8ah8JF21jIAAAAAXRSTlMAQObYZgAAADJJREFUeF7tzrERAAAEADGjG9kGWIPLF6k/MraHsre6ckuSJEmSJEmSJEmSJEmSJEmSA/Dx7JqZ0PUaAAAAAElFTkSuQmCC') no-repeat 17px -59px;
}

.nc-netshop-condition-editor .condition-group .condition-group {
    background-position: 17px -35px;
}

.nc-netshop-condition-editor.enable-transitions .condition,
.nc-netshop-condition-editor.enable-transitions .condition-group .condition-group {
    transition: padding 0.4s;
}

/* Первое условие в начале */
.nc-netshop-condition-editor .condition:first-child,
.nc-netshop-condition-editor .condition-group .condition-group:first-child {
    /*background: url('../img/top.png') no-repeat 17px 19px;*/
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAfQBAMAAABYiuAqAAAAFVBMVEX///8qj8bv9/v6/P59u9wah8J+u92f6EKPAAAAAXRSTlMAQObYZgAAAIVJREFUeF7tyDERACAMBLDXwB07IhDCgoX6l8BeLCRjsudtUivdyOco1SillFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSqkHiCZ2YAZ0BB4AAAAASUVORK5CYII=') no-repeat 17px 19px;
}

.nc-netshop-condition-editor .condition-group .condition-group:first-child {
    background-position: 17px 44px;
}

/* Последнее условие */
.nc-netshop-condition-editor .condition:last-child,
.nc-netshop-condition-editor .condition-group .condition-group:last-child {
    /*background: url('../img/bottom.png') no-repeat 17px -59px;*/
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABQBAMAAACDncp8AAAAG1BMVEX///8qj8Ypj8Z9u9z6/P7v9/vw9/sah8J+u91vB32mAAAAAXRSTlMAQObYZgAAACVJREFUeF5jKGBAB4NYaFRoVGhUaFRoVEgUU6gjAUPIWb0cDQAAWUwqiMZeGh8AAAAASUVORK5CYII=') no-repeat 17px -59px;
}

.nc-netshop-condition-editor .condition-group .condition-group:last-child {
    background-position: 17px -35px;
}

.nc-netshop-condition-editor .condition:only-child {
    /* Единственное условие */
    background: none;
    padding-left: 0 !important;
}

.nc-netshop-condition-editor .condition-group .condition-group:only-child {
    /* Единственная группа условий */
    background: none;
    padding-left: 0 !important;
}

/**
 * Conditions
 */
.nc-netshop-condition-editor .condition {
    line-height: 2.2em;
    padding: 5px 0 5px 62px;
}

.nc-netshop-condition-editor .condition-param, .nc-netshop-condition-editor .condition-string {
    padding-right: 8px;
}

/**
 * Inputs
 */
.nc-netshop-condition-editor .condition-param input {
    margin: 0 !important;
}

.nc-netshop-condition-editor .condition input[type=number] {
    width: 70px;
    text-align: center;
}

.nc-netshop-condition-editor .condition-param input.condition-param-value {
    vertical-align: middle;
}

.nc-netshop-condition-editor .chosen-single,
.nc-netshop-condition-editor .chosen-drop {
    border-radius: 0;
}

.nc-netshop-condition-editor .chosen-single {
    box-shadow: none;
    border-color: #DADADA;
    background: white;
}

.nc-netshop-condition-editor .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #AAA;
}

.nc-netshop-condition-editor .chosen-container-active .chosen-single {
    border-color: #1A87C2;
}

.nc-netshop-condition-editor .chosen-container-single .chosen-single span {
    /* IE: prevent text clipping */
    min-width: 50px;
    text-overflow: clip;
    margin-right: 15px;
}

/* Chosen highlight color -- "netcat blue"
.nc-netshop-condition-editor .condition-group .chosen-container-single .active-result.highlighted {
    background: #1A87C2;
}
*/

.nc-netshop-condition-editor input.nc--small[type=time] { width: 90px; }
.nc-netshop-condition-editor input.condition-param-value-date { width: 100px; }

.nc-netshop-condition-editor a.condition-param-popup:focus { outline: 1px dotted #1A87C2; }


/**
 * Dialogs
 */
.nc-netshop-condition-dialog .nc_admin_form_menu {
    padding-top: 20px; /* @todo remove when header-only style will be available */
}

.nc-netshop-condition-dialog .nc_admin_form_body {
    overflow: hidden !important;
}

.nc-netshop-condition-dialog .nc_admin_form_body .column {
    overflow: auto;
    float: left;
}

.nc-netshop-condition-dialog .nc_admin_form_body .tree-column {
    overflow-x: hidden;
}

.nc-netshop-condition-dialog .nc_admin_form_body .column1 {
    width: 29%;
    margin-right: 1%;
}

.nc-netshop-condition-dialog .nc_admin_form_body .column2 {
    width: 70%;
}

.nc-netshop-condition-dialog .nc_admin_form_body .tree {
    margin: -5px 0 0 0;
    padding: 0 0 0 16px;
}

.nc-netshop-condition-dialog .nc_admin_form_body .tree a,
.nc-netshop-condition-dialog .nc_admin_form_body .tree a:hover {
    color: #333333 !important;
}

.nc-netshop-condition-dialog .nc_admin_form_body .list-column .no_results {
    margin: 20px;
}

.nc-netshop-condition-dialog .nc_admin_form_body .list-column .item {
    cursor: pointer;
}

#nc_netshop_condition_editor_item_selection_dialog td.nc-netshop-item-variant {
    padding-left: 30px;
}