.Select,.Select-control{position:relative}.Select-control,.Select-input>input{width:100%;cursor:default;outline:0}.Select-arrow-zone,.Select-clear-zone,.Select-loading-zone{text-align:center;cursor:pointer}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select-control{background-color:#fff;border-radius:4px;border:1px solid #ccc;color:#333;display:table;border-spacing:0;border-collapse:separate;height:36px;overflow:hidden}.is-searchable.is-focused:not(.is-open)>.Select-control,.is-searchable.is-open>.Select-control{cursor:text}.Select-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:0}.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#aaa;left:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-value.Select--single>.Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:0;text-decoration:underline}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{background:none;border:0;box-shadow:none;display:inline-block;font-family:inherit;font-size:inherit;margin:0;line-height:14px;padding:8px 0 12px;-webkit-appearance:none}.Select-loading,.Select-loading-zone{width:16px;position:relative;vertical-align:middle}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:0}.Select-loading-zone{display:table-cell}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;-o-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;display:table-cell;position:relative;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{display:table-cell;position:relative;vertical-align:middle;width:25px;padding-right:5px}.Select--multi .Select-multi-value-wrapper,.Select-arrow{display:inline-block}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;height:0;width:0;position:relative}.Select-arrow-zone:hover>.Select-arrow,.is-open .Select-arrow{border-top-color:#666}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}.Select-noresults,.Select-option{box-sizing:border-box;display:block;padding:8px 10px}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{background-color:#fff;color:#666;cursor:pointer}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{color:#999;cursor:default}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}#wrap {
  margin: 0 auto;
}
#sidebarContainer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #cdcdcd;
  width: 254px;
  background-color: #f5f5f5;
}
.dontShow {
  display: none;
}
.action_list {
  width: 400px;
  margin: 10px auto;
  display: block;
}
.action_list li {
  text-decoration: underline;
  padding: 10px;
}
.action_list li:hover {
  color: #bfbfbf;
  cursor: pointer;
}
#sidebarApp {
  font-family: Arial;
}
#sidebarApp hr {
  border: 1px solid #dedede;
  margin: 10px 11px;
}
#sidebarApp .containerTab ul {
  border-bottom: 1px solid #dcdcdc;
}
#sidebarApp .containerTab ul li[role=tab] {
  background: #ffffff;
  border: none;
  font-size: 13px;
  color: #333333;
  border-radius: 0;
  height: 30px;
  padding: 0;
}
#sidebarApp .containerTab ul:not(.multipleTabs) li[role=tab] {
  cursor: default;
  color: #808080;
}
#sidebarApp .containerTab ul.multipleTabs {
  border-bottom: 1px solid #dcdcdc;
}
#sidebarApp .containerTab ul.multipleTabs li[role=tab] {
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
#sidebarApp .containerTab ul.multipleTabs li[role=tab].react-tabs__tab--selected {
  background: -moz-linear-gradient(top, #6c6c6c 0%, #595959 100%);
  background: -webkit-linear-gradient(top, #6c6c6c 0%, #595959 100%);
  background: linear-gradient(to bottom, #6c6c6c 0%, #595959 100%);
  color: white;
}
#sidebarApp .componentSprite {
  background: transparent url(0fd6de8bf5c64df78d739d2af9477df4.png) no-repeat;
}
#sidebarApp .componentSprite.catalogAssignSprite {
  background-position: -80px -256px;
}
#sidebarApp .componentSprite.bold {
  background-position: -12px -82px;
}
#sidebarApp .componentSprite.bold.active {
  background-position: -12px -116px;
}
#sidebarApp .componentSprite.italic {
  background-position: -48px -82px;
}
#sidebarApp .componentSprite.italic.active {
  background-position: -48px -116px;
}
#sidebarApp .componentSprite.underlined {
  background-position: -82px -82px;
}
#sidebarApp .componentSprite.underlined.active {
  background-position: -82px -116px;
}
#sidebarApp .componentSprite.fontSizeIncrease {
  background-position: -48px -148px;
}
#sidebarApp .componentSprite.fontSizeDecrease {
  background-position: -12px -148px;
}
#sidebarApp .componentSprite.alignLeft {
  background-position: -14px -182px;
}
#sidebarApp .componentSprite.alignCenter {
  background-position: -46px -182px;
}
#sidebarApp .componentSprite.alignRight {
  background-position: -80px -182px;
}
#sidebarApp .componentSprite.alignTop {
  background-position: -116px -182px;
}
#sidebarApp .componentSprite.alignMiddle {
  background-position: -150px -182px;
}
#sidebarApp .componentSprite.alignBottom {
  background-position: -182px -182px;
}
#sidebarApp .componentSprite.textAlignLeft {
  background-position: -12px -14px;
}
#sidebarApp .componentSprite.textAlignLeft.active {
  background-position: -12px -48px;
}
#sidebarApp .componentSprite.textAlignCenter {
  background-position: -46px -14px;
}
#sidebarApp .componentSprite.textAlignCenter.active {
  background-position: -46px -48px;
}
#sidebarApp .componentSprite.textAlignRight {
  background-position: -79px -14px;
}
#sidebarApp .componentSprite.textAlignRight.active {
  background-position: -79px -48px;
}
#sidebarApp .componentSprite.textAlignTop {
  background-position: -114px -14px;
}
#sidebarApp .componentSprite.textAlignTop.active {
  background-position: -114px -48px;
}
#sidebarApp .componentSprite.textAlignMiddle {
  background-position: -148px -14px;
}
#sidebarApp .componentSprite.textAlignMiddle.active {
  background-position: -148px -48px;
}
#sidebarApp .componentSprite.textAlignBottom {
  background-position: -182px -14px;
}
#sidebarApp .componentSprite.textAlignBottom.active {
  background-position: -182px -48px;
}
#sidebarApp .componentSprite.transformFlipHorizontal {
  background-position: -80px -148px;
}
#sidebarApp .componentSprite.transformFlipVertical {
  background-position: -114px -148px;
}
#sidebarApp .componentSprite.transformRotate {
  background-position: -216px -148px;
}
#sidebarApp .componentSprite.arrangeFront {
  background-position: -148px -148px;
}
#sidebarApp .componentSprite.arrangeBack {
  background-position: -182px -148px;
}
#sidebarApp .componentSprite.outboundLink {
  background-position: -223px -223px;
}
#sidebarApp .componentSprite.pdfLink {
  background-position: -292px -223px;
}
#sidebarApp .componentSprite.lineTypeStraight {
  background-position: -114px -82px;
}
#sidebarApp .componentSprite.lineTypeStraight.active {
  background-position: -114px -116px;
}
#sidebarApp .componentSprite.lineTypeOrthogonal {
  background-position: -148px -82px;
}
#sidebarApp .componentSprite.lineTypeOrthogonal.active {
  background-position: -148px -116px;
}
#sidebarApp .componentSprite.lineTypeHorizontal {
  background-position: -182px -82px;
}
#sidebarApp .componentSprite.lineTypeHorizontal.active {
  background-position: -182px -116px;
}
#sidebarApp .componentSprite.lineTypeVertical {
  background-position: -216px -82px;
}
#sidebarApp .componentSprite.lineTypeVertical.active {
  background-position: -216px -116px;
}
#sidebarApp .componentSprite.lineTypeIsometricHorizontal {
  background-position: -250px -82px;
}
#sidebarApp .componentSprite.lineTypeIsometricHorizontal.active {
  background-position: -250px -116px;
}
#sidebarApp .componentSprite.lineTypeIsometricVertical {
  background-position: -284px -82px;
}
#sidebarApp .componentSprite.lineTypeIsometricVertical.active {
  background-position: -284px -116px;
}
#sidebarApp .componentSprite.lineTypeCurved {
  background-position: -318px -82px;
}
#sidebarApp .componentSprite.lineTypeCurved.active {
  background-position: -318px -116px;
}
#sidebarApp .componentSprite.lineTypeEntity {
  background-position: -352px -82px;
}
#sidebarApp .componentSprite.lineTypeEntity.active {
  background-position: -352px -116px;
}
#sidebarApp .componentSprite.plus {
  background-position: -116px -256px;
}
#sidebarApp .componentSprite.close {
  background-position: -20px -256px;
}
#sidebarApp .componentSprite.warning {
  background-position: -291px -256px;
}
#sidebarApp .componentSprite.endpoints {
  background: transparent url(b44250cfcd614548f03edc59826493a1.png) no-repeat;
  height: 21px;
  width: 21px;
}
#sidebarApp .componentSprite.endpoints.arrowStartNone {
  background-position: -126px 0;
}
#sidebarApp .componentSprite.endpoints.arrowStartClassic {
  background-position: 0 -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartOpen {
  background-position: -21px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartBlock {
  background-position: -42px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartOval {
  background-position: -63px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartDiamond {
  background-position: -84px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartDiamondThin {
  background-position: -105px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartClassicTrans {
  background-position: -126px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartBlockTrans {
  background-position: -147px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartOvalTrans {
  background-position: -168px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartDiamondTrans {
  background-position: -189px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowStartDiamondThinTrans {
  background-position: -210px -42px;
}
#sidebarApp .componentSprite.endpoints.arrowEndNone {
  background-position: -126px 0;
}
#sidebarApp .componentSprite.endpoints.arrowEndClassic {
  background-position: 0 -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndOpen {
  background-position: -21px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndBlock {
  background-position: -42px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndOval {
  background-position: -63px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndDiamond {
  background-position: -84px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndDiamondThin {
  background-position: -105px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndClassicTrans {
  background-position: -126px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndBlockTrans {
  background-position: -147px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndDiamondTrans {
  background-position: -189px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndOvalTrans {
  background-position: -168px -21px;
}
#sidebarApp .componentSprite.endpoints.arrowEndDiamondThinTrans {
  background-position: -210px -21px;
}
#sidebarApp .componentSprite.lineStyle {
  width: 60px;
}
#sidebarApp .componentSprite.lineStyle.lineStyleSolid {
  background-position: -12px -286px;
}
#sidebarApp .componentSprite.lineStyle.lineStyleDashed {
  background-position: -80px -286px;
}
#sidebarApp .componentSprite.lineStyle.lineStyleDotted1 {
  background-position: -284px -286px;
}
#sidebarApp .componentSprite.lineStyle.lineStyleDotted2 {
  background-position: -216px -286px;
}
#sidebarApp .componentSprite.lineStyle.lineStyleDotted3 {
  background-position: -148px -286px;
}
#sidebarApp .panelName {
  color: #75787b;
  font-weight: normal;
  font-family: Arial;
  font-size: 13px;
}
#sidebarApp .componentName {
  margin: 15px 0 9px 0;
  font-size: 13px;
  font-weight: bold;
}
#sidebarApp .spriteLabel {
  font-size: 10px;
  color: gray;
}
#sidebarApp .outboundLink,
#sidebarApp .inboundLink {
  color: #0066cc;
  text-decoration: none;
}
#sidebarApp .button {
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  padding: 4px;
  color: #333333;
  border: 1px #afafaf solid;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
}
#sidebarApp .button:hover {
  background: -moz-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #fefefe 100%);
}
#sidebarApp .spriteButton {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px #afafaf solid;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
}
#sidebarApp .spriteButton:hover {
  background: -moz-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #fefefe 100%);
}
#sidebarApp .spriteButton.active {
  background: -moz-linear-gradient(top, #6c6c6c 0%, #5e5e5e 100%);
  background: -webkit-linear-gradient(top, #6c6c6c 0%, #5e5e5e 100%);
  background: linear-gradient(to bottom, #6c6c6c 0%, #5e5e5e 100%);
}
#sidebarApp .spriteButton.active:hover {
  background: -moz-linear-gradient(top, #5e5e5e 0%, #6c6c6c 100%);
  background: -webkit-linear-gradient(top, #5e5e5e 0%, #6c6c6c 100%);
  background: linear-gradient(to bottom, #5e5e5e 0%, #6c6c6c 100%);
}
#sidebarApp .whiteBorder {
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  background: #ffffff;
}
#sidebarApp .whiteBorder .colorSwatch {
  border-radius: 0;
  border: 1px solid #ffffff;
  background: #ffffff;
  cursor: pointer;
}
#sidebarApp .spriteButton:disabled,
#sidebarApp .button:disabled {
  opacity: 0.5;
  background: #f5f5f5;
  cursor: default;
}
#sidebarApp .buttonGroup {
  color: #333333;
  box-shadow: 0px 0px 2px 0px #eeeeee;
}
#sidebarApp .buttonGroup .spriteButtonContainer .spriteButton {
  border-radius: 0;
}
#sidebarApp .buttonGroup .spriteButtonContainer:first-child > .spriteButton {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#sidebarApp .buttonGroup .spriteButtonContainer:last-child > .spriteButton {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#sidebarApp .buttonGroup .spriteButtonContainer:not(:first-child) > .spriteButton {
  border-left: none;
}
#sidebarApp .toggledTextarea .toggleLabel {
  cursor: pointer;
}
#sidebarApp .toggledTextarea textarea {
  resize: none;
  border: 1px #afafaf solid;
  border-radius: 3px;
}
#sidebarApp .description-container {
  padding: 0px 10px 10px 10px;
}
#sidebarApp .description-container textarea {
  padding: 5px;
  width: 94%;
  height: 100px;
  resize: none;
  line-height: 1.5;
}
#sidebarApp .description-container .multiple-objects-selected-warning {
  text-align: center;
  font-size: 13px;
  padding: 10px 0px;
}
#sidebarApp .panelContainer {
  overflow-x: visible;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 254px;
}
#sidebarApp .containerTab ul {
  display: table;
  margin: 0;
  height: 30px;
  width: 100%;
}
#sidebarApp .containerTab ul li[role=tab] {
  bottom: 0;
}
#sidebarApp .containerTab ul:not(.multipleTabs) li[role=tab] {
  padding: 10px 0 0 10px;
  background: transparent;
  height: 20px;
}
#sidebarApp .containerTab ul.multipleTabs li[role=tab] {
  display: table-cell;
  width: 50%;
}
#sidebarApp .containerTab ul.tripleTabs li[role=tab] {
  display: inline-block;
  width: 49.8%;
  font-size: 14px;
  list-style-position: inside;
  line-height: 30px;
}
#sidebarApp .containerTab ul.tripleTabs li[role=tab]:last-child {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
#sidebarApp .containerTab ul.tripleTabs li[role=tab]:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}
#sidebarApp .tripleTabs .stylesContainer {
  top: 62px !important;
}
#sidebarApp .tripleTabs .stylesContainer .netProperties .partContainer {
  margin-top: 31px;
}
#sidebarApp .componentSprite {
  height: 24px;
  width: 30px;
  margin: auto;
}
#sidebarApp .componentSprite.outboundLink,
#sidebarApp .componentSprite.pdfLink {
  padding: 0 7px;
  margin-right: 5px;
}
#sidebarApp .spriteButton {
  padding: 0;
}
#sidebarApp .whiteBorder {
  display: inline-block;
  margin-right: 5px;
}
#sidebarApp .whiteBorder .colorSwatch {
  height: 22px;
  width: 96px;
  margin: 2px;
}
#sidebarApp .panelHeader {
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  padding: 12px 15px 0px 15px;
  height: 26px;
}
#sidebarApp .panelHeader .panelName {
  float: left;
}
#sidebarApp .panelHeader .spriteButton {
  float: right;
}
#sidebarApp .panelHeader .spriteButton .componentSprite.close {
  height: 15px;
  width: 15px;
}
#sidebarApp .componentName {
  margin: 15px 0 9px 0;
}
#sidebarApp .spriteLabel {
  position: relative;
  top: 5px;
  height: 0;
}
#sidebarApp .alignmentToolbar {
  padding: 5px 6px 12px 10px;
  display: table;
  width: 92.5%;
}
#sidebarApp .alignmentToolbar .spriteButton {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  margin: auto;
}
#sidebarApp .alignmentToolbar .componentSprite {
  margin: auto;
}
#sidebarApp .alignmentToolbar .buttonGroups .buttonGroup:first-child {
  margin-bottom: 20px;
}
#sidebarApp .buttonGroup {
  height: 20px;
}
#sidebarApp .buttonGroup.block {
  display: table;
  width: 100%;
}
#sidebarApp .spriteButtonContainer {
  display: inline-block;
}
#sidebarApp .alignmentToolbar .spriteButtonContainer,
#sidebarApp .buttonGroup .spriteButtonContainer {
  display: table-cell;
}
#sidebarApp .alignmentToolbar .spriteButtonContainer .spriteButton,
#sidebarApp .buttonGroup .spriteButtonContainer .spriteButton {
  width: 100%;
}
#sidebarApp .alignmentToolbar .spriteButtonContainer {
  width: 33.1%;
}
#sidebarApp .buttonGroups .buttonGroup:not(:first-child) {
  margin-top: 10px;
}
#sidebarApp .toggledTextarea textarea {
  width: 95%;
  height: 100px;
}
.expandedPanel {
  z-index: 120;
  position: absolute;
  width: 328px;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
  background-color: #f5f5f5;
}
.expandedPanelCloseButton .spriteButtonContainer {
  float: right;
}
.expandedPanelCloseButton .spriteButtonContainer .spriteButton {
  border: none;
  background: transparent;
}
#sidebarApp .fontContainer .componentName {
  margin: 15px 0 9px;
}
#sidebarApp .fontContainer .fontBasicStyle {
  height: 108px;
  padding: 5px 10px 0 10px;
}
#sidebarApp .fontContainer .textAlignment {
  padding: 0 10px 0 10px;
  height: 96px;
}
#sidebarApp .fontContainer .fontColor {
  padding: 0 10px 8px 10px;
}
#sidebarApp .lineProperties .componentSection {
  padding: 5px 10px 0 10px;
}
#sidebarApp .lineProperties .lineTypeButtonGroups {
  padding: 4px 0 0 0;
}
#sidebarApp .lineProperties .lineTypeButtonGroups .buttonGroup:first-child .spriteButtonContainer:first-child .spriteButton {
  border-bottom-left-radius: 0;
}
#sidebarApp .lineProperties .lineTypeButtonGroups .buttonGroup:first-child .spriteButtonContainer:last-child .spriteButton {
  border-bottom-right-radius: 0;
}
#sidebarApp .lineProperties .lineTypeButtonGroups .buttonGroup:last-child .spriteButtonContainer:first-child .spriteButton {
  border-top-left-radius: 0;
}
#sidebarApp .lineProperties .lineTypeButtonGroups .buttonGroup:last-child .spriteButtonContainer:last-child .spriteButton {
  border-top-right-radius: 0;
}
#sidebarApp .lineProperties .lineTypeButtonGroups .buttonGroup:not(:first-child) .spriteButtonContainer .spriteButton {
  border-top: 0;
}
#sidebarApp .lineProperties .endpointsSelect,
#sidebarApp .lineProperties .lineStyleControls {
  display: table;
  width: 100%;
  padding: 4px 0 0 0;
}
#sidebarApp .lineProperties .endpointsSelect > div,
#sidebarApp .lineProperties .lineStyleControls > div {
  display: table-cell;
}
#sidebarApp .lineProperties .endpointsSelect > div:first-child,
#sidebarApp .lineProperties .lineStyleControls > div:first-child {
  padding-right: 5px;
}
#sidebarApp .lineProperties .endpointsSelect > div:last-child,
#sidebarApp .lineProperties .lineStyleControls > div:last-child {
  padding-left: 5px;
}
#sidebarApp .lineProperties .endpointsSelect .Select .componentSprite,
#sidebarApp .lineProperties .lineStyleControls .Select .componentSprite {
  margin: auto;
}
#sidebarApp .lineProperties .endpointsSelect .Select .Select-control,
#sidebarApp .lineProperties .lineStyleControls .Select .Select-control {
  border: 1px #afafaf solid;
  box-shadow: 0px 0px 2px 0px #eeeeee;
  height: 26px;
  border-radius: 2px;
}
#sidebarApp .lineProperties .endpointsSelect .Select .Select-control .Select-input,
#sidebarApp .lineProperties .lineStyleControls .Select .Select-control .Select-input {
  height: 26px;
}
#sidebarApp .lineProperties .endpointsSelect .Select .Select-control .Select-value,
#sidebarApp .lineProperties .lineStyleControls .Select .Select-control .Select-value {
  padding-top: 2px;
  padding-right: 33px;
}
#sidebarApp .lineProperties .endpointsSelect .Select .Select-control .Select-arrow-zone,
#sidebarApp .lineProperties .lineStyleControls .Select .Select-control .Select-arrow-zone {
  border-left: 1px #afafaf solid;
  padding: 0 7px;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
}
#sidebarApp .lineProperties .endpointsSelect .Select .Select-menu-outer .Select-option,
#sidebarApp .lineProperties .lineStyleControls .Select .Select-menu-outer .Select-option {
  padding-right: 18px;
}
#sidebarApp .lineProperties .lineStyleControls > div {
  width: 50%;
  vertical-align: top;
}
#sidebarApp .lineProperties .lineStyleControls .whiteBorder {
  height: 27px;
  width: 100%;
}
#sidebarApp .lineProperties .lineStyleControls .whiteBorder .colorSwatch {
  height: 87%;
  width: 96%;
}
#sidebarApp .lineProperties .line-weight-wrapper {
  padding: 0;
  width: 110px;
  border-radius: 2px;
  border: 1px solid #afafaf;
}
#sidebarApp .lineProperties .line-weight-wrapper input {
  width: 101px;
  padding: 4px;
  border: none;
  border-radius: 2px;
}
#sidebarApp .partContainer {
  position: absolute;
  top: 31px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #333333;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 1;
}
#sidebarApp .partContainer .catalogAssign {
  padding: 15px 10px 10px;
}
#sidebarApp .partContainer .catalogAssign .catalogAssignPartsSelected {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: gray;
  line-height: 17px;
}
#sidebarApp .partContainer .catalogAssign .catalogAssignPartsSelected .selectRelatedGates {
  color: #0066cc;
  cursor: pointer;
}
#sidebarApp .partContainer .catalogAssign .catalogAssignPartsSelected .selectRelatedGates:hover {
  color: #3399ff;
}
#sidebarApp .partContainer .catalogAssign .button {
  width: 196px;
  margin: 0 auto;
  display: block;
  color: #333333;
  border: 1px #afafaf solid;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
}
#sidebarApp .partContainer .catalogAssign .button:hover {
  background: -moz-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #fefefe 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #fefefe 100%);
  color: #333333;
}
#sidebarApp .partContainer .catalogAssign .button:disabled {
  background: #f5f5f5;
  color: #808080;
}
#sidebarApp .partContainer .catalogAssign .button span {
  padding: 0 25px 0 0;
}
#sidebarApp .partContainer .propertiesTable {
  margin: 20px 10px 0px;
}
#sidebarApp .partContainer .propertiesTable .label {
  width: 86px;
  display: block;
}
#sidebarApp .partContainer .propertiesTable input[type=text] {
  font-size: 11px;
  padding: 2px 3px 4px 4px;
  width: 90%;
  float: right;
  border: 1px solid #c2c2c2;
  height: 16px;
}
#sidebarApp .partContainer .propertiesTable input[type=text][disabled] {
  background-color: #f9f9f9;
  border-color: #d6d6d6;
  color: #999999;
}
#sidebarApp .partContainer .propertiesTable input[type=text]:hover ~ .tooltipContainer,
#sidebarApp .partContainer .propertiesTable .warning:hover ~ .tooltipContainer {
  display: block;
}
#sidebarApp .partContainer .propertiesTable input[type="radio"],
#sidebarApp .partContainer .propertiesTable input[type="checkbox"] {
  margin-left: 4px;
}
#sidebarApp .partContainer .propertiesTable td {
  padding: 1px 0;
  height: 21px;
  position: relative;
}
#sidebarApp .partContainer .propertiesTable .tooltipContainer {
  display: none;
}
#sidebarApp .partContainer .propertiesTable .tooltip {
  position: fixed;
  background-color: #c32b26;
  width: 216px;
  margin-left: -86px;
  margin-top: 26px;
  padding: 10px 8px;
  color: #ffffff;
  border-radius: 4px;
  line-height: 15px;
  z-index: 300;
}
#sidebarApp .partContainer .propertiesTable .tooltipArrow {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #c32b26;
  border-left: 6px solid transparent;
  margin-left: 112px;
  position: fixed;
  margin-top: 21px;
}
#sidebarApp .partContainer .propertiesTable .warning {
  height: 16px;
  width: 16px;
  position: fixed;
  margin-left: 110px;
  margin-top: 5px;
}
#sidebarApp .partContainer .propertiesTable #refdes {
  text-transform: uppercase;
}
#sidebarApp .partContainer .toggledTextarea {
  margin: 8px 10px;
}
#sidebarApp .partContainer .toggledTextarea .warning {
  height: 16px;
  width: 16px;
  position: fixed;
  margin-left: 210px;
  margin-top: -105px;
}
#sidebarApp .partContainer .toggledTextarea .warning:hover ~ .tooltipContainer {
  display: block;
}
#sidebarApp .partContainer .toggledTextarea .tooltip {
  position: fixed;
  background-color: #c32b26;
  width: 218px;
  margin-left: 1px;
  margin-top: -87px;
  padding: 10px 8px;
  color: #ffffff;
  border-radius: 4px;
  line-height: 15px;
  z-index: 300;
}
#sidebarApp .partContainer .toggledTextarea .tooltipContainer {
  display: none;
}
#sidebarApp .partContainer .toggledTextarea .tooltipArrow {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #c32b26;
  border-left: 6px solid transparent;
  margin-left: 212px;
  position: fixed;
  margin-top: -92px;
}
#sidebarApp .partContainer .multiple {
  text-align: center;
  width: 100%;
  padding: 22px 0;
}
#sidebarApp .partContainer .linkList {
  margin-bottom: 20px;
}
#sidebarApp .partContainer .linkList a,
#sidebarApp .partContainer .linkList .partLink {
  display: block;
  margin: 12px 10px;
  color: #0066cc;
  text-decoration: none;
  cursor: pointer;
}
#sidebarApp .partContainer .linkList a:hover,
#sidebarApp .partContainer .linkList .partLink:hover {
  color: #3399ff;
}
#sidebarApp .partContainer .linkList a.disabled,
#sidebarApp .partContainer .linkList .partLink.disabled {
  color: gray;
  cursor: default;
}
#sidebarApp .advancedProperties {
  z-index: 120;
  position: absolute;
  width: 328px;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
  background-color: #f5f5f5;
}
#sidebarApp .advancedProperties .panelHeader {
  background-color: #f4f4f4;
}
#sidebarApp .advancedProperties .spriteButtonContainer {
  float: right;
}
#sidebarApp .advancedProperties .spriteButtonContainer .spriteButton {
  border: none;
  background: transparent;
}
#sidebarApp .advancedProperties .spriteButtonContainer {
  float: right;
}
#sidebarApp .advancedProperties .spriteButtonContainer .spriteButton {
  border: none;
  background: transparent;
}
#sidebarApp .advancedProperties .outboundLink {
  display: block;
}
#sidebarApp .advancedProperties .outboundLink i.componentSprite {
  position: absolute;
  width: 20px;
}
#sidebarApp .advancedProperties .outboundLink .linkText {
  padding-left: 20px;
}
#sidebarApp .advancedProperties .advancedPropertiesTableContainer {
  position: absolute;
  overflow-y: auto;
  top: 39px;
  right: 0;
  bottom: 0;
  width: 100%;
}
#sidebarApp .advancedProperties table {
  border-spacing: 0;
  width: 100%;
  font-size: 12px;
  background-color: white;
}
#sidebarApp .advancedProperties table thead {
  background-color: #e9e9e9;
}
#sidebarApp .advancedProperties table thead th {
  padding: 6px 8px;
  border-bottom: 1px #afafaf solid;
  text-align: left;
}
#sidebarApp .advancedProperties table thead th:nth-child(even) {
  border-left: 1px solid #ababab;
}
#sidebarApp .advancedProperties table tbody tr td {
  padding: 6px;
  line-height: 16px;
}
#sidebarApp .advancedProperties table tbody tr:nth-child(even) td {
  background-color: #f7f7f7;
}
#sidebarApp .advancedProperties .addRow {
  margin: 20px auto;
}
#sidebarApp .advancedProperties .addRow .spriteButton {
  display: inline-block;
}
#sidebarApp .advancedProperties .addRow .spriteButton .componentSprite.plus {
  background-position: -374px -196px;
  height: 15px;
  width: 15px;
  margin-bottom: -3px;
  margin-right: 8px;
}
#sidebarApp .referenceLinks {
  z-index: 120;
  position: absolute;
  width: 328px;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
  background-color: #f5f5f5;
  background-color: white;
}
#sidebarApp .referenceLinks .panelHeader {
  background-color: #f4f4f4;
}
#sidebarApp .referenceLinks .spriteButtonContainer {
  float: right;
}
#sidebarApp .referenceLinks .spriteButtonContainer .spriteButton {
  border: none;
  background: transparent;
}
#sidebarApp .referenceLinks .links {
  padding: 5px 10px;
  background-color: white;
  position: absolute;
  overflow-y: auto;
  top: 39px;
  right: 0;
  bottom: 0;
  left: 0;
}
#sidebarApp .referenceLinks .links a {
  font-size: 0.8em;
  display: block;
  margin: 12px 0;
  color: #0066cc;
}
#sidebarApp .referenceLinks .links a i {
  position: absolute;
  width: 20px;
  margin-top: 1px;
}
#sidebarApp .referenceLinks .links a span {
  display: block;
  padding-left: 20px;
  line-height: 16px;
}
#sidebarApp .referenceLinks .links a:hover {
  color: #3399ff;
}
#sidebarApp .stylesContainer {
  position: absolute;
  top: 31px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #333333;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 1;
}
#sidebarApp .multipleObjectTypesSelected {
  padding: 40px 10px;
  margin-top: 15px;
  text-align: center;
  color: gray;
  background-color: white;
  border-bottom: solid 1px #afafaf;
  border-top: solid 1px #afafaf;
  font-size: 14px;
}
#sidebarApp .stylesTransform,
#sidebarApp .stylesOrder,
#sidebarApp .stylesGroup,
#sidebarApp .stylesFill {
  display: block;
  padding: 5px 6px 12px 10px;
}
#sidebarApp .stylesFill {
  position: relative;
}
#sidebarApp .stylesFill .stylesFill-title {
  margin: 5px 0px;
}
#sidebarApp .stylesFill .stylesFont-title {
  margin: 0px 0px 10px 0px;
  font-size: 13px;
  font-weight: 700;
}
#sidebarApp .stylesFill .font-size-title {
  margin-top: 10px;
}
#sidebarApp .stylesFill .styles-input {
  width: 75px;
  border-radius: 5px;
  border: 1px solid #afafaf;
  height: 16px;
  font-size: 12px;
  padding: 2px 4px;
  background: #fff;
}
#sidebarApp .stylesFill .button-up {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  padding-left: 4.5px;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
}
#sidebarApp .stylesFill .button-up:after {
  content: "+";
  position: relative;
  top: -1px;
  left: -0.5px;
}
#sidebarApp .stylesFill .button-down {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  padding-left: 4.5px;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
}
#sidebarApp .stylesFill .button-down:after {
  content: "\2212";
  position: relative;
  top: -1px;
  left: -0.5px;
}
#sidebarApp .stylesFill select {
  width: 98%;
  margin-bottom: 10px;
  height: 24px;
  font-size: 12px;
  padding: 2px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background: #ffffff;
}
#sidebarApp .stylesFill .transparent {
  background: transparent url(0fd6de8bf5c64df78d739d2af9477df4.png) -221px -181px no-repeat;
}
#sidebarApp .stylesFill .history-color-container {
  margin-top: 10px;
  dispaly: block;
}
#sidebarApp .stylesFill .history-color-container .history-color-outside-block {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
}
#sidebarApp .stylesFill .history-color-container .history-color-outside-block:hover {
  border: 1px solid #6c6c6c !important;
}
#sidebarApp .stylesFill .history-color-container .history-color-outside-block .history-color-inside-block {
  width: 20px;
  height: 20px;
  margin: 2px;
  border: 1px solid #ffffff;
}
#sidebarApp .stylesFill .gradient-color-title {
  font-weight: 600;
  padding: 5px 0px;
}
#sidebarApp .stylesOrder {
  height: 70px;
  clear: left;
}
#sidebarApp .stylesTransform {
  height: 69px;
}
#sidebarApp .stylesTransform .spriteButton {
  margin-bottom: 20px;
}
#sidebarApp .stylesTransform .buttonGroup:nth-child(2) > div:first-child {
  width: 50%;
}
#sidebarApp .asideLeft.block {
  width: 64%;
  float: left;
}
#sidebarApp .asideRight.block {
  width: 32%;
  float: right;
  margin-right: 4px;
}
#sidebarApp .stylesGroup {
  overflow: hidden;
  margin: 15px 0;
  padding: 5px 6px 12px 20px;
}
#sidebarApp .stylesGroup .button {
  float: left;
  width: 46%;
}
#sidebarApp .stylesGroup .button:first-child {
  margin-right: 5px;
}
#sidebarApp .hidden {
  display: none;
}
#sidebarApp .linkageWrapper {
  width: 12px;
  height: 50px;
  position: relative;
  top: 12px;
  left: 0;
  overflow: hidden;
}
#sidebarApp .linkageWrapper .linkage {
  border: solid 1px #afafaf;
  width: 10px;
  height: 38px;
  position: relative;
  right: 3px;
}
#sidebarApp .gradientFillComponent .whiteBorder {
  float: left;
  clear: left;
}
#sidebarApp .readonlyInput {
  color: #999999;
  background-color: #f9f9f9;
}
.line-space {
  height: 20px;
}
.use-default-color {
  width: 110px;
  display: block;
  cursor: pointer;
  border: 1px solid #afafaf;
  margin: 3px 0px 0px 5px;
  border-radius: 3px;
  background: linear-gradient(180deg, #fefefe 0, #f5f5f5);
  text-align: center;
  font-size: 12px;
  color: #333;
  padding: 4px;
}
.swap-color-button {
  margin-top: 15px;
  width: 185px;
}
.solid-button {
  float: right;
  margin: 3px 6px 0px 0px;
}
#sidebarApp .workspaceContainer .tox .tox-toolbar__group {
  padding: unset;
}
#sidebarApp .workspaceContainer .notes,
#sidebarApp .workspaceContainer .showGrid {
  padding: 5px 10px 0 10px;
  font-size: 12px;
}
#sidebarApp .workspaceContainer .notesBody {
  padding: 2px 0;
  color: #404040;
  line-height: 21px;
}
#sidebarApp .workspaceContainer .notesBody p {
  margin-bottom: 10px;
}
#sidebarApp .workspaceContainer a {
  color: #0366d0;
  text-decoration: none;
}
#sidebarApp .workspaceContainer a.seeAllNotes {
  display: block;
  width: 100%;
  padding-top: 5px;
}
#sidebarApp .workspaceContainer .showGrid {
  margin: 15px 0;
}
#sidebarApp .workspaceContainer .showGrid input {
  margin-left: 15px;
}
#sidebarApp .workspaceContainer .showGrid label {
  font-size: 12px;
}
.dk-part-information {
  margin: 0px 10px;
}
.dk-part-information .empty-part-information {
  text-align: center;
  font-weight: bold;
  color: #a2a2a2;
}
.dk-part-title {
  padding: 10px 0px;
  font-weight: bold;
}
.dk-part-title .dk-part-content {
  cursor: pointer;
}
.dk-part-title svg {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}
.dk-part-title .content-block {
  margin: 10px 0px 0px 10px;
}
.dk-part-title .content-block a {
  word-wrap: break-word;
}
.dk-part-title .content-block .product-photo-loading svg {
  width: 30px;
  height: 30px;
}
.dk-part-title .content-block img {
  max-width: 100%;
}
.loading-part-information {
  margin-top: 30px;
  width: 30px;
  height: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}
