@charset "utf-8";
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(../../resources/images/azzurra-legacy/form/clear-trigger.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(../../resources/images/azzurra-legacy/form/trigger.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #d7d7d7; background-color: #e7e7e7; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #cdcdcd; border: 1px solid #949494;}
.x-superboxselect-item-focus {border-color: #8b8b8b; background: #8b8b8b; color: #fff;}
.x-superboxselect-item-close {background: url(../../../images/at_remove.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

/* Overwrite plugin style to match ACS style */
/* also, updated background images url's */
.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left 0;}

.x-superboxselect-btns {
    display: flex;
    padding: 0;
    position: static;
}

.x-superboxselect-btn-clear,
.x-superboxselect-btn-expand {
    cursor: pointer;
}

.x-superboxselect-btn-over {
    background-position: 0;
    background-color: #ededed;
}

.x-superboxselect {
    display: flex;
    padding: 0 2px;
    justify-content: space-between;
    border-radius: 4px !important;
}

.x-superboxselect ul {
    display: flex;
    flex-wrap: wrap;
}

.x-superboxselect li {
    white-space: break-spaces;
    padding: 1px 12px 1px 5px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    /* use this so items will not float and text-overflow will be displayed as ellipsis */
    float: none;
    display: inline-block;
}

.x-superboxselect-item-close {
    background-size: 9px;
    width: 9px;
    height: 9px;
    right: 2px;
    top: 2px;
    opacity: 0;
}

.x-superboxselect-item-hover .x-superboxselect-item-close {
    opacity: 100%;
}

.x-superboxselect-display-btns {
    padding-right: 3px !important;
}

.x-superboxselect-input input {
    margin: 0;
}

.x-superboxselect-btns div {
    margin-top: 3px;
    margin-right: 2px;
}

.x-superboxselect,
.x-superboxselect-input-field {
    padding: 0 !important;
    width: 100% !important;
}

.x-superboxselect * {
    box-sizing: border-box;
}