.smartSelection{ position: relative; } .smartSelection .smartSelectionSearch{ border-radius: 10px; border: 1px solid #c3c3c3; padding: 5px; width: 30.6%; position: relative; z-index: 320; background-color: white; margin-bottom: -1px; cursor: pointer; cursor: hand; } .smartSelection .whiteBorder{ z-index: 323; position: absolute; top: 36px; background-color: white; height: 3px; width: 29.7%; margin-left: 2px; padding: 0 10px; } .smartSelection .smartSelectionSearch.open{ border-bottom: 1px solid white; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .smartSelection .smartSelectionWrapper{ background-color: white; border: 1px solid #c3c3c3; position: absolute; z-index: 322; padding: 0 10px; -webkit-border-radius: 15px; -webkit-border-top-left-radius: 0; -moz-border-radius: 15px; -moz-border-radius-topleft: 0; border-radius: 15px; border-top-left-radius: 0; top: 38px; width: 63.1%; } .smartSelection .smartSelectionWrapperScroll{ max-height: 310px; overflow-y: scroll; margin: 10px 0; padding-right: 10px; } .smartSelection ul{ padding: 0; margin: 3px 0 0 0; } .smartSelection li{ border-radius: 10px; list-style: none; background-color: #f5f5f5; position: relative; padding: 4px 10px; margin-bottom: 15px; } .smartSelection li.disabled{ background-image: url(../img/cloudbasic-no-bg.png); } .smartSelection li.disabled:hover{ background-image: url(../img/cloudbasic-no-bg-hover.png); cursor: not-allowed; } .smartSelectionEmpty{ padding: 20px 0px; } .smartSelection li.selected{ display: none!important; } .smartSelection li:hover{ background-color: #e7f3f7; cursor: hand; cursor: pointer; } .systemSelection.smartSelection .internal-name{ position: absolute; } .systemSelection.smartSelection .description.withqueue{ width: 90%; display: inline-block; } .systemSelection.smartSelection .system-queue{ position: absolute; } .systemSelection.smartSelection .smartSelectionSelectedItems .system-queue{ top: -10px; position: absolute; left: 0px; width: 60px; text-align: center; } .smartSelection .internal-name{ font-size: 11px; font-weight: bold; right: 0px; top: 0px; border-radius: 10px; background-color: #d8eaef; padding: 4px 7px; } .smartSelection .system-queue{ font-size: 11px; font-weight: bold; right: 0px; top: 30px; border-radius: 10px; padding: 4px 7px; } .smartSelection .system-queue.queue-normal { background-color: #aee0ae; } .smartSelection .system-queue.queue-medium { background-color: #ffff00; } .smartSelection .system-queue.queue-high { background-color: #FF9900; } .smartSelection .title{ margin: 25px 0 7px 0; } .smartSelectionWrapperScroll .title{ margin: 7px 0 7px 0; } .smartSelection input{ width: 90%; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .smartSelectionSearch input:focus{ outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .smartSelectionEmpty{ background-color: #f1f1f1; border-radius: 10px; padding: 15px 10px; margin-top: 10px; } .removeItem{ display: inline-block; cursor: hand; cursor: pointer; height: 15px; width: 15px; background-image: url('../img/removeItem.png'); } .removeItem:hover{ background-position: 0 -20px; } .smartSelectionSelectedItems .smartSelectionSelectedItem{ margin-top: 15px; } .systemSelection .smartSelectionSelectedItem{ width: 21.8%; } .smartSelection .smartSelectionSelectedItem{ display: inline-block; margin-right: 10px; } .smartSelection .smartSelectionSelectedItem .internal-name{ margin-top: -10px; padding: 5px 7px 7px; } .smartSelectionSelectedItem .removeItem{ margin-left: 10px; margin-bottom: -5px; margin-top: 2px; } .smartSelection .smartSelectionSelectedItem:hover{ background-color: #f1f1f1; } .smartSelection .smartSelectionSearch .arrow{ border: 0px; padding: 0px; position: absolute; right: 10px; top: 49%; background-image: url('../img/arrow.png'); width: 8px; height: 4px; } .smartSelection .smartSelectionSearch.open .arrow{ background-position: 0 -8px; } .tagSelection li{ display: inline-block; margin-bottom: 5px; } .tagSelection.smartSelection .internal-name{ background-color: inherit; font-size: 13px; font-weight: normal; } .tagSelection.smartSelection .smartSelectionSelectedItem{ padding: 5px 11px 6px 11px; } .tagSelection.smartSelection .smartSelectionSelectedItem .internal-name{ padding: 0; } .tagSelection .smartSelectionSelectedItem .removeItem{ vertical-align: 2px; } .tag-list li{ margin-right: 5px; }