.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}
.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}
.react-tabs__tab:focus {
  box-shadow: 0 0 5px #0188fe;
  border-color: #0188fe;
  outline: none;
}
.react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}
.react-tabs__tab-panel {
  display: none;
}
.react-tabs__tab-panel--selected {
  display: block;
}
.react-tabs__tab-panel--disabled {
  color: GrayText;
  cursor: default;
}
/**
    Application defaults - define less variables that will be used to
    customize some less files that might be shared between PartSim and Schemeit.

*/
/**
  Font Sizes
*/
/**
  embedded version colors
*/
/**
  This layout is for the tooltip used in the sidebar if the component description
  becomes too long.
*/
.level_4 div.l4_tooltip,
.sidebar-component div.l4_tooltip,
.sidebar-sub-category-heading div.l4_tooltip {
  position: fixed;
  left: 285px;
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.level_4 div.l4_tooltip span.tooltip_fullname,
.sidebar-component div.l4_tooltip span.tooltip_fullname,
.sidebar-sub-category-heading div.l4_tooltip span.tooltip_fullname {
  padding: 20px 27px;
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  font-size: 120%;
  font-weight: normal;
  line-height: 13px;
}
.level_4 div.l4_tooltip.classic,
.sidebar-component div.l4_tooltip.classic,
.sidebar-sub-category-heading div.l4_tooltip.classic {
  padding: 5px;
  background: #ffffaa;
  border: 1px solid #9d0100;
}
.angular-modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.angular-dialog-container {
  /* A centered div above the overlay with a box shadow. */
  position: absolute;
  /* Center the dialog */
  display: block;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}
.angular-dialog-container .angular-dialog-content {
  margin-top: 0.5em;
  padding: 0.5em 0;
  overflow-x: hidden;
}
/* ---- Import Bom Dialog ---- */
#import_bom_file_wrapper {
  height: 50px;
  width: 300px;
  display: none;
}
#import_bom_file_wrapper span {
  position: relative;
  top: 0px;
  left: 40px;
}
#import_bom_file_wrapper #import_bom_file {
  display: inline-block;
  position: relative;
  top: 10px;
  left: 44px;
  width: 80px;
  height: 30px;
  padding: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}
#import_bom_file_wrapper #import_bom_btn {
  position: relative;
  top: 0;
  left: -40px;
  width: 80px;
  height: 30px;
  margin: 0px;
  padding: 0;
  font-size: 15px;
}
#dialog-bom-form {
  height: 170px;
  width: 300px;
}
#dialog-bom-form #dialog-body-bom-form {
  background: transparent;
  border: 0;
}
.hide-bom-form {
  display: none;
}
#dialog-bom-confirm {
  width: 860px;
  height: 272px;
}
#dialog-bom-confirm #dialog-body-bom-confirm {
  width: 800px;
  margin: 10px;
  padding: 20px;
  position: static;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 15px;
  text-align: left;
}
#dialog-bom-confirm #dialog-body-bom-confirm a {
  color: #aaccff;
  text-decoration: underline;
  cursor: pointer;
}
#dialog-bom-confirm #dialog-body-bom-confirm p {
  margin: 0px;
}
#dialog-bom-confirm #dialog-body-bom-confirm table th,
#dialog-bom-confirm #dialog-body-bom-confirm table td {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 14px;
}
#dialog-bom-assign {
  width: 300px;
  height: 420px;
}
#dialog-bom-assign #dialog-body-bom-assign {
  height: 300px;
  width: 300px;
  display: block;
  position: relative;
}
#dialog-bom-assign #dialog-body-bom-assign div sidebar-accordion {
  width: 303px;
}
#dialog-bom-assign #dialog-body-bom-assign div sidebar-accordion .leaf.selected,
#dialog-bom-assign #dialog-body-bom-assign div sidebar-accordion .leaf.selected.selected-hover {
  background-color: #a0a0a0;
}
#dialog-bom-select {
  width: 300px;
  height: 145px;
}
#dialog-bom-select #dialog-body-bom-select {
  margin: 10px;
  background: transparent;
  border: 0px;
}
#dialog-bom-import {
  width: 1013px;
  height: 490px;
  font-size: 12px;
}
#dialog-bom-import #dialog-body-bom-import {
  height: 400px;
  margin: 0 5px;
  overflow: hidden;
  background: transparent;
  border: 0px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper {
  height: 380px;
  margin-left: 1px;
  overflow: hidden;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers {
  height: 36px;
  cursor: pointer;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-col1 {
  border-right: 1px solid #ccc;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-col2,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-col3,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-col4,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-col5 {
  border-right: 1px solid #ccc;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-headers .bom-table-head-icon {
  display: inline-block;
  float: right;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data {
  height: 345px;
  overflow-x: hidden;
  overflow-y: auto;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data .bom-table-col1 {
  border-right: 1px solid transparent;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data .bom-table-col2,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data .bom-table-col3,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data .bom-table-col4,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper .import-bom-table-data .bom-table-col5 {
  border-right: 1px solid transparent;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table {
  width: 1000px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td {
  padding: 3px 10px;
  font-size: 12px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.bom-table-col1,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.bom-table-col1 {
  width: 14px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.bom-table-col2,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.bom-table-col2 {
  width: 161px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.bom-table-col3,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.bom-table-col3 {
  width: 161px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.bom-table-col4,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.bom-table-col4 {
  width: 111px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.bom-table-col5,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.bom-table-col5 {
  width: 191px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.sort-even,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.sort-even {
  background-color: #e2aeac;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table th.sort-odd,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table td.sort-odd {
  background-color: #fcf8f8;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr {
  height: 35px;
  border-left-width: 0px;
  border-right-width: 0px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr.odd td {
  background-color: #fff;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr.odd td:nth-child(2) {
  background-color: #fff7f7;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr.even td {
  background-color: #fcfcfc;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr.even td:nth-child(2) {
  background-color: #ffe3e3;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr:hover.odd td {
  background-color: #fff0f0;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table tr:hover.even td {
  background-color: #fff0f0;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table input[type="text"] {
  font-size: 12px;
  border-width: 0;
  background: transparent;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table input[type="text"]:active,
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table input[type="text"]:focus {
  border: 2px inset;
  background-color: #fff;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-table-wrapper table input[type="checkbox"] {
  margin: 1px;
}
#dialog-bom-import #dialog-body-bom-import .import-bom-note {
  height: 20px;
  width: 100%;
  padding: 8px 10px 0 10px;
}
#dialog-bom-import-error {
  width: 200px;
  height: 130px;
}
#dialog-bom-import-error #dialog-body-bom-import-error {
  width: 200px;
  margin: 0;
  padding: 10px;
  background: transparent;
  border: 0px;
}
#dialog-bom-server-error {
  width: 300px;
  height: 160px;
}
#dialog-bom-server-error #dialog-body-bom-server-error {
  width: 100%;
  height: 85px;
  margin: 0;
  padding: 10px;
  background: transparent;
  border: 0px;
  box-sizing: border-box;
}
#dialog-bom-server-error #dialog-footer-bom-server-error {
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
}
#dialog-footer-bom-import input {
  position: relative;
  top: 10px;
  left: 30px;
  padding: 5px 10px;
  font-size: 12px;
  color: #ccc;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
#dialog-footer-bom-import input.alert {
  border-color: #ff0000;
}
#dialog-footer-bom-import input.black-font {
  color: #000;
}
#dialog-footer-bom-import .bom-import-error {
  position: relative;
  top: 10px;
  left: 40px;
  color: #ff0000;
}
.import-bom-section .import-bom-category.sidebar-category {
  margin-left: 10px;
  border-bottom: 0;
}
.import-bom-section .import-bom-category.sidebar-category:first-child .import-bom-category-heading {
  margin-top: 0;
  border-top: 0;
}
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  font-weight: normal;
}
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading.hover_2_static {
  font-weight: bold;
}
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading.hover_2,
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading.hover_2_static,
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading:hover {
  background: #eeeeee;
}
.import-bom-section .import-bom-category.sidebar-category .import-bom-category-heading span {
  padding: 6px 0 6px 14px;
}
.import-bom-section .import-bom-category.sidebar-category .category-loader {
  top: 5px;
  box-sizing: border-box;
}
.import-bom-section .import-bom-category.sidebar-category .non-component {
  margin-left: 8px;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}
.import-bom-section .import-bom-category.sidebar-category .non-component .component-description {
  word-break: break-word;
  white-space: normal;
  word-wrap: break-word;
  font-size: 9px;
}
.import-bom-section .import-bom-category.sidebar-category .non-component .leaf[category="import-bom"] {
  height: 60px;
}
.import-bom-section .import-bom-category.sidebar-category .non-component .component-preview {
  margin: 10px 10px;
}
.import-bom-section .import-bom-category.sidebar-category .non-component .component-name {
  top: 0;
}
/* Some parametric mixins */
.no_select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#searchbar .nodeItem-loading-spinner,
.catalog-assign-container .nodeItem-loading-spinner,
.symbol-assign-searchbar .nodeItem-loading-spinner {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) 80% center no-repeat;
  height: 22px;
  width: 60px;
  position: absolute;
  right: 0;
  padding-top: 12px;
  z-index: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#searchbar .section-records-number,
.catalog-assign-container .section-records-number,
.symbol-assign-searchbar .section-records-number {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 2px;
  font-style: italic;
  font-weight: normal;
}
#searchbar .section-loading-spinner,
.catalog-assign-container .section-loading-spinner,
.symbol-assign-searchbar .section-loading-spinner {
  padding-left: 0;
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 18px;
  width: 18px;
}
.catalog-assign-container,
.symbol-assign-searchbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 265px;
  bottom: 0;
}
.catalog-assign-container .digikey_logo,
.symbol-assign-searchbar .digikey_logo {
  background: url(27e7737badffa1ee2b078749c0cb7af7.png) 0 0 no-repeat;
  width: 82px;
  height: 50px;
  background-size: 100%;
  background-position: center;
  margin-left: 7px;
}
#searchbar,
.catalog-assign-container,
.symbol-assign-searchbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 265px;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#searchbar .dksearch-holder,
.catalog-assign-container .dksearch-holder,
.symbol-assign-searchbar .dksearch-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #f2f2f2;
}
#searchbar .searchbox,
.catalog-assign-container .searchbox,
.symbol-assign-searchbar .searchbox {
  border-bottom: 1px solid #D8D8D8;
}
#searchbar.searchbar-closed .searchbox,
.catalog-assign-container.searchbar-closed .searchbox,
.symbol-assign-searchbar.searchbar-closed .searchbox {
  background: none;
}
#searchbar.searchbar-opened .searchbox,
.catalog-assign-container.searchbar-opened .searchbox,
.symbol-assign-searchbar.searchbar-opened .searchbox {
  background: #f2f2f2;
}
#searchbar .searchbox-container,
.catalog-assign-container .searchbox-container,
.symbol-assign-searchbar .searchbox-container {
  height: 91px;
  width: 265px;
  position: relative;
  background: #ffffff;
}
#searchbar .searchbox-container .searchbar-wrapper,
.catalog-assign-container .searchbox-container .searchbar-wrapper,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper {
  position: absolute;
  border: 1px solid #8b8b8b;
  height: 28px;
  width: 160px;
  right: 7px;
  top: 10px;
  border-radius: 4px;
}
#searchbar .searchbox-container .searchbar-wrapper .searchbox-clear-button,
.catalog-assign-container .searchbox-container .searchbar-wrapper .searchbox-clear-button,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper .searchbox-clear-button {
  position: absolute;
  top: 7px;
  right: 35px;
  width: 15px;
  height: 15px;
  background: transparent url(0fd6de8bf5c64df78d739d2af9477df4.png) -20px -256px no-repeat;
  cursor: pointer;
  opacity: 0.5;
}
#searchbar .searchbox-container .searchbar-wrapper .searchbox-clear-button:hover,
.catalog-assign-container .searchbox-container .searchbar-wrapper .searchbox-clear-button:hover,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper .searchbox-clear-button:hover {
  opacity: 1;
}
#searchbar .searchbox-container .searchbar-wrapper .searchbox-input,
.catalog-assign-container .searchbox-container .searchbar-wrapper .searchbox-input,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper .searchbox-input {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 19px;
  width: 107px;
  background: none;
  border: none;
  font-size: 13px;
}
#searchbar .searchbox-container .searchbar-wrapper .searchbox-search-button,
.catalog-assign-container .searchbox-container .searchbar-wrapper .searchbox-search-button,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper .searchbox-search-button {
  position: absolute;
  height: 28px;
  width: 31px;
  right: 0px;
  top: 0px;
  border: none;
  cursor: pointer;
  background-color: #565656;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
#searchbar .searchbox-container .searchbar-wrapper .searchbox-search-button .search-button,
.catalog-assign-container .searchbox-container .searchbar-wrapper .searchbox-search-button .search-button,
.symbol-assign-searchbar .searchbox-container .searchbar-wrapper .searchbox-search-button .search-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  cursor: pointer;
  height: 15px;
  width: 15px;
  background: transparent url(0fd6de8bf5c64df78d739d2af9477df4.png) -21px -222px no-repeat;
}
#searchbar .searchbox-container .nodeItem-loading-spinner,
.catalog-assign-container .searchbox-container .nodeItem-loading-spinner,
.symbol-assign-searchbar .searchbox-container .nodeItem-loading-spinner {
  color: transparent;
  background-color: #5c5c5c;
  width: 22px;
  right: 13px;
  top: 14px;
  padding: 0;
}
#searchbar .searchbox-container .checkbox-container,
.catalog-assign-container .searchbox-container .checkbox-container,
.symbol-assign-searchbar .searchbox-container .checkbox-container {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  bottom: 0px;
  background: #e8e8e8;
  border-top: #9b9b9b 1px solid;
}
#searchbar .searchbox-container .searchbox-checkbox,
.catalog-assign-container .searchbox-container .searchbox-checkbox,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox {
  position: absolute;
  left: 6px;
  top: 2px;
  height: 19px;
  width: 220px;
  background: none;
  border: none;
  font-size: 11px;
  color: #707070;
}
#searchbar .searchbox-container .searchbox-checkbox.graphical-symbols,
.catalog-assign-container .searchbox-container .searchbox-checkbox.graphical-symbols,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox.graphical-symbols {
  top: 21px;
  margin-left: 15px;
}
#searchbar .searchbox-container .searchbox-checkbox label,
.catalog-assign-container .searchbox-container .searchbox-checkbox label,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox label {
  display: block;
  float: left;
  padding-right: 10px;
}
#searchbar .searchbox-container .searchbox-checkbox input,
.catalog-assign-container .searchbox-container .searchbox-checkbox input,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox input {
  vertical-align: middle;
}
#searchbar .searchbox-container .searchbox-checkbox label span,
.catalog-assign-container .searchbox-container .searchbox-checkbox label span,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox label span {
  vertical-align: middle;
}
#searchbar .searchbox-container .searchbox-checkbox label input,
.catalog-assign-container .searchbox-container .searchbox-checkbox label input,
.symbol-assign-searchbar .searchbox-container .searchbox-checkbox label input {
  margin: 3px 0px 3px 4px;
}
#searchbar .open-design-starters-container,
.catalog-assign-container .open-design-starters-container,
.symbol-assign-searchbar .open-design-starters-container {
  position: relative;
  height: 46px;
  padding: 12px 0 0 10px;
  background: #4F4F4F;
}
#searchbar .open-design-starters-container .open-design-starters-icon,
.catalog-assign-container .open-design-starters-container .open-design-starters-icon,
.symbol-assign-searchbar .open-design-starters-container .open-design-starters-icon {
  float: left;
  width: 11px;
  height: 11px;
  background: transparent url(74f0181f6dbb15e0d0506feba705515f.png) no-repeat;
}
@media screen and (min-resolution: 192dpi), screen and (-webkit-min-device-pixel-ratio: 1.3) {
  #searchbar .open-design-starters-container .open-design-starters-icon,
  .catalog-assign-container .open-design-starters-container .open-design-starters-icon,
  .symbol-assign-searchbar .open-design-starters-container .open-design-starters-icon {
    background: transparent url(b3e17e7b1addaac625a4d31088aede35.png) no-repeat;
  }
}
#searchbar .open-design-starters-container .open-design-starters-link,
.catalog-assign-container .open-design-starters-container .open-design-starters-link,
.symbol-assign-searchbar .open-design-starters-container .open-design-starters-link {
  float: left;
  padding-left: 5px;
  color: #F8BF3B;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
#searchbar .open-design-starters-container .add-symbol-editor-icon,
.catalog-assign-container .open-design-starters-container .add-symbol-editor-icon,
.symbol-assign-searchbar .open-design-starters-container .add-symbol-editor-icon {
  position: relative;
  top: 20px;
  padding-top: 8px;
  width: 15px;
  height: 11px;
  background: transparent url(3b480df57f3ce3a7ddcacf6b0594ab2d.png) no-repeat;
  background-size: 15px 11px;
}
#searchbar .open-design-starters-container .add-symbol-editor-link,
.catalog-assign-container .open-design-starters-container .add-symbol-editor-link,
.symbol-assign-searchbar .open-design-starters-container .add-symbol-editor-link {
  display: inline;
  padding-left: 17px;
  color: #F8BF3B;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
#searchbar .open-design-starters-container .add-new-symbol-editor-link,
.catalog-assign-container .open-design-starters-container .add-new-symbol-editor-link,
.symbol-assign-searchbar .open-design-starters-container .add-new-symbol-editor-link {
  display: inline;
  padding-left: 17px;
  color: #F8BF3B;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
#searchbar .open-design-starters-container .symbol-editor-new-badge,
.catalog-assign-container .open-design-starters-container .symbol-editor-new-badge,
.symbol-assign-searchbar .open-design-starters-container .symbol-editor-new-badge {
  position: absolute;
  top: 25px;
  width: 28px;
  height: 28px;
}
#searchbar .searchbar-root,
.catalog-assign-container .searchbar-root,
.symbol-assign-searchbar .searchbar-root {
  font-size: 11px;
  line-height: 18px;
  cursor: pointer;
  overflow: hidden;
  height: 50%;
  background: #FFF;
}
#searchbar .searchbar-root .sidebar-accordion-container,
.catalog-assign-container .searchbar-root .sidebar-accordion-container,
.symbol-assign-searchbar .searchbar-root .sidebar-accordion-container {
  height: 100%;
}
#searchbar .searchbar-root #sb_symbols_padding,
.catalog-assign-container .searchbar-root #sb_symbols_padding,
.symbol-assign-searchbar .searchbar-root #sb_symbols_padding {
  height: 7px;
}
#searchbar .searchbar-root .category-filter-list-container,
.catalog-assign-container .searchbar-root .category-filter-list-container,
.symbol-assign-searchbar .searchbar-root .category-filter-list-container {
  overflow: auto;
  display: block;
  height: 98%;
}
#searchbar .searchbar-root .category-filter-container,
.catalog-assign-container .searchbar-root .category-filter-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container {
  margin-left: 10px;
}
#searchbar .searchbar-root .category-filter-container .category-filter-header,
.catalog-assign-container .searchbar-root .category-filter-container .category-filter-header,
.symbol-assign-searchbar .searchbar-root .category-filter-container .category-filter-header {
  height: 30px;
  border-left: 1px solid #b6b6b6;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  padding-left: 4px;
  margin-top: -1px;
  background: #fff;
}
#searchbar .searchbar-root .category-filter-container .category-filter-header .category-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container .category-filter-header .category-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .category-filter-header .category-filter-title {
  width: 175px;
  display: inline-block;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 6px 0 0 10px;
  background: transparent;
  z-index: 2;
}
#searchbar .searchbar-root .category-filter-container .category-filter-header .category-filter-count,
.catalog-assign-container .searchbar-root .category-filter-container .category-filter-header .category-filter-count,
.symbol-assign-searchbar .searchbar-root .category-filter-container .category-filter-header .category-filter-count {
  position: absolute;
  display: inline-block;
  right: 4px;
  font-style: italic;
  padding-top: 6px;
  color: #7f7f7f;
  font-weight: normal;
}
#searchbar .searchbar-root .category-filter-container .category-filter-header:hover,
.catalog-assign-container .searchbar-root .category-filter-container .category-filter-header:hover,
.symbol-assign-searchbar .searchbar-root .category-filter-container .category-filter-header:hover {
  background: #f2f2f2;
}
#searchbar .searchbar-root .category-filter-container:first-child .category-filter-header,
.catalog-assign-container .searchbar-root .category-filter-container:first-child .category-filter-header,
.symbol-assign-searchbar .searchbar-root .category-filter-container:first-child .category-filter-header {
  margin-top: 0;
  border-top: 0;
}
#searchbar .searchbar-root .category-filter-container.category-closed .category-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container.category-closed .category-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container.category-closed .category-filter-title {
  font-weight: bold;
}
#searchbar .searchbar-root .category-filter-container ul.subcategory-filter-list-container,
.catalog-assign-container .searchbar-root .category-filter-container ul.subcategory-filter-list-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container ul.subcategory-filter-list-container {
  float: none;
  width: 100%;
}
#searchbar .searchbar-root .category-filter-container ul.subcategory-filter-list-container li,
.catalog-assign-container .searchbar-root .category-filter-container ul.subcategory-filter-list-container li,
.symbol-assign-searchbar .searchbar-root .category-filter-container ul.subcategory-filter-list-container li {
  background: transparent;
  float: none;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container {
  margin-left: 8px;
  width: 100%;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container.inner-category-path,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container.inner-category-path,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container.inner-category-path {
  padding: 0 0 0 10px;
  float: none;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container {
  background-color: #ffffff;
  width: 265px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-closed .sidebar-multi-subcategory-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-closed .sidebar-multi-subcategory-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-closed .sidebar-multi-subcategory-title {
  font-weight: bold;
  padding-left: 14px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened {
  color: #333333;
  font-weight: normal;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened .sidebar-multi-subcategory-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened .sidebar-multi-subcategory-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container.sidebar-multi-subcategory-opened .sidebar-multi-subcategory-title {
  padding-left: 14px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header {
  color: #333333;
  text-transform: none;
  white-space: nowrap;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  height: 26px;
  padding: 2px 0 0 5px;
  margin-top: -1px;
  font-size: 11px;
  font-weight: normal;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header:hover,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header:hover,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header:hover {
  background: #eeeeee;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-title {
  position: absolute;
  margin-top: 2px;
  width: 175px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-count,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-count,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .sidebar-multi-subcategory-list-container .sidebar-multi-subcategory-container .sidebar-multi-subcategory-header .sidebar-multi-subcategory-count {
  position: absolute;
  right: 4px;
  color: #7f7f7f;
  margin-top: 2px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header {
  height: 26px;
  padding-left: 4px;
  margin-top: -1px;
  background: #ffffff;
  border-top: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #c9c9c9;
  text-transform: none;
  font-size: 11px;
  letter-spacing: 0;
  white-space: nowrap;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-title {
  position: absolute;
  text-overflow: ellipsis;
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
  padding: 3px 0 0 6px;
  z-index: 2;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count {
  position: absolute;
  right: 4px;
  margin-top: 3px;
  font-style: italic;
  color: #7f7f7f;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-loader,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-loader,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header .subcategory-loader {
  right: 0px;
  position: absolute;
  padding-top: 4px;
  background-color: #ffffff;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover {
  background: #eeeeee;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover .subcategory-loader,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover .subcategory-loader,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .subcategory-filter-header:hover .subcategory-loader {
  background-color: #eeeeee;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title {
  font-weight: bold;
  padding-left: 14px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened {
  color: #333333;
  font-weight: normal;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title {
  padding-left: 14px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container {
  margin-left: 8px;
  cursor: default;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container {
  border-left: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  height: 18px;
  padding-left: 4px;
  position: relative;
  background: #dfdfdf;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-title,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-title,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-title {
  text-overflow: ellipsis;
  width: 115px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-value-list,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-value-list,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container .property-filter-value-list {
  position: absolute;
  right: 1px;
  height: 16px;
  width: 115px;
  font-size: 11px;
}
#searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container:hover,
.catalog-assign-container .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container:hover,
.symbol-assign-searchbar .searchbar-root .category-filter-container .subcategory-filter-container .property-filter-list-container .property-filter-container:hover {
  background: #d0d0d0;
}
#searchbar .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count,
.catalog-assign-container .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count,
.symbol-assign-searchbar .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .subcategory-filter-count {
  right: 22px;
}
#searchbar .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .property-loading-spinner,
.catalog-assign-container .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .property-loading-spinner,
.symbol-assign-searchbar .searchbar-root .category-filter-container .loading .subcategory-filter-container .subcategory-filter-header .property-loading-spinner {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  height: 18px;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
}
#searchbar .searchbar-root .digikey_catalog_section,
.catalog-assign-container .searchbar-root .digikey_catalog_section,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section {
  margin-left: 0;
  background: #f9f9f9;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header {
  height: 30px;
  background: #eeeeee;
  padding-left: 0;
  margin: -1px 0 0 0;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header .nodeItem-loading-spinner,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header .nodeItem-loading-spinner,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header .nodeItem-loading-spinner {
  background-color: #eeeeee;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header:hover,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header:hover,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header:hover {
  background: #c6c6c6;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header:hover .nodeItem-loading-spinner,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header:hover .nodeItem-loading-spinner,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header:hover .nodeItem-loading-spinner {
  background-color: #c6c6c6;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-title,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-title,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-title {
  width: 175px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 6px 0 0 22px;
  background: transparent url(fdc01224dc31d8051842d8ec528ddcdf.png) 10px 11px no-repeat;
  color: #333333;
}
#searchbar .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-count,
.catalog-assign-container .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-count,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .category-filter-header .category-filter-count {
  padding-top: 6px;
}
#searchbar .searchbar-root .digikey_catalog_section.category-closed .category-filter-header,
.catalog-assign-container .searchbar-root .digikey_catalog_section.category-closed .category-filter-header,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section.category-closed .category-filter-header {
  background: #eeeeee;
}
#searchbar .searchbar-root .digikey_catalog_section.category-closed .category-filter-title,
.catalog-assign-container .searchbar-root .digikey_catalog_section.category-closed .category-filter-title,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section.category-closed .category-filter-title {
  color: #333333;
  font-weight: bold;
  background-image: url(ce2da5ff7ffc32f6a9dfc7fda1e29b79.png);
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container .subcategory-filter-header,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container .subcategory-filter-header,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container .subcategory-filter-header {
  height: 26px;
  padding: 4px 0 0 6px;
  font-size: 12px;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed {
  margin-top: -1px;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-header,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-header,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-header {
  background: #f5f5f5;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-filter-title {
  color: #9e0903;
  font-weight: bold;
  background: url(ebddac7c3d6c81f3f68e244aceb4a872.png) 0px 7px no-repeat;
  padding-left: 14px;
  z-index: 2;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-loader,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-loader,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-closed .subcategory-loader {
  background-color: #f5f5f5;
  padding-top: 2px;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened {
  color: #333333;
  font-weight: normal;
  margin-top: -1px;
}
#searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title,
.catalog-assign-container .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title,
.symbol-assign-searchbar .searchbar-root .digikey_catalog_section .subcategory-filter-list-container .subcategory-filter-container.subcategory-opened .subcategory-filter-title {
  padding-left: 14px;
}
#searchbar .searchbar-root .ui-resizable-handle,
.catalog-assign-container .searchbar-root .ui-resizable-handle,
.symbol-assign-searchbar .searchbar-root .ui-resizable-handle {
  background: #CDCDCD url(188f870045d32ccdd38544baf3a02bed.png) center center no-repeat;
  height: 6px;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #C9C9C9;
}
#searchbar .searchbar-root li.category-opened .category-filter-container,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container {
  border-bottom: 1px solid #b6b6b6;
}
#searchbar .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container {
  border-bottom: 1px solid #c9c9c9;
}
#searchbar .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container .property-filter-list-container li:last-child .property-filter-container,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container .property-filter-list-container li:last-child .property-filter-container,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container li.subcategory-opened .subcategory-filter-container .property-filter-list-container li:last-child .property-filter-container {
  border-bottom: none;
}
#searchbar .searchbar-root li.category-opened .category-filter-container li:last-child .subcategory-filter-container .subcategory-filter-header,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container li:last-child .subcategory-filter-container .subcategory-filter-header,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container li:last-child .subcategory-filter-container .subcategory-filter-header {
  border-bottom: none;
}
#searchbar .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container {
  border-bottom: none;
}
#searchbar .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container .subcategory-filter-header,
.catalog-assign-container .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container .subcategory-filter-header,
.symbol-assign-searchbar .searchbar-root li.category-opened .category-filter-container li:last-child.subcategory-opened .subcategory-filter-container .subcategory-filter-header {
  border-bottom: 1px solid #c9c9c9;
}
#searchbar .part-list,
.catalog-assign-container .part-list,
.symbol-assign-searchbar .part-list {
  background: #FFF;
  height: 50%;
  width: 100%;
  position: relative;
}
#searchbar .part-list .search-status,
.catalog-assign-container .part-list .search-status,
.symbol-assign-searchbar .part-list .search-status {
  position: absolute;
  top: 0;
  background: #f2f2f2;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
#searchbar .part-list .search-status .nodeItem-loading-spinner,
.catalog-assign-container .part-list .search-status .nodeItem-loading-spinner,
.symbol-assign-searchbar .part-list .search-status .nodeItem-loading-spinner {
  padding-top: 2px;
  right: 14px;
  background-color: #f2f2f2;
  z-index: 100001;
}
#searchbar .part-list .search-status .filter-result-count,
.catalog-assign-container .part-list .search-status .filter-result-count,
.symbol-assign-searchbar .part-list .search-status .filter-result-count {
  position: absolute;
  left: 10px;
  color: #000000;
  font-weight: bold;
}
#searchbar .part-list .search-status .add_symbol_editor,
.catalog-assign-container .part-list .search-status .add_symbol_editor,
.symbol-assign-searchbar .part-list .search-status .add_symbol_editor {
  position: absolute !important;
  right: 5px;
  color: #000000;
  font-weight: bold;
}
#searchbar .part-list .search-status .filter-link,
.catalog-assign-container .part-list .search-status .filter-link,
.symbol-assign-searchbar .part-list .search-status .filter-link {
  position: absolute;
  right: 10px;
  z-index: 100000;
}
#searchbar .part-list .search-status .filter-link a,
.catalog-assign-container .part-list .search-status .filter-link a,
.symbol-assign-searchbar .part-list .search-status .filter-link a {
  text-decoration: none;
  color: #0078e7;
  padding-right: 5px;
}
#searchbar .part-list .search-status .filter-flyout,
.catalog-assign-container .part-list .search-status .filter-flyout,
.symbol-assign-searchbar .part-list .search-status .filter-flyout,
#searchbar .part-list .search-status .filter-flyout:after,
.catalog-assign-container .part-list .search-status .filter-flyout:after,
.symbol-assign-searchbar .part-list .search-status .filter-flyout:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 50%;
  left: 18px;
  margin-top: -11px;
  margin-left: 5px;
  z-index: 101;
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid #ffffff;
  border-top: 11px solid rgba(0, 0, 0, 0);
  border-bottom: 11px solid rgba(0, 0, 0, 0);
  -webkit-filter: drop-shadow(-2px 0px 0px #000);
}
#searchbar .part-list .part-list-container,
.catalog-assign-container .part-list .part-list-container,
.symbol-assign-searchbar .part-list .part-list-container {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  background: #FFF;
  width: 100%;
  top: 26px;
  bottom: 23px;
}
#searchbar .part-list .part-list-container .part-list-item,
.catalog-assign-container .part-list .part-list-container .part-list-item,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item {
  font-size: 10px;
  line-height: 12px;
  border-bottom: 1px solid #ddd;
  border-top: none !important;
  padding: 5px 0 5px 10px;
  height: 40px;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#searchbar .part-list .part-list-container .part-list-item:hover,
.catalog-assign-container .part-list .part-list-container .part-list-item:hover,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item:hover {
  background: #dde9f9;
  border-top: 1px solid #8dbcee;
  border-bottom: 1px solid #8dbcee;
}
#searchbar .part-list .part-list-container .part-list-item.active-item,
.catalog-assign-container .part-list .part-list-container .part-list-item.active-item,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item.active-item {
  background-color: #8dbcee;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-sprite-parent,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-sprite-parent,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-sprite-parent {
  width: 50px;
  height: 40px;
  position: relative;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-sprite-parent .part-item-sprite,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-sprite-parent .part-item-sprite,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-sprite-parent .part-item-sprite {
  max-width: 50px;
  max-height: 40px;
  object-fit: contain;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#searchbar .part-list .part-list-container .part-list-item .part-item-detail,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-detail,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-detail {
  margin-left: 5px;
  vertical-align: middle;
  width: 135px;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-detail.no-sprite,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-detail.no-sprite,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-detail.no-sprite {
  width: 170px;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-detail.user-library,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-detail.user-library,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-detail.user-library {
  width: 190px !important;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-detail .part-item-title,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-detail .part-item-title,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-detail .part-item-title {
  font-size: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
#searchbar .part-list .part-list-container .part-list-item .part-item-description,
.catalog-assign-container .part-list .part-list-container .part-list-item .part-item-description,
.symbol-assign-searchbar .part-list .part-list-container .part-list-item .part-item-description {
  text-overflow: ellipsis;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
}
#searchbar .part-list .part-list-container .nodeItem-loading-spinner,
.catalog-assign-container .part-list .part-list-container .nodeItem-loading-spinner,
.symbol-assign-searchbar .part-list .part-list-container .nodeItem-loading-spinner {
  background: transparent url(4842ffcc88c966f0f2b94d2bd50fcbd9.svg) center no-repeat;
  background-size: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
#searchbar .part-list .part-list-container .part-detail-tooltip,
.catalog-assign-container .part-list .part-list-container .part-detail-tooltip,
.symbol-assign-searchbar .part-list .part-list-container .part-detail-tooltip {
  position: fixed;
  bottom: 0px;
  left: 267px;
  padding: 12px;
  border: 1px solid #bbb;
  border-left: none;
  font-size: 12px;
  line-height: 20px;
  min-height: 325px;
  z-index: 2;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
#searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-label,
.catalog-assign-container .part-list .part-list-container .part-detail-tooltip .part-detail-label,
.symbol-assign-searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-label {
  font-weight: bold;
  padding-right: 12px;
  text-align: right;
  vertical-align: top;
}
#searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-value,
.catalog-assign-container .part-list .part-list-container .part-detail-tooltip .part-detail-value,
.symbol-assign-searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-value {
  width: 200px;
  border-left: 1px solid #bbb;
  padding-left: 12px;
  text-align: left;
}
#searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-value div,
.catalog-assign-container .part-list .part-list-container .part-detail-tooltip .part-detail-value div,
.symbol-assign-searchbar .part-list .part-list-container .part-detail-tooltip .part-detail-value div {
  width: 100%;
}
#searchbar .part-list .part-list-container .filter-modal-dialog,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog {
  position: fixed;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 91;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup {
  position: fixed;
  left: 267px;
  border: 1px solid #bbb;
  border-left: none;
  background: #FFF;
  font-size: 12px;
  line-height: 20px;
  min-height: 325px;
  max-height: 600px;
  min-width: 150px;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header {
  background: #fdfdfd;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 10px;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .heading,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .heading,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .heading {
  display: inline-block;
  padding: 2px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .clear-all,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .clear-all,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .clear-all {
  float: right;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close {
  display: none;
  background: #990000;
  color: #FFFFFF;
  line-height: 18px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -8px;
  width: 18px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  cursor: pointer;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close:hover,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close:hover,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .header .close:hover {
  background: #660000;
  cursor: pointer;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container {
  padding: 0 0 10px 10px;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container .property-list,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container .property-list,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container .property-list {
  max-height: 546px;
  margin-bottom: 5px;
  padding: 10px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li {
  height: 19px;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li div,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li div,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li div {
  min-width: 320px;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li span,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li span,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li span {
  float: left;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
}
#searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li select,
.catalog-assign-container .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li select,
.symbol-assign-searchbar .part-list .part-list-container .filter-modal-dialog .sidebar-filters-popup .attribute-filter-container ul li select {
  width: 150px;
  height: 20px;
}
#searchbar .part-list .part-list-container .part-button,
.catalog-assign-container .part-list .part-list-container .part-button,
.symbol-assign-searchbar .part-list .part-list-container .part-button {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 2px 0 0;
}
#searchbar .part-list .part-list-container .favorite.star_inactive,
.catalog-assign-container .part-list .part-list-container .favorite.star_inactive,
.symbol-assign-searchbar .part-list .part-list-container .favorite.star_inactive {
  background: url(b8f028b6a7d0dbf59afebc0af0db8c05.png) no-repeat center center;
}
#searchbar .part-list .part-list-container .favorite.star_inactive:hover,
.catalog-assign-container .part-list .part-list-container .favorite.star_inactive:hover,
.symbol-assign-searchbar .part-list .part-list-container .favorite.star_inactive:hover {
  background: url(f75d77ffd9b58c680a6d792e6a782fe1.png) no-repeat center center;
}
#searchbar .part-list .part-list-container .favorite.star_active,
.catalog-assign-container .part-list .part-list-container .favorite.star_active,
.symbol-assign-searchbar .part-list .part-list-container .favorite.star_active {
  background: url(093b2c0509eaa9676290d134ca47c20c.png) no-repeat center center;
}
#searchbar .part-list .part-list-container .set-or-remove-graphical-symbol input,
.catalog-assign-container .part-list .part-list-container .set-or-remove-graphical-symbol input,
.symbol-assign-searchbar .part-list .part-list-container .set-or-remove-graphical-symbol input {
  position: relative;
  margin-left: 1.5px;
}
#searchbar .part-list .part-list-container .ultra-librarian.part-finding .image,
.catalog-assign-container .part-list .part-list-container .ultra-librarian.part-finding .image,
.symbol-assign-searchbar .part-list .part-list-container .ultra-librarian.part-finding .image {
  content: '\A0';
  background: url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) no-repeat center center;
  background-size: 18px 18px;
  width: 100%;
  height: 100%;
}
#searchbar .part-list .part-list-container .ultra-librarian.part-not-existed .image,
.catalog-assign-container .part-list .part-list-container .ultra-librarian.part-not-existed .image,
.symbol-assign-searchbar .part-list .part-list-container .ultra-librarian.part-not-existed .image {
  display: none;
}
#searchbar .part-list .part-list-container .ultra-librarian.part-existed .image,
.catalog-assign-container .part-list .part-list-container .ultra-librarian.part-existed .image,
.symbol-assign-searchbar .part-list .part-list-container .ultra-librarian.part-existed .image {
  content: '\A0';
  background: url(00157a97863cbb85c477c06cac013f09.png) no-repeat center center;
  background-size: 18px 18px;
  width: 100%;
  height: 100%;
}
#searchbar .part-list .part-list-container .ultra-librarian.part-existed .image:hover,
.catalog-assign-container .part-list .part-list-container .ultra-librarian.part-existed .image:hover,
.symbol-assign-searchbar .part-list .part-list-container .ultra-librarian.part-existed .image:hover {
  opacity: 0.8;
  border-radius: 3px;
  background-color: #c8102e;
}
#searchbar .part-list .part-list-container .part-detail-button .arrow-right,
.catalog-assign-container .part-list .part-list-container .part-detail-button .arrow-right,
.symbol-assign-searchbar .part-list .part-list-container .part-detail-button .arrow-right {
  content: '\A0';
  background: url(0fd6de8bf5c64df78d739d2af9477df4.png) -190px -252px no-repeat;
  width: 100%;
  height: 100%;
  margin-top: -2px;
}
#searchbar .part-info .part-info-control,
.catalog-assign-container .part-info .part-info-control,
.symbol-assign-searchbar .part-info .part-info-control {
  height: 30px;
  border-bottom: 2px solid #c0c0c0;
  background: #F2F2F2;
  line-height: 30px;
  color: #4A90E2;
  position: absolute;
  top: 93px;
  width: 100%;
}
#searchbar .part-info .part-info-control .part-info-home-prompt-link,
.catalog-assign-container .part-info .part-info-control .part-info-home-prompt-link,
.symbol-assign-searchbar .part-info .part-info-control .part-info-home-prompt-link {
  color: #0066cc;
  display: block;
  position: absolute;
  left: 4px;
  cursor: pointer;
  font-size: 12px;
  padding-left: 18px;
}
#searchbar .part-info .part-info-control .part-info-home-prompt-link .leftBlueArrow,
.catalog-assign-container .part-info .part-info-control .part-info-home-prompt-link .leftBlueArrow,
.symbol-assign-searchbar .part-info .part-info-control .part-info-home-prompt-link .leftBlueArrow {
  position: absolute;
  left: 4px;
  width: 18px;
  height: 18px;
  margin: 8px 2px 0 0;
  background: url(0fd6de8bf5c64df78d739d2af9477df4.png) -224px -258px no-repeat;
}
#searchbar .part-info .part-info-control .part-info-home-prompt-link:hover,
.catalog-assign-container .part-info .part-info-control .part-info-home-prompt-link:hover,
.symbol-assign-searchbar .part-info .part-info-control .part-info-home-prompt-link:hover {
  color: #3399ff;
}
#searchbar .part-info .part-info-control .part-index-info,
.catalog-assign-container .part-info .part-info-control .part-index-info,
.symbol-assign-searchbar .part-info .part-info-control .part-index-info {
  display: block;
  position: absolute;
  right: 70px;
  cursor: pointer;
  font-size: 11px;
  color: #8d8d8d;
}
#searchbar .part-info .part-info-control button,
.catalog-assign-container .part-info .part-info-control button,
.symbol-assign-searchbar .part-info .part-info-control button {
  height: 24px;
  width: 24px;
  background: #DDD;
  border: none;
  position: absolute;
  top: 3px;
  cursor: pointer;
}
#searchbar .part-info .part-info-control button.part-info-back-button,
.catalog-assign-container .part-info .part-info-control button.part-info-back-button,
.symbol-assign-searchbar .part-info .part-info-control button.part-info-back-button {
  right: 40px;
  background: transparent url(4d59a5522e692e5309835ab332947b21.png) center center no-repeat;
}
#searchbar .part-info .part-info-control button.part-info-next-button,
.catalog-assign-container .part-info .part-info-control button.part-info-next-button,
.symbol-assign-searchbar .part-info .part-info-control button.part-info-next-button {
  right: 16px;
  background: transparent url(91c2ac8e9a6ebe0c232efd9cef8d070f.png) center center no-repeat;
}
#searchbar .part-info .part-info-container,
.catalog-assign-container .part-info .part-info-container,
.symbol-assign-searchbar .part-info .part-info-container {
  background: #FFF;
  position: absolute;
  top: 125px;
  bottom: 0;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
  padding-bottom: 20px;
}
#searchbar .part-info .part-info-container .data-sheet-icon,
.catalog-assign-container .part-info .part-info-container .data-sheet-icon,
.symbol-assign-searchbar .part-info .part-info-container .data-sheet-icon {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  background: url(0fd6de8bf5c64df78d739d2af9477df4.png) -292px -220px no-repeat;
}
#searchbar .part-info .part-info-container .loading-icon,
.catalog-assign-container .part-info .part-info-container .loading-icon,
.symbol-assign-searchbar .part-info .part-info-container .loading-icon {
  content: '\A0';
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  background: url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) no-repeat center center;
  background-size: 18px 18px;
  margin-right: 4px;
}
#searchbar .part-info .part-info-container .digi-key-icon,
.catalog-assign-container .part-info .part-info-container .digi-key-icon,
.symbol-assign-searchbar .part-info .part-info-container .digi-key-icon {
  content: '\A0';
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  background: url(5a6db5b8282831f55f1585a8a0cb51d2.png) no-repeat center center;
  background-size: 18px 18px;
  margin-right: 4px;
}
#searchbar .part-info .part-info-container .ultra-librarian-icon,
.catalog-assign-container .part-info .part-info-container .ultra-librarian-icon,
.symbol-assign-searchbar .part-info .part-info-container .ultra-librarian-icon {
  content: '\A0';
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  background: url(00157a97863cbb85c477c06cac013f09.png) no-repeat center center;
  background-size: 18px 18px;
  margin-right: 4px;
}
#searchbar .part-info .part-info-container .outbound-link-icon,
.catalog-assign-container .part-info .part-info-container .outbound-link-icon,
.symbol-assign-searchbar .part-info .part-info-container .outbound-link-icon {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  background: url(0fd6de8bf5c64df78d739d2af9477df4.png) -223px -220px no-repeat;
}
#searchbar .part-info .part-info-container .component-preview,
.catalog-assign-container .part-info .part-info-container .component-preview,
.symbol-assign-searchbar .part-info .part-info-container .component-preview {
  height: auto;
  margin: 5px 10px;
}
#searchbar .part-info .part-info-container .catalog_item_drag_to_assign,
.catalog-assign-container .part-info .part-info-container .catalog_item_drag_to_assign,
.symbol-assign-searchbar .part-info .part-info-container .catalog_item_drag_to_assign {
  width: auto;
  height: 30px;
  padding: 12px 5px 0px 10px;
  background: #F2F2F2;
  margin: 10px 4px 10px 4px;
  border: 1px dashed #979797;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  font-size: 14px;
}
#searchbar .part-info .part-info-container .catalog_item_drag_to_assign img,
.catalog-assign-container .part-info .part-info-container .catalog_item_drag_to_assign img,
.symbol-assign-searchbar .part-info .part-info-container .catalog_item_drag_to_assign img {
  float: left;
  padding: 0 5px 0 10px;
}
#searchbar .part-info .part-info-container .detail-container table,
.catalog-assign-container .part-info .part-info-container .detail-container table,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table {
  font-size: 12px;
  line-height: 20px;
  display: block;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#searchbar .part-info .part-info-container .detail-container table tbody,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody {
  display: block;
}
#searchbar .part-info .part-info-container .detail-container table tbody tr,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody tr,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody tr {
  display: table;
  width: 100%;
}
#searchbar .part-info .part-info-container .detail-container table tbody tr th,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody tr th,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody tr th {
  width: 100%;
  display: block;
}
#searchbar .part-info .part-info-container .detail-container table tbody tr td,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody tr td,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody tr td {
  text-align: left;
}
#searchbar .part-info .part-info-container .detail-container table tbody tr:first-child,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody tr:first-child,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody tr:first-child {
  margin-top: 12px;
}
#searchbar .part-info .part-info-container .detail-container table tbody tr:last-child,
.catalog-assign-container .part-info .part-info-container .detail-container table tbody tr:last-child,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table tbody tr:last-child {
  margin-bottom: 12px;
}
#searchbar .part-info .part-info-container .detail-container table a,
.catalog-assign-container .part-info .part-info-container .detail-container table a,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #0066cc;
  cursor: pointer;
}
#searchbar .part-info .part-info-container .detail-container table a:hover,
.catalog-assign-container .part-info .part-info-container .detail-container table a:hover,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table a:hover {
  color: #3399ff;
}
#searchbar .part-info .part-info-container .detail-container table .detail-title th,
.catalog-assign-container .part-info .part-info-container .detail-container table .detail-title th,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .detail-title th {
  height: 27px;
  vertical-align: top;
}
#searchbar .part-info .part-info-container .detail-container table .detail-title th div,
.catalog-assign-container .part-info .part-info-container .detail-container table .detail-title th div,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .detail-title th div {
  height: 19px;
  border-bottom: 1px solid #CDCDCD;
  background: #F2F2F2;
  padding-left: 5px;
  line-height: 17px;
  font-weight: bold;
  padding-top: 2px;
  text-align: left;
}
#searchbar .part-info .part-info-container .detail-container table .detail-section .detail-section-title,
.catalog-assign-container .part-info .part-info-container .detail-container table .detail-section .detail-section-title,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .detail-section .detail-section-title {
  width: 40%;
  padding-left: 14px;
  vertical-align: top;
  font-weight: bold;
  white-space: nowrap;
}
#searchbar .part-info .part-info-container .detail-container table .draggable-section div,
.catalog-assign-container .part-info .part-info-container .detail-container table .draggable-section div,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .draggable-section div {
  height: 48px;
  border: 1px dashed #979797;
  cursor: pointer;
  margin: 4px;
  background: #F2F2F2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 49px;
}
#searchbar .part-info .part-info-container .detail-container table .draggable-section div span,
.catalog-assign-container .part-info .part-info-container .detail-container table .draggable-section div span,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .draggable-section div span {
  padding-left: 20px;
  padding-top: 2px;
  background: transparent url(a9a0a3de72d03e816a4fcbea4093f4e6.png) left center no-repeat;
}
#searchbar .part-info .part-info-container .detail-container table .draggable-section div:hover,
.catalog-assign-container .part-info .part-info-container .detail-container table .draggable-section div:hover,
.symbol-assign-searchbar .part-info .part-info-container .detail-container table .draggable-section div:hover {
  background-color: #f8f8f8;
}
#searchbar .part-info .part-info-container .dragging-instruction,
.catalog-assign-container .part-info .part-info-container .dragging-instruction,
.symbol-assign-searchbar .part-info .part-info-container .dragging-instruction {
  color: #BBBED8;
  font-size: 11px;
  margin-left: 17px;
  padding-left: 13px;
  background: transparent url(98af33247756c4a71ab97d0273f1bf19.png) left center no-repeat;
}
#searchbar .part-info .part-info-container .media-item,
.catalog-assign-container .part-info .part-info-container .media-item,
.symbol-assign-searchbar .part-info .part-info-container .media-item {
  position: relative;
  text-align: center;
}
#searchbar .part-info .part-info-container .media-item .media-title,
.catalog-assign-container .part-info .part-info-container .media-item .media-title,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-title {
  height: 20px;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
  background: #F2F2F2;
  padding: 6px 0 2px 5px;
  line-height: 19px;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
}
#searchbar .part-info .part-info-container .media-item .media-link-contents,
.catalog-assign-container .part-info .part-info-container .media-item .media-link-contents,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-link-contents {
  font-size: 12px;
  padding: 8px 0 14px 0;
}
#searchbar .part-info .part-info-container .media-item .media-link-contents div,
.catalog-assign-container .part-info .part-info-container .media-item .media-link-contents div,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-link-contents div {
  display: inline-block;
  height: 18px;
  padding-top: 4px;
}
#searchbar .part-info .part-info-container .media-item .media-link-contents .outbound-link-icon,
.catalog-assign-container .part-info .part-info-container .media-item .media-link-contents .outbound-link-icon,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-link-contents .outbound-link-icon {
  float: none;
}
#searchbar .part-info .part-info-container .media-item .media-contents,
.catalog-assign-container .part-info .part-info-container .media-item .media-contents,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-contents {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  cursor: pointer;
}
#searchbar .part-info .part-info-container .media-item .media-contents img,
.catalog-assign-container .part-info .part-info-container .media-item .media-contents img,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-contents img {
  margin: 5px auto;
  display: block;
  border: 1px dashed #CBCBCB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px;
  width: 228px;
}
#searchbar .part-info .part-info-container .media-item .media-contents .media-hover-instruction,
.catalog-assign-container .part-info .part-info-container .media-item .media-contents .media-hover-instruction,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-contents .media-hover-instruction {
  background: #EDEDED;
  position: absolute;
  display: block;
  top: 13px;
  right: 3px;
  left: 3px;
  bottom: 13px;
  opacity: 0.8;
}
#searchbar .part-info .part-info-container .media-item .media-contents .media-hover-instruction span,
.catalog-assign-container .part-info .part-info-container .media-item .media-contents .media-hover-instruction span,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-contents .media-hover-instruction span {
  position: absolute;
  top: 45%;
  left: 5%;
  padding-left: 20px;
  height: 17px;
  line-height: 21px;
  background: transparent url(a9a0a3de72d03e816a4fcbea4093f4e6.png) left center no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents {
  width: 100%;
  max-height: 140px;
  padding-bottom: 10px;
  list-style: none;
  text-align: center;
  overflow-y: auto;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents li,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents li,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents li {
  margin-right: 5px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents li:last-child,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents li:last-child,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents li:last-child {
  margin-right: 0;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents .draggable-component,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents .draggable-component,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents .draggable-component {
  display: inline;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents .draggable-component img,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents .draggable-component img,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents .draggable-component img {
  margin-top: 5px;
  margin-left: 5px;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents img,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents img,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents img {
  height: 45px;
  padding: 5px;
  margin: 5px auto;
  display: block;
  border: 1px dashed #CBCBCB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction {
  background: #EDEDED;
  position: absolute;
  display: block;
  top: 8px;
  right: 3px;
  left: 8px;
  bottom: 8px;
  opacity: 0.8;
}
#searchbar .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction span,
.catalog-assign-container .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction span,
.symbol-assign-searchbar .part-info .part-info-container .media-item .media-symbol-contents .media-hover-instruction span {
  position: absolute;
  top: 40%;
  left: 40%;
  padding-left: 20px;
  height: 17px;
  line-height: 21px;
  background: transparent url(a9a0a3de72d03e816a4fcbea4093f4e6.png) left center no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-title:before,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-title:before,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-title:before {
  background-image: url(00157a97863cbb85c477c06cac013f09.png);
  background-size: 13px 13px;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  content: '';
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-preview,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-preview,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-preview {
  width: 228px !important;
  height: auto !important;
  margin: 0 auto;
  border: 1px dashed #CBCBCB;
  border-radius: 4px;
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-preview svg,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-preview svg,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-preview svg {
  width: 100%;
  height: 100%;
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-iframe,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-iframe,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-iframe {
  width: 228px !important;
  height: 228px !important;
  margin: 0 auto;
  border: 1px dashed #CBCBCB;
  border-radius: 4px;
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-iframe iframe,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-iframe iframe,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-iframe iframe {
  width: 100%;
  height: 100%;
}
#searchbar .part-info .part-info-container .media-item .ultra-librarian-select,
.catalog-assign-container .part-info .part-info-container .media-item .ultra-librarian-select,
.symbol-assign-searchbar .part-info .part-info-container .media-item .ultra-librarian-select {
  width: 228px;
  height: 30px;
  margin-top: 5px;
}
#searchbar .part-info .part-info-container .detail-container .media-title,
.catalog-assign-container .part-info .part-info-container .detail-container .media-title,
.symbol-assign-searchbar .part-info .part-info-container .detail-container .media-title {
  border-top: 0;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .info-icon,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .info-icon,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .info-icon,
#searchbar .part-info .part-info-container .ultralib-symbol-list .info-icon,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .info-icon,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .info-icon {
  width: 14px;
  height: 13px;
  display: inline-block;
  background: transparent url(3aef54045e0563ba74d9305be8903523.png) left center no-repeat;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .place-all-link,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .place-all-link,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .place-all-link,
#searchbar .part-info .part-info-container .ultralib-symbol-list .place-all-link,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .place-all-link,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .place-all-link {
  margin-right: 5px;
  float: right;
  color: #0066cc;
  font-weight: normal;
  cursor: pointer;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .place-all-link:hover,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .place-all-link:hover,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .place-all-link:hover,
#searchbar .part-info .part-info-container .ultralib-symbol-list .place-all-link:hover,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .place-all-link:hover,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .place-all-link:hover {
  color: #3399ff;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents {
  max-height: 180px;
  text-align: left;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li {
  margin-right: 0px;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container,
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container {
  margin-top: 8px;
  margin-left: 8px;
  padding: 4px 10px;
  border: 1px dashed #CBCBCB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 50px;
  height: 40px;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container:hover,
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container:hover {
  border-style: solid;
  background: #EDEDED;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-preview,
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-preview {
  margin: 0;
  padding: 0;
  border: 0;
}
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .multi-gate-symbol .component-preview-container .component-label,
#searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label,
.catalog-assign-container .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label,
.symbol-assign-searchbar .part-info .part-info-container .multi-gate-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label,
#searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label,
.catalog-assign-container .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label,
.symbol-assign-searchbar .part-info .part-info-container .ultralib-symbol-list .media-symbol-contents li .ultralib-symbol .component-preview-container .component-label {
  margin-top: 4px;
  text-align: center;
}
#searchbar .searchbar-control,
.catalog-assign-container .searchbar-control,
.symbol-assign-searchbar .searchbar-control {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 23px;
  font-size: 12px;
  border-top: 1px solid #E0E0E0;
  background: #F2F2F2;
}
#searchbar .searchbar-control button,
.catalog-assign-container .searchbar-control button,
.symbol-assign-searchbar .searchbar-control button {
  height: 100%;
  width: 60px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
#searchbar .searchbar-control button:hover,
.catalog-assign-container .searchbar-control button:hover,
.symbol-assign-searchbar .searchbar-control button:hover {
  background-color: #E3E3E3;
}
#searchbar .searchbar-control .searchbar-previous-button,
.catalog-assign-container .searchbar-control .searchbar-previous-button,
.symbol-assign-searchbar .searchbar-control .searchbar-previous-button {
  position: absolute;
  top: 0;
  left: 0;
  background: #F2F2F2 url(5a78bfda6c8fa8c642e6a4897b184096.png) center center no-repeat;
}
#searchbar .searchbar-control .searchbar-next-button,
.catalog-assign-container .searchbar-control .searchbar-next-button,
.symbol-assign-searchbar .searchbar-control .searchbar-next-button {
  position: absolute;
  top: 0;
  right: 0;
  background: #F2F2F2 url(ee7f817ddaca2dc116d89da5ddf37c7e.png) center center no-repeat;
}
#searchbar .searchbar-control .disabled-button,
.catalog-assign-container .searchbar-control .disabled-button,
.symbol-assign-searchbar .searchbar-control .disabled-button {
  background-image: none;
  cursor: default;
  border: 0;
}
#searchbar .searchbar-control .disabled-button:hover,
.catalog-assign-container .searchbar-control .disabled-button:hover,
.symbol-assign-searchbar .searchbar-control .disabled-button:hover {
  background-color: #F2F2F2;
}
#searchbar .searchbar-control .page-number-control,
.catalog-assign-container .searchbar-control .page-number-control,
.symbol-assign-searchbar .searchbar-control .page-number-control {
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  right: 65px;
  padding: 2px;
  text-align: center;
}
#searchbar .searchbar-control .searchbar-pagenumber,
.catalog-assign-container .searchbar-control .searchbar-pagenumber,
.symbol-assign-searchbar .searchbar-control .searchbar-pagenumber {
  text-align: right;
  width: 40px;
}
.sidebar {
  position: relative;
  float: left;
  background-color: #f9f9f9;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar ul {
  list-style: none;
  margin-left: 0;
  float: left;
}
.sidebar ul li {
  float: left;
  clear: left;
  background-color: #aaccff;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.sidebar .heading,
.sidebar .leaf {
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.sidebar .loader {
  line-height: 29px;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  padding-left: 34px;
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) 10px 5px no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sidebar .level_1,
.sidebar .sidebar-section {
  border-top: 1px solid #8e8e8e;
  position: relative;
}
.sidebar .level_1 > li,
.sidebar .sidebar-section > li,
.sidebar .level_1 .section-heading,
.sidebar .sidebar-section .section-heading {
  background: #656565;
  color: #fff;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 28px;
  letter-spacing: 1px;
}
.sidebar .level_1 > li span,
.sidebar .sidebar-section > li span,
.sidebar .level_1 .section-heading span,
.sidebar .sidebar-section .section-heading span {
  padding-left: 10px;
}
.sidebar .level_1 .hover_1,
.sidebar .sidebar-section .hover_1 {
  background-color: #a20000 !important;
}
.sidebar .level_1 .hover_1_static,
.sidebar .sidebar-section .hover_1_static {
  background: #FF2100;
}
.sidebar .level_2,
.sidebar .sidebar-category {
  border-bottom: 1px solid #fff;
}
.sidebar .level_2 > li,
.sidebar .sidebar-category > li,
.sidebar .level_2 .sidebar-category-heading,
.sidebar .sidebar-category .sidebar-category-heading {
  background: #fff;
  color: #333;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
}
.sidebar .level_2 > li span,
.sidebar .sidebar-category > li span,
.sidebar .level_2 .sidebar-category-heading span,
.sidebar .sidebar-category .sidebar-category-heading span {
  display: block;
  line-height: 16px;
  padding: 6px 0px 6px 21px;
}
.sidebar .level_2 .hover_2,
.sidebar .sidebar-category .hover_2 {
  background-color: #ccc;
}
.sidebar .level_2 .hover_2_static,
.sidebar .sidebar-category .hover_2_static {
  background: #ccc url(ce2da5ff7ffc32f6a9dfc7fda1e29b79.png) 10px 10px no-repeat;
}
.sidebar .level_3 > li,
.sidebar .sidebar-sub-category > li,
.sidebar .level_3 .sidebar-sub-category-heading,
.sidebar .sidebar-sub-category .sidebar-sub-category-heading {
  background: #fff url(efe3187899ce7a40e2a56183d8352f12.png) 10px 9px no-repeat;
  color: #8c8c8c;
  text-transform: none;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 28px;
}
.sidebar .level_3 > li.sidebar_sub_category_loaded,
.sidebar .sidebar-sub-category > li.sidebar_sub_category_loaded,
.sidebar .level_3 .sidebar-sub-category-heading.sidebar_sub_category_loaded,
.sidebar .sidebar-sub-category .sidebar-sub-category-heading.sidebar_sub_category_loaded {
  color: #000;
}
.sidebar .level_3 > li span,
.sidebar .sidebar-sub-category > li span,
.sidebar .level_3 .sidebar-sub-category-heading span,
.sidebar .sidebar-sub-category .sidebar-sub-category-heading span {
  padding-left: 27px;
}
.sidebar .level_3 .hover_3,
.sidebar .sidebar-sub-category .hover_3 {
  background: #f2f2f2 url(efe3187899ce7a40e2a56183d8352f12.png) 10px -49px no-repeat !important;
  color: #000 !important;
}
.sidebar .level_3 .hover_3_static,
.sidebar .sidebar-sub-category .hover_3_static {
  background: #f2f2f2 url(efe3187899ce7a40e2a56183d8352f12.png) 10px -78px no-repeat !important;
  color: #000;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show],
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] {
  border-bottom: 1px solid #e2e2e2;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child div[bn-slide-show]:last-child,
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child div[bn-slide-show]:last-child {
  border-bottom: none;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child > .sidebar-sub-category-heading,
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child > .sidebar-sub-category-heading {
  border-bottom: none;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child > .sidebar-sub-category-heading.hover_3_static,
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] .sidebar-sub-category:last-child > .sidebar-sub-category-heading.hover_3_static {
  border-bottom: 1px solid #e2e2e2;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show] .sidebar-component.leaf,
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] .sidebar-component.leaf {
  border-bottom: 1px solid #e2e2e2;
}
.sidebar .level_3 .hover_3_static ~ div[bn-slide-show] .sidebar-component:last-child.leaf,
.sidebar .sidebar-sub-category .hover_3_static ~ div[bn-slide-show] .sidebar-component:last-child.leaf {
  border-bottom: none;
}
.sidebar .sidebar-component[empty-component],
.sidebar .sidebar-component[error-component] {
  margin-left: -8px;
  height: 60px;
}
.sidebar .sidebar-component[empty-component] .empty-component.component-description,
.sidebar .sidebar-component[error-component] .empty-component.component-description,
.sidebar .sidebar-component[empty-component] .error-component.component-description,
.sidebar .sidebar-component[error-component] .error-component.component-description {
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  font-size: 9px;
  left: 30px;
  top: 25px;
  padding-right: 5px;
}
.sidebar .sidebar-component[empty-component] .empty-component.component-name,
.sidebar .sidebar-component[error-component] .empty-component.component-name,
.sidebar .sidebar-component[empty-component] .error-component.component-name,
.sidebar .sidebar-component[error-component] .error-component.component-name {
  left: 30px;
}
.sidebar .sidebar-component[section=reference_designs].leaf {
  white-space: normal;
}
.sidebar .sidebar-component[section=reference_designs].leaf .component-name,
.sidebar .sidebar-component[section=reference_designs].leaf .component-description {
  left: 25px;
  margin: 5px 5px 0 0;
  max-height: 45px;
}
.sidebar .level_4,
.sidebar .sidebar-component {
  background-color: #fff;
}
.sidebar .level_4 > li,
.sidebar .sidebar-component > li,
.sidebar .level_4.leaf,
.sidebar .sidebar-component.leaf {
  position: relative;
  background-image: none!important;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .level_4 > li span,
.sidebar .sidebar-component > li span,
.sidebar .level_4.leaf span,
.sidebar .sidebar-component.leaf span {
  float: left;
  padding-left: 0;
  padding-top: 10px;
}
.sidebar .level_4 > li .component-name,
.sidebar .sidebar-component > li .component-name,
.sidebar .level_4.leaf .component-name,
.sidebar .sidebar-component.leaf .component-name {
  margin-top: 12px;
  position: absolute;
  left: 65px;
}
.sidebar .level_4 > li .component-description,
.sidebar .sidebar-component > li .component-description,
.sidebar .level_4.leaf .component-description,
.sidebar .sidebar-component.leaf .component-description {
  position: absolute;
  top: 26px;
  left: 65px;
}
.sidebar .level_4 img,
.sidebar .sidebar-component img {
  padding-left: 10px;
  float: left;
}
.sidebar .level_4 .hover_4,
.sidebar .sidebar-component .hover_4,
.sidebar .level_4.hover_4,
.sidebar .sidebar-component.hover_4 {
  background-image: none;
  background-color: #f2f2f2 !important;
  color: #000 !important;
}
.sidebar .level_4 .mousein,
.sidebar .sidebar-component .mousein {
  overflow: visible;
}
.tooltip_project_title {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}
.myfiles-table-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 23px;
  font-size: 12px;
  border-top: 1px solid #E0E0E0;
  background: #F2F2F2;
}
.myfiles-table-pagination button {
  height: 100%;
  width: 60px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
.myfiles-table-pagination button:hover {
  background-color: #E3E3E3;
}
.myfiles-table-pagination .searchbar-previous-button {
  position: absolute;
  top: 0;
  left: 0;
  background: #F2F2F2 url(5a78bfda6c8fa8c642e6a4897b184096.png) center center no-repeat;
}
.myfiles-table-pagination .searchbar-next-button {
  position: absolute;
  top: 0;
  right: 0;
  background: #F2F2F2 url(ee7f817ddaca2dc116d89da5ddf37c7e.png) center center no-repeat;
}
.myfiles-table-pagination .disabled-button {
  background-image: none;
  cursor: default;
  border: 0;
}
.myfiles-table-pagination .disabled-button:hover {
  background-color: #F2F2F2;
}
.myfiles-table-pagination .page-number-control {
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  right: 65px;
  padding: 2px;
  text-align: center;
}
.myfiles-table-pagination .searchbar-pagenumber {
  text-align: right;
  width: 40px;
}
.myfiles-table-container .myfiles-table {
  margin-bottom: 23px;
}
.nodeItem-loading-spinner-symbols {
  left: 0px !important;
  top: 18px;
}
#file-ultra-lib-upload {
  position: absolute;
  width: 50px;
  bottom: 5px;
  right: 60px;
}
#file-ultra-lib-submit {
  position: absolute;
  right: 15px;
  bottom: 3px;
}
.build-a-symbol-button {
  margin-left: 10px;
  height: 30px;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  padding-left: 4px;
  background: #fff;
  cursor: pointer;
  line-height: 30px;
}
.build-a-symbol-button label {
  font-size: 12px;
  padding: 6px 0 0 10px;
  cursor: pointer;
}
/**  Catalog -assign Modal dialog and modal */
#catalog-assign-anchor {
  position: absolute;
  left: 300px;
  top: 50px;
}
.ui-resizable-se {
  width: 12px;
  height: 12px;
  right: 3px;
  bottom: 3px;
}
.catalog-assign-dialog-container,
.assign-symbol-editor-dialog-container {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100003;
}
.catalog-assign-modal-dialog,
.assign-symbol-editor-modal-dialog {
  background-color: rgba(0, 0, 0, 0);
}
.catalog-assign-modal-dialog .catalog-assign-modal,
.assign-symbol-editor-modal-dialog .catalog-assign-modal,
.catalog-assign-modal-dialog .assign-symbol-editor-model,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-model {
  width: 610px;
  min-width: 610px;
  height: 550px;
  position: absolute;
  background: #f2f2f2 !important;
  border: 1px solid #C7C7C7;
}
.catalog-assign-modal-dialog .catalog-container,
.assign-symbol-editor-modal-dialog .catalog-container {
  height: 500px;
}
.catalog-assign-modal-dialog .catalog-assign-container,
.assign-symbol-editor-modal-dialog .catalog-assign-container {
  background: #ffffff !important;
  position: absolute;
  top: 50px;
  left: 0;
  right: 265px;
  bottom: 0;
}
.catalog-assign-modal-dialog .catalog-assign-container .dksearch-holder,
.assign-symbol-editor-modal-dialog .catalog-assign-container .dksearch-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #f2f2f2;
}
.catalog-assign-modal-dialog .catalog-assign-container .searchbar-control,
.assign-symbol-editor-modal-dialog .catalog-assign-container .searchbar-control {
  border-bottom: 1px solid #D8D8D8;
  bottom: auto;
}
.catalog-assign-modal-dialog .catalog-assign-container .searchbar-root,
.assign-symbol-editor-modal-dialog .catalog-assign-container .searchbar-root {
  background: transparent !important;
}
.catalog-assign-modal-dialog .catalog-assign-container .category-filter-container,
.assign-symbol-editor-modal-dialog .catalog-assign-container .category-filter-container {
  position: relative;
}
.catalog-assign-modal-dialog .catalog-assign-container .part-list .part-list-container,
.assign-symbol-editor-modal-dialog .catalog-assign-container .part-list .part-list-container {
  bottom: 0px;
}
.catalog-assign-modal-dialog .catalog-assign-container .part-list .part-list-container .filter-modal-dialog,
.assign-symbol-editor-modal-dialog .catalog-assign-container .part-list .part-list-container .filter-modal-dialog {
  position: inherit;
}
.catalog-assign-modal-dialog .catalog-assign-header,
.assign-symbol-editor-modal-dialog .catalog-assign-header,
.catalog-assign-modal-dialog .assign-symbol-editor-header,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header {
  width: 100%;
  height: 48px;
  background: #f2f2f2 !important;
  border-bottom: 2px solid #d8d8d8 !important;
  cursor: move;
}
.catalog-assign-modal-dialog .catalog-assign-header span,
.assign-symbol-editor-modal-dialog .catalog-assign-header span,
.catalog-assign-modal-dialog .assign-symbol-editor-header span,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header span {
  padding: 10px;
  line-height: 3.1;
  font-weight: bold;
}
.catalog-assign-modal-dialog .catalog-assign-header .header-checkbox-item,
.assign-symbol-editor-modal-dialog .catalog-assign-header .header-checkbox-item,
.catalog-assign-modal-dialog .assign-symbol-editor-header .header-checkbox-item,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header .header-checkbox-item {
  float: right;
  margin-right: 10px;
  padding-top: 6px;
}
.catalog-assign-modal-dialog .catalog-assign-header .header-checkbox-item span,
.assign-symbol-editor-modal-dialog .catalog-assign-header .header-checkbox-item span,
.catalog-assign-modal-dialog .assign-symbol-editor-header .header-checkbox-item span,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header .header-checkbox-item span {
  padding: 0;
  position: relative;
  top: -1px;
  font-size: 13px;
  font-weight: normal;
}
.catalog-assign-modal-dialog .catalog-assign-header .assign-info-btn,
.assign-symbol-editor-modal-dialog .catalog-assign-header .assign-info-btn,
.catalog-assign-modal-dialog .assign-symbol-editor-header .assign-info-btn,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header .assign-info-btn {
  background: #FF2100;
  border: 2px solid #FF2100;
  cursor: pointer;
}
.catalog-assign-modal-dialog .catalog-assign-header .assign-cancel-btn,
.assign-symbol-editor-modal-dialog .catalog-assign-header .assign-cancel-btn,
.catalog-assign-modal-dialog .assign-symbol-editor-header .assign-cancel-btn,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header .assign-cancel-btn {
  background: #636363;
  border: 2px solid #636363;
  cursor: pointer;
}
.catalog-assign-modal-dialog .catalog-assign-header button,
.assign-symbol-editor-modal-dialog .catalog-assign-header button,
.catalog-assign-modal-dialog .assign-symbol-editor-header button,
.assign-symbol-editor-modal-dialog .assign-symbol-editor-header button {
  float: right;
  margin-right: 10px;
  padding: 5px 6px;
  margin-top: 10px;
  border-radius: 4px;
  color: white;
}
.catalog-assign-modal-dialog .catalog-assign-right,
.assign-symbol-editor-modal-dialog .catalog-assign-right {
  background: #f2f2f2 !important;
  border-left: 2px solid #d8d8d8 !important;
  position: absolute;
  top: 50px;
  left: 265px;
  right: 0;
  bottom: 0;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-header,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-header {
  padding: 5px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d3d3d3;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-header table,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-header table {
  width: 100%;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content {
  height: 474px;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content .part-detail-container,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content .part-detail-container,
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content .part-detail-tooltip,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content .part-detail-tooltip {
  height: 100%;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table {
  display: block;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table tbody,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table tbody {
  width: 100%;
  display: inline-table;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table td,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table td {
  font-size: 12px;
  padding: 7px;
  width: 50%;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table tr td:first-child,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table tr td:first-child {
  font-weight: bold;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table tr:nth-child(odd),
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table tr:nth-child(odd) {
  background-color: #ffffff;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content table tr:nth-child(even),
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content p,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content p {
  padding: 40px;
  font-size: 13px;
  text-align: center;
  color: #9c9c9c;
}
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content .part-detail-value div,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content .part-detail-value div,
.catalog-assign-modal-dialog .catalog-assign-right .part-info-content .part-detail-label div,
.assign-symbol-editor-modal-dialog .catalog-assign-right .part-info-content .part-detail-label div {
  line-height: 1.5;
}
.catalog-assign-modal-dialog .filter-link,
.assign-symbol-editor-modal-dialog .filter-link {
  z-index: 300;
}
.assign-se-section {
  border-top: 1px solid #8e8e8e;
  position: relative;
}
.assign-se-section > li,
.assign-se-section .section-heading {
  background: #656565;
  color: #fff;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 28px;
  letter-spacing: 1px;
}
.assign-se-section > li span,
.assign-se-section .section-heading span {
  padding-left: 10px;
}
.assign-se-section .hover_1 {
  background-color: #a20000 !important;
}
.assign-se-section .hover_1_static {
  background: #FF2100;
}
.catalog-assign-category-list,
.assign-symbol-editor-section-list {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
/**  Catalog -assign filter popup */
.catalog-assign-filters-popup {
  position: fixed;
  padding: 0;
  border: 1px solid #bbb;
  border-left: none;
  background: #ffffff;
  font-size: 12px;
  line-height: 20px;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  min-height: 150px;
  width: 330px;
}
.catalog-assign-filters-popup .close {
  display: none;
  background: #990000;
  color: #ffffff;
  line-height: 18px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -8px;
  width: 18px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  cursor: pointer;
}
.catalog-assign-filters-popup .close:hover {
  background: #660000;
  cursor: pointer;
}
.catalog-assign-filters-popup .header {
  background: #fdfdfd;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 10px;
}
.catalog-assign-filters-popup .header .heading {
  display: inline-block;
  padding: 2px 0 0 0;
  font-size: 16px;
}
.catalog-assign-filters-popup .header .clear-all {
  float: right;
}
.catalog-assign-filters-popup .attribute-filter-container {
  padding: 0 0 0 10px;
}
.catalog-assign-filters-popup .attribute-filter-container .property-list {
  padding: 10px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.catalog-assign-filters-popup .attribute-filter-container ul li {
  height: 19px;
}
.catalog-assign-filters-popup .attribute-filter-container ul li span {
  float: left;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
}
.catalog-assign-filters-popup .attribute-filter-container ul li select {
  width: 150px;
  height: 20px;
}
.symbol-assign-dialog-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100003;
}
.selectedSymbol {
  background-color: lightgrey;
}
.symbol-assign-modal-dialog {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.symbol-assign-modal-dialog .symbol-assign-modal {
  width: 350px;
  height: 500px;
  background: #f2f2f2 !important;
}
.symbol-assign-modal-dialog .symbol-assign-modal .ui-resizable-se {
  bottom: -46px;
}
.symbol-assign-modal-dialog .symbol-assign-container {
  position: relative;
  background: #ffffff !important;
  float: left;
  width: 100%;
  height: 500px;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar,
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-sidebar-components,
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-sidebar-components ul,
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-sidebar-components ul li {
  width: 100%;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar .searchbox {
  background-color: #ffffff;
  cursor: move;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar .searchbox .searchbox-container {
  height: 50px;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar .searchbox .searchbox-container .checkbox-container {
  display: none;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar .symbol-assign-sidebar-components {
  display: block;
  margin: 0 0 1px;
  width: 100%;
  height: 100%;
}
.symbol-assign-modal-dialog .symbol-assign-container .symbol-assign-searchbar .part-list .part-list-container {
  bottom: 0;
}
.symbol-assign-modal-dialog .symbol-assign-container .searchbar-control {
  bottom: auto;
}
.symbol-assign-modal-dialog .symbol-assign-container .searchbar-root {
  background: transparent !important;
}
.symbol-assign-modal-dialog .symbol-assign-container .category-filter-container {
  position: relative;
}
.symbol-assign-modal-dialog .symbol-assign-footer {
  width: 100%;
  height: 48px;
  background: #f2f2f2 !important;
  border-top: 1px solid #d8d8d8 !important;
  clear: both;
}
.symbol-assign-modal-dialog .symbol-assign-footer .assign-info-btn {
  background: #FF2100;
  border: 2px solid #FF2100;
  cursor: pointer;
}
.symbol-assign-modal-dialog .symbol-assign-footer .assign-cancel-btn {
  background: #636363;
  border: 2px solid #636363;
  cursor: pointer;
}
.symbol-assign-modal-dialog .symbol-assign-footer button {
  float: right;
  margin-right: 10px;
  padding: 5px 6px;
  margin-top: 10px;
  border-radius: 4px;
  color: white;
}
.prompt-dialog-container {
  position: fixed;
  left: 0;
  top: 0;
  height: 48px;
  z-index: 200;
}
.prompt-modal-dialog {
  background-color: rgba(0, 0, 0, 0);
}
.prompt-modal-dialog .prompt-modal {
  width: 300px;
  height: 48px;
  background: #f2f2f2 !important;
  border: 1px solid #C7C7C7;
}
.prompt-modal-dialog .prompt-modal .prompt-title-text {
  padding: 10px;
  line-height: 3.5;
  font-weight: bold;
}
.prompt-modal-dialog .prompt-modal .prompt-yes-btn {
  background: #c30f11;
  border: 2px solid #AC0F10;
  cursor: pointer;
}
.prompt-modal-dialog .prompt-modal .prompt-no-btn {
  background: #636363;
  border: 2px solid #636363;
  cursor: pointer;
}
.prompt-modal-dialog .prompt-modal button {
  float: right;
  margin-right: 10px;
  padding: 5px 6px;
  margin-top: 10px;
  border-radius: 4px;
  color: white;
}
.server-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 265px;
  bottom: 0;
  z-index: 100002;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #fff;
  background: #000;
}
.server-status-symbol-assign .server-status,
.server-status-design-starters .server-status {
  width: 100%;
}
.server-status .server-status-message {
  margin: 100px auto 0 auto;
  padding: 8px;
  width: 180px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 20px;
}
.server-status .loading-spinner {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center no-repeat;
  width: 18px;
  height: 18px;
  margin: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*color variables*/
body {
  font-family: Arial;
}
.design-starters-dialog-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  z-index: 100003;
}
.ui-resizable-se {
  width: 12px;
  height: 12px;
  right: 3px;
  bottom: 3px;
}
.design-starters-modal-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.design-starters-modal-dialog .design-starters-content {
  position: relative;
}
.design-starters-modal-dialog .design-starters-tab-content {
  height: 370px;
}
.design-starters-modal-dialog .design-starters-modal {
  min-width: 800px;
  width: 800px;
  height: 470px;
  background: #F2F2F2 !important;
  border: 1px solid #C7C7C7;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.design-starters-modal-dialog .design-starters-modal .design-starters-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(242, 242, 242, 0.5) url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) 50% 50% no-repeat;
  z-index: 1001;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: auto;
  border: 1px solid #cccccc;
  background: #ffffff;
  overflow: hidden;
  outline: none;
  padding: 0px;
  width: 420px;
  height: auto;
  margin: 12% auto;
  z-index: 1001;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header {
  width: 100%;
  height: 35px;
  background-color: #ccc;
  position: relative;
  text-align: center;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header .confirm-modal-title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 12px;
  position: relative;
  top: 30%;
  transform: translateY(-50%);
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header .confirm-modal-close-btn {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 5px;
  color: #4d4d4d;
  padding: 5px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text {
  padding: 20px 20px 5px 20px;
  line-height: 1.4;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text .first-notification-text {
  margin-bottom: 20px;
  width: 295px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text .first-notification-text p {
  font-weight: bold;
  word-break: break-all;
  width: 380px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-input {
  margin-left: 20px;
  padding: 5px;
  width: 367px;
  margin-bottom: 20px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container {
  position: relative;
  margin-top: 44px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .confirm-ok-btn {
  background-color: #9d0100;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .disable-ok-btn {
  opacity: 0.5;
}
.design-starters-modal-dialog .design-starters-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .confirm-cancel-btn {
  background-color: #636363;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  right: 19px;
}
.design-starters-modal-dialog .design-starters-header {
  width: 100%;
  height: 49px;
  background: #F2F2F2 !important;
  border-bottom: 1px solid darkgray !important;
  cursor: move;
}
.design-starters-modal-dialog .design-starters-header .design-info-btn {
  background: #FF2100;
  border: 2px solid #FF2100;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-header .design-cancel-btn {
  background: #636363;
  border: 2px solid #636363;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-header button {
  float: right;
  margin-right: 10px;
  padding: 5px 6px;
  margin-top: 10px;
  border-radius: 4px;
  color: #FFFFFF;
}
.design-starters-modal-dialog .design-starters-header .design-starters-tabs {
  display: inline-block;
}
.design-starters-modal-dialog .design-starters-header .design-starters-tabs div {
  float: left;
  padding: 18px 20px;
  cursor: pointer;
  font-size: 14px;
}
.design-starters-modal-dialog .design-starters-header .design-starters-tabs .active {
  background: #ffffff;
  font-weight: 600;
  cursor: default;
  border-right: 1px solid darkgray;
  border-left: 1px solid darkgray;
}
.design-starters-modal-dialog .design-starters-header .design-starters-tabs .files-tab.active {
  border-left: none !important;
}
.design-starters-modal-dialog .my-files-sub-header {
  width: 100%;
  height: 30px;
  background: #FFFFFF !important;
  border-bottom: 1px solid #d8d8d8;
}
.design-starters-modal-dialog .design-starters-sub-header {
  width: 100%;
  height: 49px;
  background: #FFFFFF !important;
  border-bottom: 1px solid #d8d8d8 !important;
}
.design-starters-modal-dialog .design-starters-sub-header input[type=number]::-webkit-inner-spin-button,
.design-starters-modal-dialog .design-starters-sub-header input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.design-starters-modal-dialog .design-starters-sub-header input[type=number] {
  -moz-appearance: textfield;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group {
  border: 1px solid #d8d8d8;
  display: inline-table;
  vertical-align: middle;
  margin: 8px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group input {
  height: 25px;
  width: 210px;
  padding: 2px 8px;
  border: none;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search {
  display: inline-table;
  vertical-align: middle;
  width: calc(100% - 10px);
  padding: 5px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search input {
  height: 25px;
  padding: 2px 8px;
  border: 1px solid #d8d8d8;
  margin-left: 3px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search .input-search-login-id {
  width: 115px;
  margin-left: 20px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search .input-search-keyword {
  width: 250px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search .total-project {
  float: right;
  margin: 13px 6px 0 0;
  font-style: italic;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-search input[type=checkbox] {
  margin: 0 0 0 10px;
  position: relative;
  top: 8px;
}
.design-starters-modal-dialog .design-starters-sub-header .input-group-addon {
  width: 16px;
  display: table-cell;
  vertical-align: middle;
  padding: 7px 12px 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background: #eeeeee url(2442ffb23fd33f4a9e6e3319791502c7.png) 12px 7px no-repeat;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-left {
  position: absolute;
  top: 31px;
  bottom: 0;
  left: 0;
  right: 400px;
  background: #FFFFFF !important;
  overflow-y: auto;
}
.design-starters-modal-dialog .design-starters-left.design-starters-tab {
  top: 50px;
}
.design-starters-modal-dialog .design-starters-left.my-files {
  right: 500px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table {
  width: 100%;
  white-space: nowrap;
  table-layout: fixed;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr {
  /* Name */
  /* Date */
  /* Delete */
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d8d8d8;
  text-align: left;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th.user-id-col {
  width: 47px !important;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th.del-col {
  padding: 5px 5px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th:first-child {
  width: 100%;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th:nth-child(2) {
  width: 75px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th:nth-child(3),
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th:nth-child(4) {
  width: 40px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr th:last-child {
  border-right: none;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td {
  padding: 4px 10px;
  font-size: 13px;
  position: relative;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td.project-name {
  padding: 0 0 0 8px;
  line-height: 24px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td.project-name.active-project {
  padding-left: 5px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td.project-name span {
  white-space: pre;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td.td-date {
  padding: 4px 5px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td .project-date {
  overflow: hidden;
  text-overflow: ellipsis;
  color: darkgray;
  line-height: 22px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td.td-user-id {
  opacity: 0.5;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td .delete-icon {
  width: 22px;
  height: 22px;
  margin: auto;
  border: 1px solid darkgray;
  background: transparent url(aa429fe3cc0fb7138dd241a157a99a51.png) -187px -218px no-repeat !important;
  opacity: 0.5;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td .delete-icon:hover {
  opacity: 1;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr td .delete-icon:hover.disable {
  opacity: 0.5;
  cursor: auto;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr .sortorder:after {
  content: '\25B2';
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr .sortorder.reverse:after {
  content: '\25BC';
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr.projects-loading td {
  text-align: center;
  padding-top: 30px;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr.projects-loading td div {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table tr:hover td.project-name {
  font-weight: bold;
}
.design-starters-modal-dialog .design-starters-left table.myfiles-table .active-project {
  border-left: 3px solid #FF2100;
  color: #FF2100;
  font-weight: bold;
}
.design-starters-modal-dialog .design-starters-left .search-filter-container {
  width: 100%;
  height: 23px;
  position: absolute;
  top: 0;
}
.design-starters-modal-dialog .design-starters-left .search-filter-container .search-filter {
  display: inline-block;
  width: 50%;
  padding: 5px 0;
  border-right: 1px solid #d8d8d8;
  box-sizing: border-box;
  font-size: 13px;
  background: #ebebeb;
  text-align: center;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-left .search-filter-container .search-filter.active {
  color: #FFFFFF;
  background: #636363;
  cursor: auto;
}
.design-starters-modal-dialog .design-starters-left .search-filter-container .search-filter:last-child {
  border-right: none;
}
.design-starters-modal-dialog .design-starters-left .search-results-container {
  width: 100%;
  position: absolute;
  top: 23px;
  bottom: 0;
  border-top: 1px solid #d8d8d8;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container {
  overflow: auto;
  display: block;
  height: 100%;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-header {
  margin-top: -1px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-title {
  line-height: 16px;
  padding: 6px 0px 6px 21px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header .design-starters-subcategories-title,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header:hover .design-starters-subcategories-title {
  background: #F2F2F2 url(ce2da5ff7ffc32f6a9dfc7fda1e29b79.png) 10px 10px no-repeat !important;
  color: #333333;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header .design-starters-subcategories-title,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header:hover .design-starters-subcategories-title {
  background: #F2F2F2 url(fdc01224dc31d8051842d8ec528ddcdf.png) 10px 10px no-repeat !important;
  color: #333333;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 32px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container ul {
  padding-left: 15px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header {
  background: #FFFFFF !important;
  padding: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header .design-starters-subcategories-title,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-opened .design-starters-subcategories-header:hover .design-starters-subcategories-title {
  background: #FFFFFF !important;
  padding-left: 10px !important;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header {
  background: #FFFFFF !important;
  padding: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header .design-starters-subcategories-title,
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-list-container .category-closed .design-starters-subcategories-header:hover .design-starters-subcategories-title {
  background: #FFFFFF !important;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 32px;
  padding-left: 10px !important;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header {
  height: 100%;
  position: inherit;
  padding-left: 4px;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header .design-starters-subcategories-count {
  position: absolute;
  right: 4px;
  font-style: italic;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header:hover {
  background: #F2F2F2;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header.active-project {
  position: relative;
  border-left: 3px solid #FF2100;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header.active-project .design-starters-subcategories-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(c25bb19d38172e9572874031fd1704bb.png) no-repeat;
}
.design-starters-modal-dialog .design-starters-left .design-starters-subcategories-list-container .design-starters-subcategories-container .design-starters-subcategories-header.active-project .design-starters-subcategories-title {
  margin-left: 20px;
  color: #FF2100;
}
.design-starters-modal-dialog .design-starters-left div.projects-loading {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.design-starters-modal-dialog .design-starters-left.my-files {
  overflow-y: unset;
}
.design-starters-modal-dialog .design-starters-left.my-files .myfiles-container {
  height: 100%;
}
.design-starters-modal-dialog .design-starters-left.my-files .myfiles-table-container {
  overflow-y: auto;
  height: 100%;
}
.design-starters-modal-dialog .design-starters-center {
  position: absolute;
  top: 31px;
  bottom: 0;
  right: 399px;
  width: 200px;
  background: #FFFFFF !important;
  border-left: 1px solid #d8d8d8 !important;
}
.design-starters-modal-dialog .design-starters-center.my-files {
  right: 299px;
}
.design-starters-modal-dialog .design-starters-center .design-starters-tooltip {
  position: absolute !important;
}
.design-starters-modal-dialog .design-starters-center.design-starters-tab {
  top: 50px;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container {
  height: 100%;
  overflow-y: auto;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container .myfiles-table-header {
  position: absolute;
  z-index: 1;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container .myfiles-table-container {
  height: auto;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container .myfiles-table-container table.myfiles-table {
  margin-bottom: 0;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.design-starters-modal-dialog .design-starters-center .myfiles-revision-container::-webkit-scrollbar-thumb {
  background-color: #9d0100;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table {
  width: 100%;
  white-space: nowrap;
  table-layout: fixed;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tbody > tr {
  height: 33px;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr {
  /* Name */
  /* Date */
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr th {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid darkgray;
  text-align: left;
  cursor: pointer;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr th:first-child {
  width: 100%;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr th:nth-child(2) {
  width: 75px;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td {
  padding: 4px 10px;
  font-size: 13px;
  position: relative;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.no-revision-found {
  color: darkgray;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.revision-name {
  padding: 0 0 0 8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.revision-name.active-revision {
  padding-left: 5px;
  color: #000000;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.revision-name.draft {
  padding-left: 23px;
  font-style: italic;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.revision-name.draft.active-revision {
  padding-left: 20px;
  color: #000000;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td.empty-name {
  color: darkgray;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr td .revision-date {
  overflow: hidden;
  text-overflow: ellipsis;
  color: darkgray;
  line-height: 22px;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr.project-revision-loading td {
  text-align: center;
  padding-top: 30px;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr.project-revision-loading td div {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table tr:hover td.revision-name {
  font-weight: bold;
}
.design-starters-modal-dialog .design-starters-center table.myfiles-table .active-revision {
  border-left: 3px solid #FF2100;
  color: #FF2100;
  font-weight: bold;
}
.design-starters-modal-dialog .design-starters-right {
  position: absolute;
  top: 31px;
  bottom: 0;
  right: 0;
  width: 399px;
  background: #FFFFFF !important;
  border-left: 1px solid #d8d8d8 !important;
}
.design-starters-modal-dialog .design-starters-right.design-starters-tab {
  top: 50px;
}
.design-starters-modal-dialog .design-starters-right .design-note-title {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d8d8d8;
}
.design-starters-modal-dialog .design-starters-right .design-note-title table {
  width: 100%;
}
.design-starters-modal-dialog .design-starters-right .design-note-contents {
  padding: 15px 10px;
  font-size: 13px;
  line-height: 1.5;
  overflow: auto;
  height: 82%;
}
.design-starters-modal-dialog .design-starters-right .design-note-contents.empty-notes {
  color: darkgray;
}
.design-starters-modal-dialog .design-starters-right .design-note-contents .no-project-selected-notes {
  text-align: center;
}
.design-starters-modal-dialog .design-starters-right.my-files {
  width: 299px;
}
.design-starters-modal-dialog .design-starters-right.my-files .design-note-contents {
  height: calc(100% - 215px);
}
.design-starters-modal-dialog .design-starters-right.my-files .project-thumbnail {
  height: 150px;
  margin: 0 5px;
  text-align: center;
  border: #d8d8d8 solid 1px;
  border-radius: 4px;
}
.design-starters-modal-dialog .design-starters-right.my-files .project-thumbnail.no-preview {
  background-color: #c0c0c0;
}
.design-starters-modal-dialog .design-starters-right.my-files .project-thumbnail .no-project-selected-preview {
  color: #929292;
  margin-top: 65px;
}
.design-starters-modal-dialog .design-starters-right.my-files .project-thumbnail .project-revision-loading {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  margin-top: 60px;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.design-starters-modal-dialog .design-starters-right.my-files .project-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.design-starters-modal-dialog .design-starters-tooltip {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 1600px;
  z-index: 2;
  font-size: 13px;
  cursor: pointer;
  pointer-events: none;
}
.design-starters-modal-dialog .design-starters-tooltip .tooltip-content-container {
  width: auto;
  padding: 10px 10px;
  display: inline-block;
  box-sizing: border-box;
  color: #000000;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #FFFFFF;
  -moz-box-shadow: 1px 1px 2px 0 #d8d8d8;
  -webkit-box-shadow: 1px 1px 2px 0 #d8d8d8;
  box-shadow: 1px 1px 2px 0 #d8d8d8;
}
.design-starters-modal-dialog .no-close {
  display: none;
}
.delete-icon-tooltip {
  padding: 5px;
  z-index: 100004;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 5px #d8d8d8;
}
.delete-icon-tooltip:after {
  z-index: 100004;
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #FFFFFF;
  border-width: 5px 5px 5px 0;
  -webkit-filter: drop-shadow(-2px 0 0 #d8d8d8);
  filter: drop-shadow(-2px 0 0 #d8d8d8);
}
.reload-your-project {
  text-align: center;
}
/*color variables*/
body {
  font-family: Arial;
}
.project-revisions-dialog-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  z-index: 100003;
}
.ui-resizable-se {
  width: 12px;
  height: 12px;
  right: 3px;
  bottom: 3px;
}
.project-revisions-modal-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.project-revisions-modal-dialog .project-revisions-content {
  position: relative;
}
.project-revisions-modal-dialog .project-revisions-tab-content {
  height: 370px;
}
.project-revisions-modal-dialog .project-revisions-modal {
  min-width: 650px;
  width: 650px;
  height: 470px;
  background: #F2F2F2 !important;
  border: 1px solid #C7C7C7;
}
.project-revisions-modal-dialog .project-revisions-modal .project-revisions-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(242, 242, 242, 0.5) url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) 50% 50% no-repeat;
  z-index: 1001;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: auto;
  border: 1px solid #cccccc;
  background: #ffffff;
  overflow: hidden;
  outline: none;
  padding: 0px;
  width: 420px;
  height: auto;
  margin: 12% auto;
  z-index: 1001;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header {
  width: 100%;
  height: 35px;
  background-color: #ccc;
  position: relative;
  text-align: center;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header .confirm-modal-title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 12px;
  position: relative;
  top: 30%;
  transform: translateY(-50%);
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-header .confirm-modal-close-btn {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 5px;
  color: #4d4d4d;
  padding: 5px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text {
  padding: 20px 20px 5px 20px;
  line-height: 1.4;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text .first-notification-text {
  margin-bottom: 20px;
  width: 295px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-modal-body .notification-text .first-notification-text p {
  font-weight: bold;
  word-break: break-all;
  width: 380px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-input {
  margin-left: 20px;
  padding: 5px;
  width: 367px;
  margin-bottom: 20px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container {
  position: relative;
  margin-top: 44px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .confirm-ok-btn {
  background-color: #9d0100;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .disable-ok-btn {
  opacity: 0.5;
}
.project-revisions-modal-dialog .project-revisions-modal .design-starters-confirm-modal .confirm-modal .confirm-button-container .confirm-cancel-btn {
  background-color: #636363;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  right: 19px;
}
.project-revisions-modal-dialog .project-revisions-header {
  width: 100%;
  height: 49px;
  background: #F2F2F2 !important;
  border-bottom: 1px solid darkgray !important;
  cursor: move;
}
.project-revisions-modal-dialog .project-revisions-header .design-info-btn {
  background: #FF2100;
  border: 2px solid #FF2100;
  cursor: pointer;
}
.project-revisions-modal-dialog .project-revisions-header .design-cancel-btn {
  background: #636363;
  border: 2px solid #636363;
  cursor: pointer;
}
.project-revisions-modal-dialog .project-revisions-header button {
  float: right;
  margin-right: 10px;
  padding: 5px 6px;
  margin-top: 10px;
  border-radius: 4px;
  color: #FFFFFF;
}
.project-revisions-modal-dialog .project-revisions-header .project-revisions-tabs {
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-header .project-revisions-tabs div {
  float: left;
  padding: 18px 20px;
  cursor: pointer;
  font-size: 14px;
}
.project-revisions-modal-dialog .project-revisions-header .project-revisions-tabs .active {
  background: #ffffff;
  font-weight: 600;
  cursor: default;
  border-right: 1px solid darkgray;
  border-left: 1px solid darkgray;
}
.project-revisions-modal-dialog .project-revisions-header .project-revisions-tabs .files-tab.active {
  border-left: none !important;
}
.project-revisions-modal-dialog .project-revisions-header .project-revisions {
  display: inline-block;
  float: left;
  padding: 18px 10px;
  font-size: 14px;
  font-weight: 600;
}
.project-revisions-modal-dialog .my-files-sub-header {
  width: 100%;
  height: 30px;
  background: #FFFFFF !important;
  border-bottom: 1px solid #d8d8d8;
}
.project-revisions-modal-dialog .project-revisions-sub-header {
  width: 100%;
  height: 49px;
  background: #FFFFFF !important;
  border-bottom: 1px solid #d8d8d8 !important;
}
.project-revisions-modal-dialog .project-revisions-left {
  position: absolute;
  top: 31px;
  bottom: 0;
  left: 0;
  right: 300px;
  background: #FFFFFF !important;
  overflow-y: auto;
}
.project-revisions-modal-dialog .project-revisions-left.my-files {
  right: 299px;
}
.project-revisions-modal-dialog .project-revisions-left .design-starters-tooltip {
  position: absolute !important;
}
.project-revisions-modal-dialog .project-revisions-left.project-revisions-tab {
  top: 50px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table {
  width: 100%;
  white-space: nowrap;
  table-layout: fixed;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tbody > tr {
  height: 33px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr {
  /* Name */
  /* Date */
  /* Action */
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr th {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d8d8d8;
  text-align: left;
  cursor: pointer;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr th:first-child {
  width: 100%;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr th:nth-child(2) {
  width: 75px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr th:nth-child(3) {
  width: 15px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td {
  padding: 4px 10px;
  font-size: 13px;
  position: relative;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name {
  padding: 0 0 0 8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .edit-revision-name {
  line-height: 22px;
  width: calc(100% - 53px);
  font-weight: normal;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .edit-revision-name.revision-name-invalid {
  border: 1px solid red;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .componentSprite {
  background: transparent url(0fd6de8bf5c64df78d739d2af9477df4.png) no-repeat;
  background-position: -291px -256px;
  height: 16px;
  width: 16px;
  position: fixed;
  margin-left: 144px;
  margin-top: -21px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .ok-button {
  position: relative;
  top: 1px;
  font-size: 15px;
  width: 20px;
  margin: auto;
  opacity: 0.5;
  cursor: pointer;
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .ok-button:hover {
  opacity: 1;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .ok-button:hover.disable {
  opacity: 0.5;
  cursor: auto;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .remove-button {
  position: relative;
  top: 2px;
  font-size: 15px;
  width: 20px;
  margin: auto;
  opacity: 0.5;
  cursor: pointer;
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .remove-button:hover {
  opacity: 1;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .remove-button:hover.disable {
  opacity: 0.5;
  cursor: auto;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name.active-revision {
  padding-left: 5px;
  color: #000000;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name.draft {
  padding-left: 23px;
  font-style: italic;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name.draft.active-revision {
  padding-left: 20px;
  color: #000000;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .show-revision-name {
  width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .show-revision-name span {
  white-space: pre;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.revision-name .disable-form {
  pointer-events: none;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td.empty-name {
  color: darkgray;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .revision-date {
  overflow: hidden;
  text-overflow: ellipsis;
  color: darkgray;
  line-height: 22px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .delete-icon {
  width: 22px;
  margin: auto;
  opacity: 0.5;
  cursor: pointer;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .delete-icon:hover {
  opacity: 1;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .delete-icon:hover.disable {
  opacity: 0.5;
  cursor: auto;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .edit-icon {
  width: 22px;
  margin: auto;
  opacity: 0.5;
  cursor: pointer;
  display: none;
  float: right;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .edit-icon:hover {
  opacity: 1;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr td .edit-icon:hover.disable {
  opacity: 0.5;
  cursor: auto;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr.project-revision-loading td {
  text-align: center;
  padding-top: 30px;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr.project-revision-loading td div {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr:hover .edit-icon {
  display: inline-block;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table tr:hover td.revision-name {
  font-weight: bold;
}
.project-revisions-modal-dialog .project-revisions-left table.myfiles-table .active-revision {
  border-left: 3px solid #FF2100;
  color: #FF2100;
  font-weight: bold;
}
.project-revisions-modal-dialog .project-revisions-left.my-files {
  overflow-y: unset;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container {
  height: 100%;
  overflow-y: auto;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-header {
  position: absolute;
  z-index: 1;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-header table.myfiles-table tr {
  /* Delete */
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-header table.myfiles-table tr th:nth-child(3) {
  width: 15px;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-container {
  height: auto;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-container table.myfiles-table {
  margin-bottom: 0;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-container table.myfiles-table .nodeItem-loading-spinner {
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) 80% center no-repeat;
  height: 18px;
  width: 60px;
  position: absolute;
  right: 0;
  padding-top: 12px;
  z-index: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container .myfiles-table-container table.myfiles-table .revision-loading-spinner {
  padding-left: 0;
  background: transparent url(f41ed3b78d5ccb0522bd8c83d5104de3.gif) center center no-repeat;
  position: absolute;
  top: 1px;
  right: 52px;
  height: 18px;
  width: 18px;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.project-revisions-modal-dialog .project-revisions-left.my-files .myfiles-revision-container::-webkit-scrollbar-thumb {
  background-color: #9d0100;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.project-revisions-modal-dialog .project-revisions-right {
  position: absolute;
  top: 31px;
  bottom: 0;
  right: 0;
  width: 299px;
  background: #FFFFFF !important;
  border-left: 1px solid #d8d8d8 !important;
}
.project-revisions-modal-dialog .project-revisions-right.project-revisions-tab {
  top: 50px;
}
.project-revisions-modal-dialog .project-revisions-right .design-note-title {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 13px;
  background: #ebebeb;
  border-bottom: 1px solid #d8d8d8;
}
.project-revisions-modal-dialog .project-revisions-right .design-note-title table {
  width: 100%;
}
.project-revisions-modal-dialog .project-revisions-right .design-note-contents {
  padding: 15px 10px;
  font-size: 13px;
  line-height: 1.5;
  overflow: auto;
  height: 82%;
}
.project-revisions-modal-dialog .project-revisions-right .design-note-contents.empty-notes {
  color: darkgray;
}
.project-revisions-modal-dialog .project-revisions-right.my-files {
  width: 299px;
}
.project-revisions-modal-dialog .project-revisions-right.my-files .design-note-contents {
  height: calc(100% - 215px);
}
.project-revisions-modal-dialog .project-revisions-right.my-files .project-thumbnail {
  height: 150px;
  margin: 0 5px;
  text-align: center;
  border: #d8d8d8 solid 1px;
  border-radius: 4px;
}
.project-revisions-modal-dialog .project-revisions-right.my-files .project-thumbnail.no-preview {
  background-color: #c0c0c0;
}
.project-revisions-modal-dialog .project-revisions-right.my-files .project-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.project-revisions-modal-dialog .design-starters-tooltip {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 1300px;
  z-index: 2;
  font-size: 13px;
  cursor: pointer;
  pointer-events: none;
}
.project-revisions-modal-dialog .design-starters-tooltip.design-starters-tab-tooltip {
  margin-top: 22px;
}
.project-revisions-modal-dialog .design-starters-tooltip .tooltip-content-container {
  width: auto;
  padding: 10px 10px;
  display: inline-block;
  box-sizing: border-box;
  color: #000000;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #FFFFFF;
  -moz-box-shadow: 1px 1px 2px 0 #d8d8d8;
  -webkit-box-shadow: 1px 1px 2px 0 #d8d8d8;
  box-shadow: 1px 1px 2px 0 #d8d8d8;
}
.project-revisions-modal-dialog .no-close {
  display: none;
}
.delete-icon-tooltip {
  padding: 5px;
  z-index: 100004;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 5px #d8d8d8;
}
.delete-icon-tooltip:after {
  z-index: 100004;
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #FFFFFF;
  border-width: 5px 5px 5px 0;
  -webkit-filter: drop-shadow(-2px 0 0 #d8d8d8);
  filter: drop-shadow(-2px 0 0 #d8d8d8);
}
.tooltip-error-container {
  display: none;
}
.tooltip-error-container .tooltip {
  position: fixed;
  background-color: #c32b26;
  width: 250px;
  height: auto;
  margin-left: 130px;
  margin-top: 1px;
  padding: 10px 8px;
  color: #fff;
  border-radius: 4px;
  line-height: 15px;
  z-index: 300;
}
.tooltip-error-container .tooltip-error-arrow {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #c32b26;
  border-left: 6px solid transparent;
  margin-left: 154px;
  position: fixed;
  margin-top: -5px;
}

/*# sourceMappingURL=sidebar.css.map*/