/* CSS Document
    Authors : Nicolas Picavet, Luca Zanetti-Chini
    Copyright (c) 2007-2018 UShareSoft, All rights reserved
    */
@charset "utf-8";
@keyframes productItemFade {
  0% {
    z-index: 2;
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    z-index: -1;
  }
}
@-webkit-keyframes productItemFade {
  0% {
    z-index: 2;
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    z-index: -1;
  }
}
/* Spinner animations */
@keyframes rotation {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes dotBounce {
  0% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
  35% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
  70% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
  100% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
}
@-webkit-keyframes dotBounce {
  0% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
  35% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
  70% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
  100% {
    transform: scale(.2);
    -ms-transform: scale(.2);
    -webkit-transform: scale(.2);
  }
}
@keyframes pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 0.6;
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 0.6;
  }
}
/* iconAnchorWidget */
@keyframes deploymentPulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes startingDeploymentRotate {
  0% {
    transform: rotate(20deg) translate(-13%, 0%);
  }
  20% {
    transform: rotate(30deg) translate(-13%, 0%);
  }
  40% {
    transform: rotate(20deg) translate(-13%, 0%);
  }
  60% {
    transform: rotate(30deg) translate(-13%, 0%);
  }
  80% {
    transform: rotate(20deg) translate(-13%, 0%);
  }
  100% {
    transform: rotate(20deg) translate(-13%, 0%);
  }
}
html,
body {
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #ffffff;
}
#locale.ja ~ * {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
ul,
ol {
  list-style-type: none;
}
p {
  text-indent: 0;
  text-align: justify;
}
a,
a:visited,
a:active {
  color: #9c1015;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
a img,
a:visited img,
a:active img {
  border: none;
}
a.disabled,
a:visited.disabled,
a:active.disabled,
a a.disabled:hover,
a:visited a.disabled:hover,
a:active a.disabled:hover {
  cursor: default !important;
  color: #7c7c7c;
}
a:hover,
a:visited:hover,
a:active:hover {
  color: #57090c;
}
svg {
  height: 100%;
  width: 100%;
}
svg path {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
svg text {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.title,
h1 {
  color: #7c7c7c;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  padding: 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.subTitle,
h2 {
  font-size: 14px;
  color: #7c7c7c;
  font-weight: normal;
  line-height: 16px;
  padding: 5px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.titlesInline > * {
  display: inline;
}
.titlesInline .dash {
  font-size: 18px;
}
.titlesInline .description {
  font-style: italic;
  font-size: 12px;
  vertical-align: text-top;
}
.disabled {
  cursor: not-allowed;
}
.legend {
  font-size: 11px;
  font-style: italic;
  text-align: justify;
  line-height: 20px;
}
.svgIcon {
  width: 18px;
  height: 18px;
}
.svgIcon svg path {
  stroke: #3c3c3c !important;
  fill: #3c3c3c !important;
}
.svgIcon svg text {
  fill: #3c3c3c !important;
}
.svgIcon svg circle {
  stroke: #3c3c3c !important;
  fill: #3c3c3c !important;
}
.svgIcon svg rect {
  stroke: #3c3c3c !important;
  fill: #3c3c3c !important;
}
.svgIcon svg polygon {
  stroke: #3c3c3c !important;
  fill: #3c3c3c !important;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.emptyItemContainer {
  text-align: center;
}
.emptyItemContainer .emptyMessage {
  font-size: 14px;
}
.emptyItemContainer .expandableButton {
  display: inline-block;
}
.emptyMessage {
  font-size: 12px;
  font-style: italic;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
/* Markdown */
.markdown {
  word-wrap: break-word;
  line-height: 18px;
  font-size: 15px;
}
.markdown strong {
  font-weight: bold;
}
.markdown em {
  font-style: italic;
}
.markdown h1,
.markdown h2,
.markdown h3 {
  margin: 30px 0 20px 0;
  padding: 0;
  line-height: normal;
  color: #7c7c7c;
}
.markdown h1 {
  font-size: 30px;
}
.markdown h1:not(:first-child) {
  margin-top: 20px;
}
.markdown h2 {
  font-size: 24px;
}
.markdown h3 {
  font-weight: normal;
  font-size: 18px;
}
.markdown img {
  border: 1px solid #716e6e;
  border-radius: 3px;
  padding: 2px;
  max-height: 200px;
  max-width: 500px;
}
.markdown p {
  text-align: justify;
  margin: 20px 0;
}
.markdown p code {
  display: inline;
  padding-top: 1px;
  padding-bottom: 1px;
}
.markdown ul,
.markdown ol {
  padding-left: 20px;
  margin: 20px 0;
}
.markdown ul {
  list-style-type: disc;
}
.markdown ol {
  list-style-type: decimal;
}
.markdown code {
  background-image: url("../../images/common/icons/code.svg");
  background-repeat: no-repeat;
  background-position: -27px 6px;
  background: #3c3c3c;
  background-size: 24px;
  border-left: 30px solid rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-family: "Source Code Pro", Monospace;
  color: #ffffff;
  white-space: normal;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 15px 10px 20px;
  min-height: 32px;
}
.markdown blockquote {
  background-image: url("../../images/common/icons/quote.svg");
  background-repeat: no-repeat;
  background-position: -27px 6px;
  background-color: #c8c8c8;
  background-size: 24px;
  border-left: 30px solid rgba(0, 0, 0, 0.1);
  font-style: italic;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 15px 10px 20px;
  min-height: 32px;
}
.markdown blockquote,
.markdown blockquote * {
  font-size: 16px;
}
.markdown .footnotes {
  margin-top: 20px;
}
.markdown .footnotes hr {
  height: 1px;
  border: none;
  background: rgba(113, 110, 110, 0.3);
}
.price {
  background: #9c1015;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 3px;
}
.iconButton {
  cursor: pointer;
  opacity: .8;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.iconButton:hover:not(.disabled) {
  opacity: 1;
}
.iconButton.disabled {
  opacity: .3;
  cursor: auto;
}
.emptyText {
  margin: 0 auto;
  padding: 40px 0 40px 0px;
  text-align: center;
  color: #666;
  font-size: 16px;
}
.tagLine {
  font-size: 20px;
  text-align: center;
  line-height: 65px;
  padding-right: 30px;
  height: 65px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
/*Columns*/
.leftColumn,
.rightColumn {
  opacity: 1;
}
/*Tables*/
table {
  border-collapse: collapse;
  width: 100%;
}
/* Forms */
/*@buttonBorderColor:darken(@color,15%);
@buttonGradientColorStart:lighten(@color,30%);*/
button[type="button"] {
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #9c1015;
  color: #9c1015;
  font-size: 12px;
  font-family: sans-serif;
  padding: 2px 10px;
  min-height: 22px;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  background: #ffffff;/*
    border:1px solid @buttonBorderColor;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.6);
    .linear-gradient(@buttonGradientColorStart,0%,@color,100%);
    box-shadow:0 2px 2px rgba(200,200,255,0.2) inset, 1px 1px 2px rgba(0,0,0,0.2);*/
}
button[type="button"]:not(.disabled):hover {
  /*box-shadow:0 2px 3px rgba(0,0,0,0.6) inset, 1px 1px 3px rgba(0,0,0,0.4);
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.85);*/
  background: #9c1015;
  color: white;
  outline: none;
}
button[type="button"]:active,
button:active {
  outline: none;
}
button[type="button"].disabled,
button[disabled] {
  /*.linear-gradient(desaturate(lighten(@color,15%),50%),0%,desaturate(@color,50%),100%);
    border-color:desaturate(@buttonBorderColor,50%);*/
  border-color: #604c4d;
  color: #604c4d;
  opacity: .8;
  cursor: auto;
}
button[type="button"] img {
  width: 20px;
  vertical-align: top;
  position: relative;
  top: -5px;
}
button.arrowDown,
button.arrowUp {
  position: relative;
  min-width: 30px;
}
button.arrowDown:after,
button.arrowUp:after {
  border-width: 0 2px 2px 0;
  border-color: white;
  border-style: solid;
  box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.5);
  content: "";
  height: 9px;
  width: 9px;
  margin-left: -5px;
  position: absolute;
  top: 50%;
  left: 50%;
}
button.arrowDown:after {
  margin-top: -8px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
button.arrowUp:after {
  margin-top: -2px;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
select {
  padding: 4px 8px;
}
textarea {
  resize: none;
}
/* Column Nav Menu */
.columnNav {
  padding-bottom: 10px;
}
.columnNav .columnNavItem {
  margin-bottom: -1px;
  background: rgba(232, 224, 220, 0);
  border-color: rgba(113, 110, 110, 0);
  border-style: solid;
  border-width: 1px 0 1px 1px;
  position: relative;
  overflow: hidden;
  line-height: 15px;
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.columnNav .columnNavItem .columnNavItemContent a {
  padding: 5px;
}
.columnNav .columnNavItem.columnNavItemClicked,
.columnNav .columnNavItem:hover {
  background: #e8e0dc;
  border-color: #716e6e;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
.columnNav .columnNavItem.columnNavItemClicked img.marker,
.columnNav .columnNavItem:hover img.marker {
  opacity: .9;
}
.columnNav .columnNavItem .marker:hover ~ .columnNavItemLabel {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.columnNav .columnNavItem .iconsActionsContainer {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}
.columnNav .columnNavItem .iconsActionsContainer > img {
  margin: 0 0 0 8px;
  opacity: .8;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.columnNav .columnNavItem .iconsActionsContainer > img:hover {
  opacity: 1;
}
.columnNav .columnNavItem .iconsActionsContainer > img:first-child {
  margin-left: 0;
}
.columnNav .columnNavItem .columnNavItemContent img.marker {
  padding: 5px 0 5px 5px;
  float: left;
  opacity: .6;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.columnNav .columnNavItem .columnNavItemContent .columnNavItemLabel {
  padding: 5px 35px 5px 10px;
}
.columnNav .columnNavItem .columnNavSubItems {
  margin: -5px 0 5px 10px;
  border-left: 1px solid #716e6e;
  display: none;
}
.columnNav .columnNavItem.columnNavItemClicked .columnNavSubItems {
  display: block;
}
.columnNav .columnNavItem .columnNavSubItems a {
  opacity: 0.6;
  position: relative;
  padding: 0 0 0 15px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.columnNav .columnNavItem .columnNavSubItems a.active {
  opacity: 1;
}
.columnNav .columnNavItem .columnNavSubItems a.active:before {
  background: #716e6e;
  content: "";
  height: 1px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 50%;
}
/*Containers*/
#allBackground {
  display: none;
  background: #ffffff;
  height: 100%;
}
#header,
#main,
#footer {
  color: #3c3c3c;
}
.tableActionsContainer {
  overflow: visible;
  width: 100%;
  min-height: 30px;
  padding-right: 30px;
}
.tableActionsContainer > * {
  float: right;
  height: 30px;
}
.tableActionsContainer > * > * {
  float: left;
  margin-left: 5px;
}
.tableActionsContainer > * > *.expandableButton {
  margin-top: 3px;
}
.tableActionsContainer > * > *.searchInputContent {
  margin-left: 0;
}
.tableHeader {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
}
.tableHeader + .tableWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
/* Welcome message */
.welcomeMessage {
  padding: 20px 75px;
  overflow: auto;
  text-align: justify;
}
.welcomeMessage .welcomeImg {
  margin-top: 20px;
  text-align: center;
}
/* main action bar */
.mainActionBar {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
}
#footer {
  background: #1e130e;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 16px;
  z-index: 2;
  text-align: right;
  font-size: 11px;
  color: #dcdcdc;
}
#footer .footer {
  padding: 2px 30px;
}
#footer .footer .copyright {
  display: inline;
}
#footer .footer .copyright a {
  padding-left: 2px;
  color: #dcdcdc;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#footer .footer .copyright a:hover {
  color: #f0f0f0;
}
.mainWithFooter {
  padding-bottom: 16px;
}
.loginPlace ~ #footer {
  background: #c8c8c8;
  color: #646464;
}
#header {
  height: 50px;
  background: #9c1015;
  position: relative;
  z-index: 3;
}
#header .headerContainer {
  height: 100%;
}
#header .headerContainer .header {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#header .headerContainer .header .headerActions {
  display: flex;
  display: -ms-flexbox;
  color: #dcdcdc;
  height: 100%;
}
#header .headerContainer .header .headerActions .fillingTab {
  flex-grow: 2;
}
#header .headerContainer .header .headerActions .headerLeft {
  padding-left: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#header .headerContainer .header .headerActions .headerLeft .headerLeftLabel {
  font-size: 19px;
}
#header .headerContainer .header .headerActions .headerRightActions {
  display: flex;
  display: -ms-flexbox;
  align-self: center;
  padding-right: 30px;
}
#header .headerContainer .header .headerActions .headerRightActions > * {
  align-self: center;
}
#header .headerContainer .header .headerActions .headerRightActions .headerItemsContainer {
  padding-right: 20px;
}
#header .headerContainer .header .headerActions .headerRightActions .headerItemsContainer ul {
  display: flex;
  display: -ms-flexbox;
}
#header .headerContainer .header .headerActions .headerRightActions .headerItemsContainer ul li {
  align-self: center;
  padding-right: 20px;
  display: block;
}
#header .headerContainer .header .headerActions .headerRightActions .headerItemsContainer ul li a {
  color: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons {
  display: flex;
  display: -ms-flexbox;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton {
  display: flex;
  display: -ms-flexbox;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  padding-right: 8px;
  padding-left: 4px;
  border-radius: 4px;
  background: #9c1015;
  cursor: pointer;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent {
  display: flex;
  display: -ms-flexbox;
  align-self: center;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent > * {
  align-self: center;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon {
  /*see resizeExpandableButton function*/
  height: 26px;
  width: 26px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon svg text {
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileIcon svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton .profileButtonContent .profileName {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  margin-left: 10px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover {
  background: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileIcon svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileIcon svg text {
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileIcon svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileIcon svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileIcon svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .profileButton:hover .profileButtonContent .profileName {
  color: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton {
  align-self: center;
  float: left;
  margin-left: 30px;
  border-radius: 15px;
  height: 30px;
  max-width: 30px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton .expandableButtonContent .buttonIcon svg {
  height: 26px;
  width: 26px;
  margin-bottom: 0;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.expandRight:not([disabled]):not(.disabled):hover,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.expandLeft:not([disabled]):not(.disabled):hover,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.expandRight.expanded,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.expandLeft.expanded {
  max-width: 220px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton .expandableButtonContent .buttonLabel {
  color: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.borderless) {
  border-color: #dcdcdc;
  background: rgba(220, 220, 220, 0);
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.originalColor) svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.originalColor) svg text {
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.originalColor) svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.originalColor) svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not(.originalColor) svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected {
  background: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected:not(.originalColor) svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected:not(.originalColor) svg text {
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected:not(.originalColor) svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected:not(.originalColor) svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected:not(.originalColor) svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover .buttonLabel,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected .buttonLabel {
  color: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton:not([disabled]):not(.disabled):hover .i18nLabel,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.selected .i18nLabel {
  color: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled],
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled {
  border-color: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled] .buttonLabel,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled .buttonLabel {
  color: #dcdcdc;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled]:not(.originalColor) svg path,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled:not(.originalColor) svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled]:not(.originalColor) svg text,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled:not(.originalColor) svg text {
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled]:not(.originalColor) svg circle,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled]:not(.originalColor) svg rect,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[disabled]:not(.originalColor) svg polygon,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected],
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected {
  border-color: #ffffff;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected] .buttonLabel,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected .buttonLabel {
  color: #ffffff;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected]:not(.originalColor) svg path,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected]:not(.originalColor) svg text,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected]:not(.originalColor) svg circle,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected]:not(.originalColor) svg rect,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton[unselected]:not(.originalColor) svg polygon,
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton.unselected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .expandableButton svg {
  width: 26px;
  height: 26px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n {
  align-self: center;
  float: left;
  margin-left: 20px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .arrow svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .arrow svg text {
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .arrow svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .arrow svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .arrow svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .optionsContainer {
  min-width: 100px;
  background: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .optionsContainer .entry.selected {
  top: 1px;
  left: 1px;
  right: 1px;
  border-radius: 4px;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList .comboBoxWidgetContent .optionsContainer .entry:not(.disabled):hover {
  background: #dcdcdc;
  color: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow {
  opacity: 1;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow svg text {
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .arrow svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.collapsed) .comboBoxWidgetContent .optionsContainer .entry.selected {
  background: #dcdcdc;
  border-radius: 4px 4px 0 0;
  color: #9c1015;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.disabled):hover .comboBoxWidgetContent .arrow svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.disabled):hover .comboBoxWidgetContent .arrow svg text {
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.disabled):hover .comboBoxWidgetContent .arrow svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.disabled):hover .comboBoxWidgetContent .arrow svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightActions .actionsButtons .i18n .i18nList:not(.disabled):hover .comboBoxWidgetContent .arrow svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer {
  align-self: center;
  box-sizing: content-box;
  width: 66px;
  height: 33px;
  padding-right: 30px;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo {
  height: 100%;
  cursor: pointer;
}
/*Fujitsu branding, do not change*/
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo svg text {
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#header .headerContainer .header .headerActions .headerRightLogoContainer .headerRightLogo svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.loginPlace ~ #header {
  display: none;
}
#main {
  min-width: 785px;
  padding-left: 175px;
  position: relative;
  z-index: 0;
  padding-top: 100px;
  margin-top: -100px;
  height: 100%;
  /*should be done in customization accordingly to footer display*/
  /*.compensateBottom(@footerHeight);*/
  transition: padding-left .3s linear 0s;
  -webkit-transition: padding-left .3s linear 0s;
}
#main > * {
  width: 100%;
  height: 100%;
  padding-left: 30px;
  position: relative;
}
#allBackground:not(.marketplacePlace):not(.loginPlace) ~ #navMain.collapsed ~ #main {
  padding-left: 55px;
}
.marketplacePlace ~ #main,
.loginPlace ~ #main {
  padding-left: 0;
}
.marketplacePlace ~ #navTop {
  display: none;
}
.marketplacePlace ~ #main {
  padding-top: 50px;
  margin-top: -50px;
  height: 100%;
}
.marketplacePlace ~ #main .marketplace.home .featured {
  padding-right: 0;
}
.marketplacePlace ~ #main .marketplace.home .productsContainer .products {
  padding-right: 0;
}
.loginPlace ~ #main {
  padding-top: 0px;
  margin-top: -0px;
  height: 100%;
  transition: padding-left 0s linear 0s;
  -webkit-transition: padding-left 0s linear 0s;
}
/* 404 */
#main .notFound {
  overflow: hidden;
}
#main .notFound .helpText,
#main .notFound .vennDiagram {
  margin: 50px 0 0 0;
}
#main .notFound .helpText {
  float: right;
  width: 400px;
}
#main .notFound .helpText .title {
  font-size: 25px;
}
#main .notFound .helpText ul li {
  position: relative;
  padding: 0 0 0 15px;
}
#main .notFound .helpText ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 5px;
  height: 5px;
  border-width: 0 2px 2px 0;
  border-color: #3c3c3c;
  border-style: solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#main .notFound .vennDiagram {
  width: 500px;
  height: 250px;
  color: white;
  position: relative;
}
#main .notFound .vennDiagram .vennLeft,
#main .notFound .vennDiagram .vennRight {
  border-radius: 50%;
  height: 250px;
  width: 250px;
  position: absolute;
  top: 0;
}
#main .notFound .vennDiagram .vennLeft > div,
#main .notFound .vennDiagram .vennRight > div {
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 120px;
}
#main .notFound .vennDiagram .vennLeft {
  background: rgba(156, 34, 16, 0.75);
  left: 50px;
}
#main .notFound .vennDiagram .vennLeft > div {
  left: 10%;
}
#main .notFound .vennDiagram .vennRight {
  background: rgba(156, 16, 68, 0.75);
  right: 50px;
}
#main .notFound .vennDiagram .vennRight > div {
  right: 10%;
  text-align: right;
}
#main .notFound .vennDiagram .vennCenter {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 40px;
  margin-left: -33px;
  margin-top: -22px;
}
#main .notFound .vennDiagram .vennLeft > div,
#main .notFound .vennDiagram .vennRight > div,
#main .notFound .vennDiagram .vennCenter {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#navMain {
  position: absolute;
  /*should be done in customization accordingly to footer display*/
  /*bottom: @footerHeight;*/
  bottom: 0;
  left: 0;
  top: 50px;
  width: 175px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  z-index: 3;
}
#navMain *,
#navMain a {
  color: #dcdcdc;
}
#navMain .navMainContentWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: #2c1e1a;
}
#navMain .navMainContentWrapper .navMainButton {
  position: absolute;
  left: 100%;
  top: 9px;
  margint-top: -16px;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton {
  height: 32px;
  width: 32px;
  cursor: pointer;
  float: right;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton svg path,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton svg path {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton svg text,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton svg text {
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton svg circle,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton svg circle {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton svg rect,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton svg rect {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton svg polygon,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton svg polygon {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton.clicked,
#navMain .navMainContentWrapper .navMainButton .showMainNavButton.clicked {
  display: none;
}
#navMain .navMainContentWrapper .navMainButton .hideMainNavButton {
  position: relative;
  left: -2px;
}
#navMain .navMainContentWrapper .navMainButton .showMainNavButton {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#navMain .navMainContentWrapper .navMainMenu {
  height: 100%;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList {
  height: 100%;
  width: 100%;
  font-size: 15px;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li {
  position: relative;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer {
  cursor: pointer;
  padding: 9px 10px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem {
  height: 32px;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem > * {
  float: left;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  top: 10px;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg * {
  stroke-width: 0px;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg text {
  fill: #dcdcdc !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem .svgImage svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer .navMainListItem a {
  line-height: 32px;
  padding-left: 42px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  transition: opacity .3s linear .3s, all .3s;
  -webkit-transition: opacity .3s linear .3s, all .3s;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover {
  background: rgba(0, 0, 0, 0.2);
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on a,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover a,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover a {
  color: #ffffff;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg path,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover .svgImage svg path,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover .svgImage svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg text,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover .svgImage svg text,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover .svgImage svg text {
  fill: #ffffff !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg circle,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover .svgImage svg circle,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover .svgImage svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg rect,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover .svgImage svg rect,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover .svgImage svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg polygon,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer:hover .svgImage svg polygon,
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on:hover .svgImage svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on a {
  color: #f0f0f0;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg path {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg text {
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg circle {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg rect {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainMenu .navMainList ul li .navMainListItemContainer.on .svgImage svg polygon {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain .navMainContentWrapper .navMainFooter {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  transition: opacity .3s linear .3s, all .3s;
  -webkit-transition: opacity .3s linear .3s, all .3s;
  position: absolute;
  bottom: 0;
  margin-bottom: 10px;
}
#navMain .navMainContentWrapper .navMainFooter a {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#navMain .navMainContentWrapper .navMainFooter a:hover {
  color: #f0f0f0;
}
#navMain .navMainContentWrapper .navMainFooter .externalLinks {
  font-size: 11px;
  width: 175px;
}
#navMain .navMainContentWrapper .navMainFooter .externalLinks a {
  float: left;
  width: 50%;
  text-align: center;
  padding-bottom: 5px;
}
#navMain .navMainContentWrapper .navMainFooter .copyright a {
  padding-left: 2px;
}
#navMain.collapsed {
  width: 55px;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter {
  transition-delay: unset;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks {
  width: 55px;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorLabel {
  display: none;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon {
  height: 20px;
  cursor: pointer;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon svg path {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon svg text {
  fill: #dcdcdc !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon svg circle {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon svg rect {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon svg polygon {
  stroke: #dcdcdc !important;
  fill: #dcdcdc !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon:hover svg path {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon:hover svg text {
  fill: #f0f0f0 !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon:hover svg circle {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon:hover svg rect {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain.collapsed .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon .footerIcon:hover svg polygon {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navMain.collapsed .navMainContentWrapper .navMainMenu .navMainList li .navMainListItemContainer .navMainListItem a {
  opacity: 0;
  transition-delay: unset;
}
#navMain:not(.collapsed) .navMainContentWrapper .navMainFooter .externalLinks .anchorIcon {
  display: none;
}
#locale.ja ~ #navMain .navMainContentWrapper .navMainMenu .navMainList li .navMainListItemContainer .navMainListItem a {
  font-size: 11px;
}
.marketplacePlace ~ #navMain,
.loginPlace ~ #navMain {
  width: auto;
}
.marketplacePlace ~ #navMain .navMainContentWrapper,
.loginPlace ~ #navMain .navMainContentWrapper {
  background: none;
  border: none;
}
.marketplacePlace ~ #navMain .navMainContentWrapper > *,
.loginPlace ~ #navMain .navMainContentWrapper > * {
  display: none;
}
/* Top menu */
#navTop {
  padding-left: 175px;
  height: 50px;
  z-index: 1;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  position: relative;
}
#navTop .navTop {
  padding: 0 30px;
  height: 100%;
  background: #60504c;
}
#navTop .navTop .navTopContentWrapper {
  position: relative;
  height: 100%;
}
#navTop .navTop .navTopContentWrapper .navTopMenu {
  overflow: hidden;
  font-size: 14px;
  font-size: 16px;
  height: 100%;
  padding-right: 250px;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul {
  height: 100%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li {
  margin-right: 20px;
  flex-shrink: 0;
  position: relative;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a {
  cursor: pointer;
  color: #dcdcdc;
  padding: 4px;
  text-align: center;
  display: block;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgba(220, 220, 220, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(220, 220, 220, 0);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a:hover,
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.selected,
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.clicked {
  border-top-color: #dcdcdc;
  border-bottom-color: #dcdcdc;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a:hover,
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.selected:hover,
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.clicked:hover {
  border-top-color: #f0f0f0;
  border-bottom-color: #f0f0f0;
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.selected,
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a.clicked {
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
#navTop .navTop .navTopContentWrapper .navTopMenu ul li a {
  padding-top: 13px;
}
#navTop .navTop .navTopContentWrapper .navTopActions {
  height: 24px;
  margin-top: -12px;
  position: absolute;
  right: 0;
  top: 50%;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li {
  float: left;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton {
  margin-left: 5px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton .expandableButtonContent .buttonLabel {
  color: #f0f0f0;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.borderless) {
  border-color: #f0f0f0;
  background: rgba(240, 240, 240, 0);
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.originalColor) svg path {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.originalColor) svg text {
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.originalColor) svg circle {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.originalColor) svg rect {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not(.originalColor) svg polygon {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected {
  background: #f0f0f0;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected:not(.originalColor) svg path {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected:not(.originalColor) svg text {
  fill: #2c1e1a !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected:not(.originalColor) svg circle {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected:not(.originalColor) svg rect {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected:not(.originalColor) svg polygon {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected .buttonLabel {
  color: #2c1e1a;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton:not([disabled]):not(.disabled):hover .i18nLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.selected .i18nLabel {
  color: #2c1e1a;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled {
  border-color: #f0f0f0;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled .buttonLabel {
  color: #f0f0f0;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg path {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg text {
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #f0f0f0 !important;
  fill: #f0f0f0 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected {
  border-color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected .buttonLabel {
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[unselected]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.unselected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled] .expandableButtonContent .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled .expandableButtonContent .buttonLabel {
  color: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.borderless),
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.borderless) {
  border-color: #bdbdbd;
  background: rgba(189, 189, 189, 0);
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg path {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg text {
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected {
  background: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected:not(.originalColor) svg path {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected:not(.originalColor) svg text {
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected:not(.originalColor) svg circle {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected:not(.originalColor) svg rect {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected:not(.originalColor) svg polygon {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected .buttonLabel {
  color: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled]:not([disabled]):not(.disabled):hover .i18nLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled:not([disabled]):not(.disabled):hover .i18nLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].selected .i18nLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.selected .i18nLabel {
  color: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled {
  border-color: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled .buttonLabel {
  color: #bdbdbd;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled:not(.originalColor) svg path {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled:not(.originalColor) svg text {
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled:not(.originalColor) svg circle {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled:not(.originalColor) svg rect {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][disabled]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[disabled]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].disabled:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.disabled:not(.originalColor) svg polygon {
  stroke: #bdbdbd !important;
  fill: #bdbdbd !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected],
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected {
  border-color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected .buttonLabel {
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled][unselected]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled[unselected]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton[disabled].unselected:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionBar ul li .expandableButton.disabled.unselected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer > * {
  float: left;
  margin-left: 5px;
}
.marketplacePlace ~ #navTop {
  padding-left: 0;
  transition: none;
}
.loginPlace ~ #navTop {
  display: none;
}
#allBackground:not(.marketplacePlace) ~ #navMain.collapsed ~ #navTop {
  padding-left: 55px;
}
.gaugeChart {
  width: 225px;
  height: 225px;
}
.gaugeChart svg {
  overflow: visible;
  transform: translate(112.5px, 112.5px);
  -ms-transform: translate(112.5px, 112.5px);
  -webkit-transform: translate(112.5px, 112.5px);
}
.gaugeChart svg .chart .arcGroup path {
  transition: none 0s linear 0s;
  -webkit-transition: none 0s linear 0s;
}
.gaugeChart svg text {
  fill: #3c3c3c;
  -webkit-touch-callout: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.gaugeChart svg .progressValue {
  /*position : relative;*/
  font-size: 34px;/*text-align : center;*/
}
.gaugeChart svg .chartTitle {
  font-size: 12px;
}
.gaugeChart svg .quotaTitle {
  font-size: 14px;
}
.gaugeChart svg .backgroundArc {
  fill: #716e6e;
}
.gaugeChart svg .normal {
  fill: #9c1015;
}
.gaugeChart svg .lowThreshold {
  fill: #ffa500;
}
.gaugeChart svg .highThreshold {
  fill: #c80000;
}
.gaugeChart svg .unlimited {
  fill: #ee575d;
}
.pieChart {
  width: 300px;
  height: 300px;
}
.pieChart svg {
  width: 300px;
  height: 300px;
  overflow: visible;
  transform: translate(150px, 150px);
  -ms-transform: translate(150px, 150px);
  -webkit-transform: translate(150px, 150px);
}
.pieChart svg .chart path {
  transition: none 0s linear 0s;
  -webkit-transition: none 0s linear 0s;
}
.pieChart svg text {
  fill: #3c3c3c;
  -webkit-touch-callout: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.pieChart svg .arcGroup .slice text {
  fill: #AAA;
}
.pieChart svg .arcGroup .slice text.percentage {
  fill: #555;
}
.pieChart svg .arcGroup .slice path {
  stroke: #FFF;
  stroke-width: 3;
}
.pieChart svg .circleGroup .outerCircle {
  stroke: #FFF;
  stroke-width: 4;
}
.pieChart svg .titleGroup text {
  fill: #333;
}
.pieChart svg .titleGroup text.totalValue {
  font-size: 34px;
}
.pieChart svg .titleGroup text.chartTitle {
  font-size: 12px;
}
.pieChart svg .titleGroup text.chartLabel {
  fill: #7c7c7c;
}
.pieChart svg .titleGroup .totalValue {
  font-size: 24px;
}
.pieChart svg .titleGroup .chartTitle {
  font-size: 12px;
}
.pieChart svg .arcGroup .slice .tick {
  stroke: #7c7c7c;
  stroke-width: 1;
}
.pieChart svg .circleGroup .animationArc {
  fill: #FFF;
}
.pieChart svg .backgroundArc {
  fill: #716e6e;
}
.trackerChart {
  width: 700px;
  margin: 0 auto;
  position: relative;
  top: 25px;
}
.trackerChart svg {
  overflow: visible;
}
.trackerChart svg .chart {
  /*mandatory fo JS*/
  width: 700px;
}
.trackerChart svg .chart .lineGroup line {
  stroke: #716e6e;
}
.trackerChart svg .chart .stepGroup .step text {
  -webkit-touch-callout: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.trackerChart svg .chart .stepGroup .step .outerCircle {
  fill: #716e6e;
}
.trackerChart svg .chart .stepGroup .step .innerCircle {
  fill: #ffffff;
}
.trackerChart svg .chart .stepGroup .step .selectedCircle {
  fill: #ffffff;
}
.trackerChart svg .chart .stepGroup .step .stepLabel {
  font-size: 14px;
  fill: #7c7c7c;
}
.trackerChart svg .chart .stepGroup .step.selected .selectedCircle {
  fill: #9c1015;
}
.trackerChart svg .chart .stepGroup .step.selected .stepLabel {
  fill: #9c1015;
}
.trackerChartWidget {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  text-align: center;
}
.trackerChartWidget .entryContainer {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.trackerChartWidget .entryContainer .entry {
  padding: 24px 5px 0 5px;
  height: 70px;
  overflow: hidden;
  position: relative;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.trackerChartWidget .entryContainer .entry:before,
.trackerChartWidget .entryContainer .entry:after {
  content: "";
  position: absolute;
  left: 50%;
  border-radius: 50%;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.trackerChartWidget .entryContainer .entry:before {
  top: 0;
  margin-left: -12px;
  border-width: 1px;
  border-style: solid;
  border-color: #716e6e;
  background: #ffffff;
  width: 24px;
  height: 24px;
}
.trackerChartWidget .entryContainer .entry:after {
  top: 12px;
  margin-left: -4px;
  margin-top: -4px;
  background: #9c1015;
  width: 8px;
  height: 8px;
  opacity: 0;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.trackerChartWidget .entryContainer.active .entry {
  color: #9c1015;
}
.trackerChartWidget .entryContainer.active .entry:after {
  opacity: 1;
}
.trackerChartWidget .entryContainer:first-child:before {
  display: none;
}
.trackerChartWidget .entryContainer:last-child:after {
  display: none;
}
.trackerChartWidget .entryContainer:before,
.trackerChartWidget .entryContainer:after {
  content: "";
  position: absolute;
  top: 11px;
  height: 1px;
  background: #716e6e;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.trackerChartWidget .entryContainer:before {
  left: 0;
  right: 50%;
}
.trackerChartWidget .entryContainer:after {
  left: 50%;
  right: 0;
}
.trackerChartWidget.sensitive {
  /*.entry:hover {
            color: @textHoverColor;

            cursor: pointer;

            &:after {
                opacity: 1;

                background:@textHoverColor;
            }
        }*/
}
.milestones-chart .axis {
  display: none;
}
.milestones-chart .milestonelabels text {
  fill: #9c1015;
}
.package-updates-chart .axis.x text {
  display: none;
}
.package-updates-chart .axis.y {
  display: none;
}
.time-filter-chart .axis.y {
  display: none;
}
.dc-chart path.line {
  fill: none;
  stroke-width: 2px;
}
.dc-chart path.area {
  stroke: #60504c;
  fill: #e8e0dc;
}
.dc-chart g .dc-tooltip path {
  fill: none;
  stroke: #7c7c7c;
  stroke-opacity: .8;
}
.dc-chart g .axis text {
  -webkit-touch-callout: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.dc-chart .axis line,
.dc-chart .axis path {
  fill: none;
  stroke: #3c3c3c;
  shape-rendering: crispEdges;
}
.dc-chart .axis text {
  font: 10px sans-serif;
}
.dc-chart .grid-line {
  fill: none;
  stroke: #a2a2a2;
  shape-rendering: crispEdges;
}
.dc-chart .grid-line line {
  fill: none;
  stroke: #a2a2a2;
  shape-rendering: crispEdges;
}
.dc-chart .brush .resize path {
  fill: #7c7c7c;
  stroke: #3c3c3c;
}
.dc-chart .dot {
  stroke: #9c1015;
  fill: #ffffff;
  stroke-width: 2px;
}
.dc-chart .dot.selected {
  stroke-width: 4px;
}
.dc-chart .triangle {
  stroke: #7c7c7c;
  fill: #ffffff;
  stroke-width: 2px;
}
.dc-chart .triangle.selected {
  stroke: #9c1015;
}
.dc-chart .dot:hover,
.dc-chart .triangle:hover {
  cursor: pointer;
}
.dc-chart .dot.selected,
.dc-chart .triangle.selected {
  fill: #9c1015;
  cursor: default;
}
/* Line Charts (based on C3) */
/*
this is required due to an issue with c3 injecting svg elements in the body as axis ticks which
in turn displays a second scroll bar due to those ticks positioning on the page.
*/
body > svg {
  position: absolute;
  top: 0;
}
.lineChart.c3 .c3-axis-x path,
.lineChart.c3 .c3-axis-y path,
.lineChart.c3 .c3-axis-y2 path,
.lineChart.c3 .c3-axis-x line,
.lineChart.c3 .c3-axis-y line,
.lineChart.c3 .c3-axis-y2 line {
  stroke: #c8c8c8;
}
.lineChart.c3 .c3-axis-x text,
.lineChart.c3 .c3-axis-y text,
.lineChart.c3 .c3-axis-y2 text {
  fill: #646464;
  font: "Arial";
}
/*
        .c3-axis-x path, .c3-axis-x line {
            stroke: @axisColor;
        }

        .c3-axis-y path, .c3-axis-y line {
            stroke: @axisColor;
        }

        .c3-axis-y2 path, .c3-axis-y2 line {
            stroke: @axisColor;
        }


        .c3-axis-x text, .c3-axis-y text, .c3-axis-y2 text {
        	fill: @chartLabelColor;
        	font: "Arial";
        }
        */
.lineChart.c3 .c3-chart-lines .c3-lines-dataA path {
  stroke: #1b7fb8 !important;
}
.lineChart.c3 .c3-chart-lines .c3-lines-dataB path {
  stroke: #7cd9aa !important;
}
.lineChart.c3 .c3-chart-lines .c3-areas-dataA path,
.lineChart.c3 .c3-chart-lines .c3-circles-dataA path,
.lineChart.c3 .c3-chart-lines .c3-areas-dataA circle,
.lineChart.c3 .c3-chart-lines .c3-circles-dataA circle {
  fill: #1b7fb8 !important;
}
.lineChart.c3 .c3-chart-lines .c3-areas-dataB path,
.lineChart.c3 .c3-chart-lines .c3-circles-dataB path,
.lineChart.c3 .c3-chart-lines .c3-areas-dataB circle,
.lineChart.c3 .c3-chart-lines .c3-circles-dataB circle {
  fill: #7cd9aa !important;
}
.lineChart.c3 .c3-legend-item-dataA .c3-legend-item-tile {
  stroke: #1b7fb8 !important;
  fill: #1b7fb8 !important;
}
.lineChart.c3 .c3-legend-item-dataB .c3-legend-item-tile {
  stroke: #7cd9aa !important;
  fill: #7cd9aa !important;
}
.lineChart.c3 .c3-tooltip-container .c3-tooltip-name-dataA .name span,
.lineChart.c3 .c3-tooltip-container c3-tooltip-name--dataB .name span {
  background-color: #1b7fb8 !important;
}
.lineChart.c3 .c3-tooltip-container .c3-tooltip-name-dataB .name span,
.lineChart.c3 .c3-tooltip-container c3-tooltip-name--dataB .name span {
  background-color: #7cd9aa !important;
}
/* Horizontal Gauge Chart/Widget */
.horizontalGaugeChart .labelContainer {
  margin-bottom: 2px;
}
.horizontalGaugeChart .labelContainer.left {
  border-left: 1px solid #c8c8c8;
  padding-left: 4px;
  transition: margin-left 1s;
  transition-timing-function: ease-in;
}
.horizontalGaugeChart .labelContainer.left .value {
  text-align: left;
}
.horizontalGaugeChart .labelContainer.left .quota {
  text-align: left;
}
.horizontalGaugeChart .labelContainer.right {
  border-right: 1px solid #c8c8c8;
  padding-right: 4px;
  transition: width 1s;
  transition-timing-function: ease-in;
}
.horizontalGaugeChart .labelContainer.right .value {
  text-align: right;
}
.horizontalGaugeChart .labelContainer.right .quota {
  text-align: right;
}
.horizontalGaugeChart .labelContainer .value {
  font-size: 16px;
  color: #646464;
}
.horizontalGaugeChart .labelContainer .quota {
  font-style: italic;
  color: #646464;
}
.horizontalGaugeChart .progressContainer {
  width: 100%;
  height: 30px;
  padding: 3px;
  border: 1px solid #c8c8c8;
  border-radius: 15px;
}
.horizontalGaugeChart .progressContainer .progress {
  width: 0%;
  height: 100%;
  transition: width 1s;
  transition-timing-function: ease-in;
  border: 1px solid #c8c8c8;
  border-radius: 15px 0 0 15px;
  background-color: #c8c8c8;
}
.horizontalGaugeChart .progressContainer .progress.full {
  border-radius: 15px;
}
.horizontalGaugeChart .progressContainer .progress.ok {
  border: 1px solid #28a281;
  background-color: #28a281;
}
.horizontalGaugeChart .progressContainer .progress.warning {
  border: 1px solid #ffa500;
  background-color: #ffa500;
}
.horizontalGaugeChart .progressContainer .progress.critical {
  border: 1px solid #c80000;
  background-color: #c80000;
}
#errorBanner {
  margin-left: -250px;
  width: 500px;
  position: absolute;
  top: 80px;
  left: 50%;
  z-index: 11;
}
#errorBanner .errorBannerWidget {
  border: 3px solid #c80000;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
}
#errorBanner .errorBannerWidget .closeButton {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
noscript {
  margin-left: -250px;
  width: 500px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 11;
}
noscript .noscriptErrorBanner {
  border: 3px solid #c80000;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
}
/* GENERIC CLASSES */
.genericMenu,
.genericItemMenu {
  overflow: hidden;
  font-size: 14px;
}
.genericMenu ul,
.genericItemMenu ul {
  height: 100%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.genericMenu ul li,
.genericItemMenu ul li {
  margin-right: 20px;
  flex-shrink: 0;
  position: relative;
}
.genericMenu ul li a,
.genericItemMenu ul li a {
  cursor: pointer;
  color: #9c1015;
  padding: 4px;
  text-align: center;
  display: block;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(156, 16, 21, 0);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: rgba(156, 16, 21, 0);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.genericMenu ul li a:hover,
.genericItemMenu ul li a:hover,
.genericMenu ul li a.selected,
.genericItemMenu ul li a.selected,
.genericMenu ul li a.clicked,
.genericItemMenu ul li a.clicked {
  border-top-color: #9c1015;
  border-bottom-color: #9c1015;
}
.genericMenu ul li a:hover,
.genericItemMenu ul li a:hover,
.genericMenu ul li a.selected:hover,
.genericItemMenu ul li a.selected:hover,
.genericMenu ul li a.clicked:hover,
.genericItemMenu ul li a.clicked:hover {
  border-top-color: #57090c;
  border-bottom-color: #57090c;
  color: #636363;
}
.genericMenu ul li a.selected,
.genericItemMenu ul li a.selected,
.genericMenu ul li a.clicked,
.genericItemMenu ul li a.clicked {
  color: #636363;
}
.genericMenu ul li:first-child,
.genericItemMenu ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.genericItemView .genericItemMenu ul li {
  margin-top: 10px;
}
.subNavTop {
  height: 35px;
  overflow: hidden;
  font-size: 14px;
}
.subNavTop ul {
  height: 100%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.subNavTop ul li {
  margin-right: 20px;
  flex-shrink: 0;
  position: relative;
}
.subNavTop ul li a {
  cursor: pointer;
  color: #9c1015;
  padding: 4px;
  text-align: center;
  display: block;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgba(156, 16, 21, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(156, 16, 21, 0);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.subNavTop ul li a:hover,
.subNavTop ul li a.selected,
.subNavTop ul li a.clicked {
  border-top-color: #9c1015;
  border-bottom-color: #9c1015;
}
.subNavTop ul li a:hover,
.subNavTop ul li a.selected:hover,
.subNavTop ul li a.clicked:hover {
  border-top-color: #57090c;
  border-bottom-color: #57090c;
  color: #636363;
}
.subNavTop ul li a.selected,
.subNavTop ul li a.clicked {
  color: #636363;
}
.subNavTop ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.genericTopRightContentActions {
  position: absolute;
  right: 30px;
  top: 5px;
  z-index: 1;
}
.genericTopRightContentActions > * {
  float: left;
  margin-left: 5px;
}
.genericContentContainer {
  height: 100%;
  overflow: auto;
  padding-right: 30px;
  position: relative;
}
.genericContentContainer > *:last-child:not(.paginationWidget) {
  padding-bottom: 30px;
}
.genericContentContainer.noMargin {
  padding-right: 0;
}
.genericColumnContainer {
  height: 100%;
  position: relative;
  overflow: auto;
}
.genericColumnContainer > .column {
  height: 100%;
  float: left;
  padding-right: 30px;
  position: relative;
}
.genericColumnContainer > .column > *:last-child:not(.paginationWidget) {
  padding-bottom: 30px;
}
.genericColumnContainer > .column.noMargin {
  padding-right: 0;
}
.genericColumnContainer > .column.quarter {
  width: 25%;
}
.genericColumnContainer > .column.third {
  width: 33%;
}
.genericColumnContainer > .column.third .emptyMessage {
  text-align: left;
}
.genericColumnContainer > .column.third.complete {
  width: 34%;
}
.genericColumnContainer > .column.half {
  width: 50%;
}
.genericColumnContainer > .column.twoThirds {
  width: 67%;
}
.genericColumnContainer > .column.threeQuarters {
  width: 75%;
}
.genericColumnContainer > .column.full {
  width: 100%;
}
.genericColumnContainer.columnScroll {
  overflow: visible;
}
.genericColumnContainer.columnScroll .column {
  overflow: auto;
}
.genericItemView .genericItemHeader {
  position: relative;
  padding: 15px 30px 0 30px;
  margin-left: -30px;
  background: #e8e0dc;
  border-color: #716e6e;
  border-style: solid;
  border-width: 1px 0;
  height: 150px;
}
.genericItemView .genericItemHeader .genericItemHeaderContent {
  margin-left: 230px;
  padding-right: 200px;
  position: relative;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .topRightCorner {
  position: absolute;
  top: 0;
  right: 0;
  color: #7c7c7c;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .title,
.genericItemView .genericItemHeader .genericItemHeaderContent .subTitle {
  padding: 0;
  margin: 0;
  border: none;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .inline > * {
  display: inline;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .inline .beforeComma {
  float: left;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .genericItemHeaderTitle {
  padding-bottom: 10px;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .genericItemHeaderTitle .title {
  font-size: 22px;
  color: #3c3c3c;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .types .boxTypesField.collapsed .comboBoxWidgetContent .optionsContainer {
  border-color: transparent;
  background: #e8e0dc;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .lists {
  position: relative;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .lists .badges {
  padding-top: 5px;
  padding-right: 25px;
  max-height: 59px;
  overflow: auto;
}
.genericItemView .genericItemHeader .genericItemHeaderContent .lists .badges:after {
  content: "";
  position: absolute;
  background: #e8e0dc;
  top: 0;
  right: 0;
  width: 25px;
  height: 59px;
}
.genericItemView .genericItemHeader .genericItemLogo {
  float: left;
  position: relative;
}
.genericItemView .genericItemHeader .genericItemLogo img {
  max-width: 200px;
  max-height: 100px;
  min-height: 50px;
  padding: 5px;
  margin-bottom: 5px;
  background: #ffffff;
  border: 1px solid #716e6e;
  cursor: pointer;
  display: block;
}
.genericItemView .genericItemHeader .genericItemLogo img.disabled {
  cursor: auto;
}
.genericItemView .genericItemHeader .genericItemLogo img[src*="emptyLogo"] {
  border-color: rgba(113, 110, 110, 0);
  background: none;
  opacity: .7;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.genericItemView .genericItemHeader .genericItemLogo img[src*="emptyLogo"]:hover {
  opacity: 1;
}
.genericItemView .genericItemHeader .genericItemMenu {
  position: absolute;
  bottom: 0;
}
.genericItemView .genericItemContentWrapper {
  padding-top: 150px;
  margin-top: -150px;
  height: 100%;
}
.genericItemView .genericItemContentWrapper .genericItemActions {
  position: absolute;
  right: 30px;
  top: 5px;
  z-index: 1;
}
.genericItemView .genericItemContentWrapper .genericItemActions > * {
  float: left;
  margin-left: 5px;
}
.genericItemView .genericItemContentWrapper .genericItemActions .searchInputWidget ~ .expandableButton {
  margin-top: 3px;
}
.genericInformationList .row {
  overflow: hidden;
}
.genericInformationList .row .label,
.genericInformationList .row .value,
.genericInformationList .row .title,
.genericInformationList .row .subTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  float: left;
  line-height: 22px;
}
.genericInformationList .row .label {
  color: #7c7c7c;
  text-align: right;
  padding-right: 10px;
  width: 20%;
}
.genericInformationList .row .title,
.genericInformationList .row .subTitle {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
}
.genericLibrary .libraryContainer {
  padding-top: 35px;
  margin-top: -35px;
  height: 100%;
}
.genericLibrary .libraryContainer .libraryContainerHeader {
  padding-right: 30px;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs {
  float: right;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs > * {
  float: left;
  margin-left: 25px;
  margin-top: 5px;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs > .expandableButton {
  margin-top: 8px;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs .comboBoxWidget {
  min-width: 150px;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs .sortInput > * {
  float: left;
}
.genericLibrary .libraryContainer .libraryContainerHeader .libraryContainerHeaderInputs .sortInput > .expandableButton {
  margin-top: 3px;
  margin-left: 5px;
}
.genericLibrary .libraryContainer .tableWidget,
.genericLibrary .libraryContainer .tileListWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
.genericLibrary .libraryContainer .tableWidget .dataContainer .dataProvider,
.genericLibrary .libraryContainer .tileListWidget .dataContainer .dataProvider {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.genericLibrary .libraryContainer .tableWidget .dataContainer .dataProvider .dataItem,
.genericLibrary .libraryContainer .tileListWidget .dataContainer .dataProvider .dataItem {
  margin: 10px 10px 10px 0;
  border: 1px solid rgba(113, 110, 110, 0.1);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.genericLibrary .libraryContainer .tableWidget .dataContainer .dataProvider .dataItem .itemInfo .name,
.genericLibrary .libraryContainer .tileListWidget .dataContainer .dataProvider .dataItem .itemInfo .name {
  font-size: 18px;
}
.genericLibrary .libraryContainer .tableWidget .dataContainer .dataProvider .dataItem:hover,
.genericLibrary .libraryContainer .tileListWidget .dataContainer .dataProvider .dataItem:hover {
  border-color: #716e6e;
}
.genericButtonInline > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.genericColumnList .columnList {
  float: left;
  padding-right: 30px;
}
.genericColumnList.twoColumnsList .columnList {
  width: 50%;
}
.genericColumnList.threeColumnsList .columnList {
  width: 33%;
}
.genericColumnList.threeColumnsList .columnList:last-child {
  width: 34%;
}
.genericWorkflow .workflowTitle {
  height: 40px;
  padding-top: 5px;
}
.genericWorkflow .workflowTitle > * {
  display: inline-block;
  vertical-align: middle;
}
.genericWorkflow .workflowTitle .workflowTitleIcon {
  margin-left: 10px;
  height: 18px;
  width: 18px;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg path {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg text {
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg circle {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg rect {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg polygon {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleLabel {
  font-size: 18px;
  color: #7c7c7c;
}
.genericWorkflow .workflowTitle .workflowTitleName {
  font-size: 20px;
}
.genericWorkflow .workflow {
  height: 70px;
  padding-right: 30px;
  position: relative;
  z-index: 2;
}
.genericWorkflow .workflow .workflowActions {
  position: absolute;
  right: 30px;
  bottom: -25px;
}
.genericWorkflow .workflow .workflowActions .expandableButton {
  margin-left: 5px;
  float: left;
}
.genericWorkflow .workflowTitle {
  height: 40px;
  padding-top: 5px;
}
.genericWorkflow .workflowTitle > * {
  display: inline-block;
  vertical-align: middle;
}
.genericWorkflow .workflowTitle .workflowTitleIcon {
  margin-left: 10px;
  height: 18px;
  width: 18px;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg path {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg text {
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg circle {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg rect {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleIcon svg polygon {
  stroke: #7c7c7c !important;
  fill: #7c7c7c !important;
}
.genericWorkflow .workflowTitle .workflowTitleLabel {
  font-size: 18px;
  color: #7c7c7c;
}
.genericWorkflow .workflowTitle .workflowTitleName {
  font-size: 20px;
}
.genericWorkflow .workflow {
  height: 70px;
  padding-right: 30px;
  position: relative;
  z-index: 2;
}
.genericWorkflow .workflow .vendorEditActions {
  position: absolute;
  right: 30px;
  bottom: -25px;
}
.genericWorkflow .workflow .vendorEditActions .expandableButton {
  margin-left: 5px;
  float: left;
}
.genericWorkflow .addResourcesView .info {
  height: 48px;
  overflow: hidden;
}
.genericProfile {
  width: 200px;
  float: right;
  padding-right: 0;
  border: 1px solid #716e6e;
  border-radius: 4px;
  text-align: center;
}
.genericProfile .svgImage {
  height: 64px;
  width: 64px;
  border: 1px solid #716e6e;
  border-radius: 4px;
  margin: 10px auto;
}
.genericProfile .row {
  padding: 3px;
}
/* LAYOUT BASE */
.genericInput {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #716e6e;
  color: #3c3c3c;
  font-family: sans-serif;
  font-size: 13px;
  background: #ffffff;
  height: 30px;
  padding: 2px 8px;
  outline: none;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
:disabled {
  background: rgba(113, 110, 110, 0.1);
  border-color: rgba(113, 110, 110, 0.3);
  color: #a2a2a2;
  cursor: not-allowed;
}
input[type="checkbox"]:not([disabled]) {
  cursor: pointer;
}
.inputContainer .action {
  position: absolute;
  width: 21px;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  right: 5px;
  top: 0;
}
/* EXPANDABLE TEXT AREA */
.expandableTextAreaWidget .expandableTextArea {
  min-height: 30px;
  font-size: 13px;
  padding: 6px 8px;
  border: 1px solid #716e6e;
  border-radius: 4px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.expandableTextAreaWidget .expandableTextArea.validationError {
  border-color: #c80000;
}
/* LOGIN */
.inputBoxLogin {
  margin-bottom: 10px;
  position: relative;
}
.inputBoxLogin .textBoxWidget {
  margin-left: 60px;
  width: 255px;
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
}
.inputBoxLogin .svgImage.action {
  position: absolute;
  height: 40px;
  width: 40px;
  z-index: 1;
  cursor: pointer;
  right: 5px;
  top: 0;
}
.inputBoxLogin .svgImage.action svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.action svg text {
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.action svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.action svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.action svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.icon {
  position: absolute;
  background-color: #e8e0dc;
  border-radius: 4px 0 0 4px;
  border-top: 1px solid #716e6e;
  border-left: 1px solid #716e6e;
  border-bottom: 1px solid #716e6e;
  height: 50px;
  width: 50px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.inputBoxLogin .svgImage.icon svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.icon svg text {
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.icon svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.icon svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin .svgImage.icon svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.inputBoxLogin svg {
  margin-left: 11px;
  width: 25px;
}
.inputBoxLogin.large svg {
  margin-left: 10px;
}
.inputBoxLogin.large .textBoxWidget {
  height: 40px;
  font-size: 16px;
  margin-left: 45px;
}
.inputBoxLogin.large .icon {
  height: 40px;
  width: 45px;
}
.inputBoxLogin.large .iconContainer {
  height: 40px;
}
.inputBoxLogin.focused .svgImage.icon {
  border-color: #6e0b0f;
}
.inputBoxLogin.focused .svgImage.icon svg path {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.inputBoxLogin.focused .svgImage.icon svg text {
  fill: #6e0b0f !important;
}
.inputBoxLogin.focused .svgImage.icon svg circle {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.inputBoxLogin.focused .svgImage.icon svg rect {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.inputBoxLogin.focused .svgImage.icon svg polygon {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.inputBoxLogin.validationError .textBoxWidget {
  border-color: #c80000;
}
.inputBoxLogin.validationError .svgImage.icon {
  border-color: #c80000;
  background-color: #c80000;
}
.inputBoxLogin.validationError .svgImage.icon svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.inputBoxLogin.validationError .svgImage.icon svg text {
  fill: #ffffff !important;
}
.inputBoxLogin.validationError .svgImage.icon svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.inputBoxLogin.validationError .svgImage.icon svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.inputBoxLogin.validationError .svgImage.icon svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
/*Ace editor Widget*/
.aceEditorWidget {
  position: relative;
  height: 100%;
  /*fail safe*/
  max-height: 1000px !important;
}
.aceEditorWidget .ace_editor {
  border-radius: 4px;
  border: 1px solid #716e6e;
  overflow: visible;
  min-height: 30px;
  padding: 2px;
}
.aceEditorWidget .ace_editor .ace_scroller {
  border-radius: 4px;
}
.aceEditorWidget .ace_editor .ace_scroller .ace_content .ace_layer.ace_text-layer .ace_line .ace_text,
.aceEditorWidget .ace_editor .ace_scroller .ace_content .ace_layer.ace_text-layer .ace_line .ace_xml {
  font-size: 12px;
}
.aceEditorWidget .expandableButton {
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: #716e6e;
  border-radius: 11px 0 4px 0;
  background: #ffffff;
  z-index: 2;
}
.aceEditorWidget .expandableButton .expandableButtonContent .buttonLabel {
  color: #716e6e;
}
.aceEditorWidget .expandableButton:not(.borderless) {
  border-color: #716e6e;
  background: rgba(113, 110, 110, 0);
}
.aceEditorWidget .expandableButton:not(.originalColor) svg path {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.aceEditorWidget .expandableButton:not(.originalColor) svg text {
  fill: #716e6e !important;
}
.aceEditorWidget .expandableButton:not(.originalColor) svg circle {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.aceEditorWidget .expandableButton:not(.originalColor) svg rect {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.aceEditorWidget .expandableButton:not(.originalColor) svg polygon {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover,
.aceEditorWidget .expandableButton.selected {
  background: #716e6e;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.aceEditorWidget .expandableButton.selected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.aceEditorWidget .expandableButton.selected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.aceEditorWidget .expandableButton.selected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.aceEditorWidget .expandableButton.selected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.aceEditorWidget .expandableButton.selected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover .buttonLabel,
.aceEditorWidget .expandableButton.selected .buttonLabel {
  color: #ffffff;
}
.aceEditorWidget .expandableButton:not([disabled]):not(.disabled):hover .i18nLabel,
.aceEditorWidget .expandableButton.selected .i18nLabel {
  color: #ffffff;
}
.aceEditorWidget .expandableButton[disabled],
.aceEditorWidget .expandableButton.disabled {
  border-color: #707070;
}
.aceEditorWidget .expandableButton[disabled] .buttonLabel,
.aceEditorWidget .expandableButton.disabled .buttonLabel {
  color: #707070;
}
.aceEditorWidget .expandableButton[disabled]:not(.originalColor) svg path,
.aceEditorWidget .expandableButton.disabled:not(.originalColor) svg path {
  stroke: #707070 !important;
  fill: #707070 !important;
}
.aceEditorWidget .expandableButton[disabled]:not(.originalColor) svg text,
.aceEditorWidget .expandableButton.disabled:not(.originalColor) svg text {
  fill: #707070 !important;
}
.aceEditorWidget .expandableButton[disabled]:not(.originalColor) svg circle,
.aceEditorWidget .expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #707070 !important;
  fill: #707070 !important;
}
.aceEditorWidget .expandableButton[disabled]:not(.originalColor) svg rect,
.aceEditorWidget .expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #707070 !important;
  fill: #707070 !important;
}
.aceEditorWidget .expandableButton[disabled]:not(.originalColor) svg polygon,
.aceEditorWidget .expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #707070 !important;
  fill: #707070 !important;
}
.aceEditorWidget .expandableButton[unselected],
.aceEditorWidget .expandableButton.unselected {
  border-color: #bcbcbc;
}
.aceEditorWidget .expandableButton[unselected] .buttonLabel,
.aceEditorWidget .expandableButton.unselected .buttonLabel {
  color: #bcbcbc;
}
.aceEditorWidget .expandableButton[unselected]:not(.originalColor) svg path,
.aceEditorWidget .expandableButton.unselected:not(.originalColor) svg path {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
.aceEditorWidget .expandableButton[unselected]:not(.originalColor) svg text,
.aceEditorWidget .expandableButton.unselected:not(.originalColor) svg text {
  fill: #bcbcbc !important;
}
.aceEditorWidget .expandableButton[unselected]:not(.originalColor) svg circle,
.aceEditorWidget .expandableButton.unselected:not(.originalColor) svg circle {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
.aceEditorWidget .expandableButton[unselected]:not(.originalColor) svg rect,
.aceEditorWidget .expandableButton.unselected:not(.originalColor) svg rect {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
.aceEditorWidget .expandableButton[unselected]:not(.originalColor) svg polygon,
.aceEditorWidget .expandableButton.unselected:not(.originalColor) svg polygon {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
.aceEditorWidget .expandableButton.disabled {
  display: none;
}
.aceEditorWidget.validationError .ace_editor {
  background: rgba(200, 0, 0, 0.15);
  border-color: #c80000;
}
.comboBoxWidget {
  position: relative;
  height: 30px;
  max-width: 300px;
  z-index: 10;
}
.comboBoxWidget .comboBoxWidgetContent {
  height: 100%;
  position: relative;
}
.comboBoxWidget .comboBoxWidgetContent .arrow {
  height: 15px;
  width: 15px;
  position: absolute;
  top: 7.5px;
  right: 7.5px;
  opacity: 0;
  z-index: 1;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg path {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg text {
  fill: #716e6e !important;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg circle {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg rect {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg polygon {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.comboBoxWidget .comboBoxWidgetContent .arrow svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer {
  overflow: auto;
  max-height: 150px;
  min-width: 30px;
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #716e6e;
  border-radius: 4px;
  padding-top: 28px;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry {
  padding: 0 30px 0 8px;
  height: 100%;
  line-height: 28px;
  transition: background .3s linear 0s;
  -webkit-transition: background .3s linear 0s;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry .labelContent {
  /*fail safe*/
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry.selected {
  background: #e8e0dc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 4px 0 0 0;
  height: 28px;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry.prompt {
  /* NP: prompt mechanism should be reworked */
  cursor: auto;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry.prompt .labelContent {
  /*color: @titleColor;*/
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry.disabled .labelContent {
  color: #7c7c7c;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry:first-child {
  border-top: none;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry:last-child {
  border-bottom: none;
}
.comboBoxWidget .comboBoxWidgetContent .optionsContainer .entry:not(.disabled):hover {
  background: #e8e0dc;
}
.comboBoxWidget.collapsed {
  z-index: 0;
}
.comboBoxWidget.collapsed .comboBoxWidgetContent .arrow {
  opacity: 1;
}
.comboBoxWidget.collapsed .comboBoxWidgetContent .optionsContainer {
  overflow: hidden;
  height: 30px;
  min-width: 30px;
  padding-top: 0;
}
.comboBoxWidget.collapsed .comboBoxWidgetContent .optionsContainer .entry {
  visibility: hidden;
  background: none;
}
.comboBoxWidget.collapsed .comboBoxWidgetContent .optionsContainer .entry.selected {
  visibility: visible;
  border-radius: 4px;
}
.comboBoxWidget:not(.disabled) .optionsContainer {
  cursor: pointer;
}
.comboBoxWidget:not(.disabled) .optionsContainer .row {
  cursor: pointer;
}
.comboBoxWidget.disabled .comboBoxWidgetContent .arrow {
  display: none;
}
.comboBoxWidget.disabled .comboBoxWidgetContent .optionsContainer {
  background: rgba(113, 110, 110, 0.1);
  border-color: rgba(113, 110, 110, 0.3);
}
.comboBoxWidget.disabled .comboBoxWidgetContent .optionsContainer .entry {
  cursor: not-allowed;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .arrow svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .arrow svg text {
  fill: #c80000 !important;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .arrow svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .arrow svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .arrow svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.comboBoxWidget.validationError .comboBoxWidgetContent .optionsContainer {
  border-color: #c80000;
}
.comboBoxWidget.borderless:not(.collapsed) .comboBoxWidgetContent .optionsContainer {
  background: none;
  border-color: transparent;
}
.comboBoxWidget.borderless .comboBoxWidgetContent .optionsContainer {
  background: none;
  border-color: transparent;
}
.comboBoxWidget.borderless .comboBoxWidgetContent .optionsContainer .entry.selected,
.comboBoxWidget.borderless .comboBoxWidgetContent .optionsContainer .entry:not(.disabled):hover {
  background: none;
}
.formWidget .comboBoxWidget {
  max-width: none;
}
.formWidget .comboBoxWidget .optionsContainer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.navTopActions .comboBoxWidget {
  margin-top: -3px;
}
/* formWidget */
.formWidget > li {
  margin-top: 10px;
}
.formWidget > li button.rightButton {
  margin-left: 5px;
  position: absolute;
  left: 100%;
  top: 4px;
}
.formWidget > li button.actionButton {
  float: right;
  margin-left: 5px;
}
.formWidget > li > * {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.formWidget > li > .label {
  width: 20%;
  text-align: right;
  padding-right: 15px;
  position: relative;
}
.formWidget > li > .inputContainer {
  width: 50%;
  min-height: 30px;
  line-height: 30px;
}
.formWidget > li > .inputContainer .genericInput {
  width: 100%;
}
.formWidget > li > .inputContainer .spinnerWidget {
  margin-top: 5px;
  /* NP : MarketingPlan > Name */
  margin-left: 5px;
  position: absolute;
  left: 100%;
  top: 0;
}
.formWidget > li > .inputContainer .textAreaWidget {
  vertical-align: top;
}
.formWidget > li > .inputContainer .rightPositionedButton {
  position: absolute;
  margin-left: 5px;
  margin-top: -12px;
  left: 100%;
  top: 50%;
}
.formWidget > li > .inputContainer.rightPositionedMultipleButton {
  width: 80%;
}
.formWidget > li > .inputContainer.rightPositionedMultipleButton > *:first-child {
  float: left;
  width: 62.5%;
}
.formWidget > li > .inputContainer.rightPositionedMultipleButton .buttons {
  float: left;
  margin-top: 3px;
}
.formWidget > li > .inputContainer.rightPositionedMultipleButton .buttons .expandableButton {
  float: left;
  margin-left: 5px;
}
.formWidget > li > .inputContainer.fill {
  width: 80%;
}
.formWidget > li > .inputContainer.spinnerContainer {
  margin: 5px;
}
.formWidget > li > .inputContainer.spinnerContainer > * {
  display: inline-block;
  vertical-align: middle;
}
.formWidget > li > .inputContainer.withUnit {
  width: auto;
}
.formWidget > li > .inputContainer.withUnit > *,
.formWidget > li > .inputContainer.withUnit > .genericInput:not([type="hidden"]) {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.formWidget > li > .inputContainer.textOnly {
  line-height: normal;
  text-align: left;
  min-height: 0;
}
.formWidget > li > .inputContainer.relativeHeight {
  min-height: 0;
  line-height: normal;
}
.formWidget > li > .inputContainer.minWidthTooltip .tooltip:hover:after {
  min-width: 0;
}
.formWidget > li > .inputContainer.privateInput .svgImage {
  position: absolute;
  margin: 4px;
  right: 0;
  width: 18px;
}
.formWidget > li > .inputContainer.privateInput .svgImage svg path {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.formWidget > li > .inputContainer.privateInput .svgImage svg text {
  fill: #716e6e !important;
}
.formWidget > li > .inputContainer.privateInput .svgImage svg circle {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.formWidget > li > .inputContainer.privateInput .svgImage svg rect {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.formWidget > li > .inputContainer.privateInput .svgImage svg polygon {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
.formWidget > li > .inputContainer.privateInput .tooltip:hover:before {
  right: 4px;
}
.formWidget > li > .inputContainer.focused .svgImage svg path {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.formWidget > li > .inputContainer.focused .svgImage svg text {
  fill: #6e0b0f !important;
}
.formWidget > li > .inputContainer.focused .svgImage svg circle {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.formWidget > li > .inputContainer.focused .svgImage svg rect {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.formWidget > li > .inputContainer.focused .svgImage svg polygon {
  stroke: #6e0b0f !important;
  fill: #6e0b0f !important;
}
.formWidget > li > .inputContainer.validationError .svgImage svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.formWidget > li > .inputContainer.validationError .svgImage svg text {
  fill: #c80000 !important;
}
.formWidget > li > .inputContainer.validationError .svgImage svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.formWidget > li > .inputContainer.validationError .svgImage svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.formWidget > li > .inputContainer.validationError .svgImage svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.formWidget > li > .inputContainer.toggleWidget .toggleContainer {
  margin: 5px 0;
}
.formWidget > li:first-child {
  margin-top: 0;
}
.formWidget > li.fillWidth .label {
  display: none;
}
.formWidget > li.fillWidth .inputContainer {
  width: 50%;
  min-height: 0;
}
.formWidget > li.fullWidth .label {
  display: none;
}
.formWidget > li.fullWidth .inputContainer {
  width: 100%;
  min-height: 0;
}
.formWidget > li.fullInput .inputContainer {
  width: 80%;
}
.formWidget > li.alignTop .label {
  vertical-align: top;
}
.formWidget .logoUpload {
  margin-top: 5px;
}
.formWidget .logoUpload .label {
  vertical-align: top;
}
.formWidget .logoUpload .inputContainer .textOnly {
  line-height: normal;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 0;
}
.formWidget .logoUpload .inputContainer img {
  background: #ffffff;
  border: 1px solid #716e6e;
  display: block;
  margin-top: 5px;
  max-height: 100px;
  max-width: 200px;
  padding: 5px;
  cursor: pointer;
}
.unsetHeight .formWidget li .inputContainer {
  line-height: normal;
  min-height: auto;
}
.successiveForm .formWidget {
  margin-top: 10px;
}
.mandatory > .label:after,
.mandatory > .ace_editor:after {
  content: "*";
  color: #c80000;
  position: absolute;
}
.mandatory > .label:after {
  right: 7px;
  top: 0;
}
.mandatory > .ace_editor:after {
  right: -8px;
  top: -3px;
}
.mandatory.fullWidth,
.mandatory.fillWidth {
  position: relative;
}
.mandatory.fullWidth:after,
.mandatory.fillWidth:after {
  content: "*";
  color: #c80000;
  position: absolute;
  right: 0px;
  top: -10px;
}
/* TEXT BOX */
.textBoxWidget:not([readonly]):focus,
.textBoxWidget select:not([readonly]):focus,
.textBoxWidget .textAreaInput:not([readonly]):focus,
.textBoxWidget .aceEditorWidget .ace_editor.ace_focus {
  border-color: #6e0b0f;
}
.textBoxWidget::input-placeholder,
.textBoxWidget .textAreaInput::input-placeholder {
  color: #8b2125;
  font-style: italic;
  font-family: "Helvetica Neue", Arial;
}
.textBoxWidget::-moz-placeholder,
.textBoxWidget .textAreaInput::-moz-placeholder {
  color: #8b2125;
  font-style: italic;
  font-family: "Helvetica Neue", Arial;
}
.textBoxWidget::-webkit-input-placeholder,
.textBoxWidget .textAreaInput::-webkit-input-placeholder {
  color: #8b2125;
  font-style: italic;
  font-family: "Helvetica Neue", Arial;
}
.textBoxWidget::-ms-input-placeholder,
.textBoxWidget .textAreaInput::-ms-input-placeholder {
  color: #8b2125;
  font-style: italic;
  font-family: "Helvetica Neue", Arial;
}
/* ACE EDITOR WIDGET*/
@keyframes errorField {
  from {
    background-color: rgba(200, 0, 0, 0.15);
  }
  to {
    background-color: transparent;
  }
}
.aceEditorWidget .aceErrorFadeout {
  animation-name: errorField;
  animation-iteration-count: 1;
}
/* TEXT AREA */
.textAreaWidget .textAreaInput {
  background: white;
  border: 2px solid #716e6e;
  border-radius: 4px;
  outline: none;
  font-size: 13px;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  resize: none;
}
.textAreaWidget .textAreaInput:not([readonly]):focus {
  padding: 6px 11px;
}
/*Search input widget*/
.searchInputWidget {
  position: relative;
  width: 220px;
}
.searchInputWidget .searchInputContent {
  position: relative;
  border-radius: 4px;
  border: 1px solid #716e6e;
  width: 100%;
  height: 30px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.searchInputWidget .searchInputContent .searchInputActions {
  float: right;
  position: absolute;
  right: 0;
  z-index: 1;
  height: 100%;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass,
.searchInputWidget .searchInputContent .searchInputActions .clearButton {
  height: 22px;
  width: 22px;
  margin: 3px;
  float: left;
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass svg path,
.searchInputWidget .searchInputContent .searchInputActions .clearButton svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass svg text,
.searchInputWidget .searchInputContent .searchInputActions .clearButton svg text {
  fill: #9c1015 !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass svg circle,
.searchInputWidget .searchInputContent .searchInputActions .clearButton svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass svg rect,
.searchInputWidget .searchInputContent .searchInputActions .clearButton svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass svg polygon,
.searchInputWidget .searchInputContent .searchInputActions .clearButton svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass:hover svg path,
.searchInputWidget .searchInputContent .searchInputActions .clearButton:hover svg path {
  stroke: #57090c !important;
  fill: #57090c !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass:hover svg text,
.searchInputWidget .searchInputContent .searchInputActions .clearButton:hover svg text {
  fill: #57090c !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass:hover svg circle,
.searchInputWidget .searchInputContent .searchInputActions .clearButton:hover svg circle {
  stroke: #57090c !important;
  fill: #57090c !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass:hover svg rect,
.searchInputWidget .searchInputContent .searchInputActions .clearButton:hover svg rect {
  stroke: #57090c !important;
  fill: #57090c !important;
}
.searchInputWidget .searchInputContent .searchInputActions .magnifyGlass:hover svg polygon,
.searchInputWidget .searchInputContent .searchInputActions .clearButton:hover svg polygon {
  stroke: #57090c !important;
  fill: #57090c !important;
}
.searchInputWidget .searchInputContent .searchInputActions .clearButton {
  border-right: 1px solid #716e6e;
}
.searchInputWidget .searchInputContent .searchTextContainer {
  overflow: auto;
}
.searchInputWidget .searchInputContent .searchTextContainer input[type="text"] {
  border: none;
  height: 28px;
  width: 100%;
}
.searchInputWidget .searchInputContent .searchTextContainer .tooltip {
  position: absolute;
  width: 100%;
}
.searchInputWidget .searchInputContent.focused {
  border-color: #6e0b0f;
}
.searchInputWidget .searchInputContent.focused .searchInputActions .clearButton {
  border-color: #6e0b0f;
}
/* Filters */
.filters .filterLegend {
  text-align: right;
  font-style: italic;
  font-size: 11px;
  padding-bottom: 5px;
}
.filters .filterGroup.searchInputWidget,
.filters .filterGroup ul {
  padding-bottom: 30px;
  width: 100%;
}
/* TOGGLE WIDGET */
.toggleWidget {
  overflow: hidden;
  cursor: pointer;
}
.toggleWidget .toggleContainer {
  height: 19px;
  width: 32px;
  overflow: hidden;
  position: relative;
  border: 1px solid #9c1015;
  border-radius: 19px;
  float: left;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.toggleWidget .toggleContainer .doneIcon svg,
.toggleWidget .toggleContainer .cancelIcon svg {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.toggleWidget .toggleContainer .doneIcon svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.toggleWidget .toggleContainer .doneIcon svg text {
  fill: #9c1015 !important;
}
.toggleWidget .toggleContainer .doneIcon svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.toggleWidget .toggleContainer .doneIcon svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.toggleWidget .toggleContainer .doneIcon svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.toggleWidget .toggleContainer .doneIcon svg {
  left: 0;
}
.toggleWidget .toggleContainer .cancelIcon svg path {
  stroke: #898989 !important;
  fill: #898989 !important;
}
.toggleWidget .toggleContainer .cancelIcon svg text {
  fill: #898989 !important;
}
.toggleWidget .toggleContainer .cancelIcon svg circle {
  stroke: #898989 !important;
  fill: #898989 !important;
}
.toggleWidget .toggleContainer .cancelIcon svg rect {
  stroke: #898989 !important;
  fill: #898989 !important;
}
.toggleWidget .toggleContainer .cancelIcon svg polygon {
  stroke: #898989 !important;
  fill: #898989 !important;
}
.toggleWidget .toggleContainer .cancelIcon svg {
  right: 0;
}
.toggleWidget .toggleContainer .toggle {
  height: 13px;
  width: 13px;
  background: #9c1015;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 15px;
  right: 2px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  z-index: 2;
}
.toggleWidget .toggleWidgetLabel {
  float: left;
  margin-left: 5px;
}
.toggleWidget .toggleWidgetLabel .textOn,
.toggleWidget .toggleWidgetLabel .textOff {
  line-height: 19px;
}
.toggleWidget .toggleWidgetLabel .textOff {
  display: none;
}
.toggleWidget .spinnerWidget {
  float: left;
  margin-left: 5px;
}
.toggleWidget.on .toggleContainer .cancelIcon {
  display: none;
}
.toggleWidget.off .toggleContainer {
  border-color: #898989;
}
.toggleWidget.off .toggleContainer .doneIcon {
  display: none;
}
.toggleWidget.off .toggleContainer .toggle {
  right: 15px;
  left: 2px;
  background: #898989;
}
.toggleWidget.off .label .textOn {
  display: none;
}
.toggleWidget.off .label .textOff {
  display: block;
}
/* Tool tip */
.tooltip {
  position: relative;
}
.tooltip .textAreaWidget:hover:before {
  margin-bottom: -8px;
  right: 18px;
}
.tooltip .textAreaWidget:hover:after {
  margin-bottom: -2px;
  right: 8px;
}
.tooltip:before,
.tooltip:after {
  transition: opacity .3s linear 0s;
  -webkit-transition: opacity .3s linear 0s;
  opacity: 0;
  content: "";
  position: absolute;
  z-index: -1;
}
.tooltip:hover:before,
.tooltip:hover:after {
  opacity: 1;
  z-index: 2;
}
.tooltip:hover:before {
  border-color: #3c3c3c transparent;
  border-style: solid;
  border-width: 6px 6px 0;
  content: "";
  position: absolute;
  right: 10px;
  bottom: 100%;
}
.tooltip:hover:after {
  background: #3c3c3c;
  border-radius: 3px;
  content: attr(tooltip);
  color: #ffffff;
  text-align: left;
  line-height: normal;
  padding: 5px 10px;
  margin-bottom: 6px;
  min-width: 180px;
  position: absolute;
  right: 0;
  bottom: 100%;
}
.tooltip.hideTooltip:before,
.tooltip.hideTooltip:after {
  display: none;
}
.tooltip.errorTooltipOnly:not(.validationError):before,
.tooltip.errorTooltipOnly:not(.validationError):after {
  display: none;
}
.tooltip.leftAligned:hover:before,
.tooltip.leftAligned:hover:after {
  right: auto;
}
.tooltip.leftAligned:hover:before {
  left: 10px;
}
.tooltip.leftAligned:hover:after {
  left: 0;
}
.tooltip.rightPositioned:hover:before {
  border-color: transparent #3c3c3c;
  border-width: 6px 6px 6px 0;
  right: -6px;
  top: 8px;
}
.tooltip.rightPositioned:hover:after {
  left: 100%;
  top: 0;
  right: auto;
  bottom: auto;
  margin: 0 0 0 6px;
  width: 50%;
}
.tooltip.bottomPositioned:hover:before {
  border-width: 0 6px 6px;
  top: 100%;
}
.tooltip.bottomPositioned:hover:after {
  top: 100%;
  margin-top: 6px;
  right: 0;
  bottom: auto;
}
.tooltip.validationError:hover:after {
  background: #c80000;
}
.tooltip.validationError:hover:before {
  border-color: #c80000 transparent;
}
.tooltip.validationError.rightPositioned:hover:before {
  border-color: transparent #c80000;
}
/* Validation Error */
.validationError button,
.validationError input,
.validationError textarea,
.validationError input:focus:not([readonly]),
.validationError textarea:focus:not([readonly]),
.validationError select {
  background: rgba(200, 0, 0, 0.15);
  border-color: #c80000;
}
/* Checkboxes */
.gwt-CheckBox,
.gwt-RadioButton {
  display: block;
  padding-bottom: 5px;
}
.gwt-CheckBox > input:not(.noText),
.gwt-RadioButton > input:not(.noText) {
  margin-right: 10px;
  vertical-align: text-bottom;
}
.formWidget > li > .gwt-CheckBox.inputContainer,
.formWidget > li > .gwt-RadioButton.inputContainer {
  position: relative;
  top: 8px;
  width: 55%;
  line-height: normal;
}
.formWidget > li > .gwt-CheckBox.label,
.formWidget > li > .gwt-RadioButton.label {
  width: 25%;
}
.formWidget > li > .gwt-CheckBox.legend,
.formWidget > li > .gwt-RadioButton.legend {
  position: relative;
  top: 8px;
  width: 80%;
  line-height: normal;
}
.gwt-CheckBox.disabled label,
.gwt-RadioButton.disabled label {
  border-color: rgba(113, 110, 110, 0.3);
  color: #a2a2a2;
  cursor: not-allowed;
}
.gwt-TextBox {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #716e6e;
  color: #3c3c3c;
  font-family: sans-serif;
  font-size: 13px;
  background: #ffffff;
  height: 30px;
  padding: 2px 8px;
  outline: none;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
/* Ip V4 */
div.ipV4Widget.inputContainer input.textBoxWidget.genericInput {
  width: auto;
}
div.ipV4Widget.inputContainer > div.group {
  display: inline-block;
}
.popupBackground {
  z-index: 3;
  background: rgba(255, 255, 255, 0.5);
}
.gwt-PopupPanel {
  width: 700px;
  margin-left: -350px;
  position: absolute !important;
  top: 90px !important;
  left: 50% !important;
  border-radius: 5px;
  color: #3c3c3c;
  z-index: 4;
}
.gwt-PopupPanel .popupContent {
  height: 100%;
}
.gwt-PopupPanel .popupContent .popupWidget {
  height: 100%;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer {
  background-color: #9c1015;
  padding: 2px;
  height: 100%;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .header {
  padding: 1px 10px 4px 10px;
  height: 21px;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .header .title {
  font-size: 14px;
  color: #ffffff;
  min-height: 14px;
  padding: 0px;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .contentWrapper {
  min-height: 50px;
  padding-bottom: 34px;
  margin-bottom: -34px;
  padding-top: 21px;
  margin-top: -21px;
  height: 100%;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .contentWrapper .content {
  height: 100%;
  position: relative;
  padding: 15px 30px;
  background: #ffffff;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .contentWrapper .content .tableActionsContainer {
  padding-right: 0;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .footer {
  overflow: auto;
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  padding: 5px 5px 5px 30px;
  height: 34px;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .footer .footerActionsContainer {
  float: right;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .footer .footerActionsContainer .expandableButton {
  float: left;
  margin-left: 5px;
}
.gwt-PopupPanel .popupContent .popupWidget .popupWidgetContainer .footer .footerActionsContainer .expandableButton .buttonLabel {
  padding: 0 7px;
}
.gwt-PopupPanel.wide {
  width: 900px;
  margin-left: -450px;
}
.gwt-PopupPanel.wider {
  /* NP */
  /* Set a wider popup based on viewport size */
  /* This CSS break in low resolution, should not be used in that case */
  min-width: 900px;
  width: 80%;
  left: 10% !important;
  margin-left: 0;
}
.gwt-PopupPanel.medium {
  /* NP : mandatory if the popup contains tables */
  height: 300px;
  top: 100px;
}
.gwt-PopupPanel.tall {
  /* NP : mandatory if the popup contains tables */
  height: 500px;
  top: 100px;
}
.gwt-PopupPanel.taller {
  /* NP */
  /* Set a taller popup based on viewport size */
  /* This CSS break in low resolution, should not be used in that case */
  min-height: 500px;
  height: 80%;
  top: 10% !important;
}
/* scrollable popup */
.scrollable .popupContent .popupWidget .popupWidgetContainer .contentWrapper .content {
  overflow: auto;
  max-height: 500px;
}
/* alert dialogs */
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon {
  height: 64px;
  width: 64px;
  float: left;
  margin-right: 10px;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.error svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.error svg text {
  fill: #c80000 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.error svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.error svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.error svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.confirm svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.confirm svg text {
  fill: #ffa500 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.confirm svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.confirm svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.confirm svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.info svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.info svg text {
  fill: #9c1015 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.info svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.info svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertIcon.info svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.alertBoxWidget.popupWidget .popupWidgetContainer .content .alertContent .alertMsg {
  padding: 18px 0;
}
/* Image Generation Download Link Information */
.imageLinkWindow {
  width: 700px;
}
.imageLinkWindow .popupWidgetContainer .instructionsContainer {
  padding: 20px 40px;
}
.imageLinkWindow .popupWidgetContainer .instructionsContainer .instruction {
  font-size: 14px;
  margin: 20px 0 10px 0;
}
/*width: 700px;*/
/* supervisor mode */
.supervisorSignInWindow.popupWidget .popupWidgetContainer {
  background-image: linear-gradient(to bottom, #797979 0%, #4f4f4f 100%);
  background-image: -webkit-linear-gradient(top, #797979 0%, #4f4f4f 100%);
  background-color: #575757;
}
.supervisorSignInWindow.popupWidget .popupWidgetContainer .content {
  padding: 20px 40px;
  overflow: auto;
}
.supervisorSignInWindow.popupWidget .popupWidgetContainer .content .textBoxWidget {
  width: 100%;
}
/* Publish Details (image) Window */
.publishDetailsWindow {
  /*width: 700px;*/
}
.publishDetailsWindow .popupWidgetContainer .content {
  padding: 40px;
}
.publishDetailsWindow .popupWidgetContainer .content ul.formWidget li > label {
  width: 20%;
}
.publishDetailsWindow .popupWidgetContainer .content ul.formWidget li > div:nth-child(2) {
  width: 70%;
}
.publishDetailsWindow .popupWidgetContainer .content .cloudAccountContainer > * {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.popupWidget.screenshotEnlargeWindow .popupWidgetContainer .contentWrapper .content {
  text-align: center;
  max-height: none;
}
.popupWidget.screenshotEnlargeWindow .popupWidgetContainer .contentWrapper .content img {
  max-width: 100%;
  /*fail safe*/
  max-height: 1000px;
}
.popupWidget.changePasswordWindow .popupWidgetContainer .contentWrapper .content .profilePasswordIcon {
  position: absolute;
  width: 80px;
  top: 25px;
  left: 20px;
  opacity: 0.1;
}
.popupWidget.changePasswordWindow .popupWidgetContainer .contentWrapper .content .profilePasswordForm {
  margin-top: 20px;
  padding-left: 80px;
}
.popupWidget.changePasswordWindow .popupWidgetContainer .contentWrapper .content .profilePasswordForm .formWidget .label {
  width: 30%;
}
/* API Keys Update Popup Window */
.apiKeyCreateWindow.popupWidget .toggleWidget {
  margin-bottom: 20px;
}
.apiKeyCreateWindow.popupWidget .content ul.formWidget li > div:nth-child(2) {
  width: 70%;
}
/* Spinner Widget */
.spinnerWidget {
  overflow: hidden;
}
.spinnerWidget .progressSpinner {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  border-top-color: #9c1015;
  border-right-color: rgba(225, 23, 30, 0.5);
  border-bottom-color: rgba(225, 23, 30, 0.5);
  border-left-color: rgba(225, 23, 30, 0.5);
  animation: rotation 0.7s infinite linear;
  -webkit-animation: rotation 0.7s infinite linear;
}
.spinnerWidget.horizontalAligned {
  position: absolute;
  left: 50%;
}
.spinnerWidget.horizontalAligned.smallSpinner {
  margin-left: -5px;
}
.spinnerWidget.horizontalAligned.largeSpinner {
  margin-left: -30px;
}
.spinnerWidget.verticalAligned {
  position: absolute;
  top: 50%;
}
.spinnerWidget.verticalAligned.smallSpinner {
  margin-top: -5px;
}
.spinnerWidget.verticalAligned.largeSpinner {
  margin-top: -30px;
}
.spinnerWidget.smallSpinner .progressSpinner {
  width: 10px;
  height: 10px;
  border-width: 1px;
}
.spinnerWidget.smallButtonSpinner .progressSpinner {
  width: 18px;
  height: 18px;
  border-width: 2px;
}
.spinnerWidget.largeSpinner .progressSpinner {
  width: 60px;
  height: 60px;
  border-width: 4px;
}
.spinnerWidget.spacedSpinner {
  padding: 20px;
}
/* LOADER */
#loader {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 175px;
  top: 50px;
  /*should be done in customization accordingly to footer display*/
  /*bottom:@footerHeight;*/
  bottom: 0;
  right: 0;
  z-index: 10;
}
#loader #spinner {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-left: -35px;
}
#loader #spinner.aboveText ~ #loadingText {
  margin: 70px auto auto auto;
  animation: pulse 2s infinite linear;
  -webkit-animation: pulse 2s infinite linear;
}
/*3 dots bounce*/
#loader #spinner.dotsBounce #spinner_1,
#loader #spinner.dotsBounce #spinner_2,
#loader #spinner.dotsBounce #spinner_3 {
  height: 40%;
  width: 40%;
  position: absolute;
  top: 50%;
  margin-top: -20%;
  border-radius: 100%;
  background: #e1171e;
  animation: dotBounce 1.5s infinite linear;
  -webkit-animation: dotBounce 1.5s infinite linear;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
#loader #spinner.dotsBounce #spinner_1 {
  left: -30%;
}
#loader #spinner.dotsBounce #spinner_2 {
  left: 30%;
  animation-delay: .15s;
  -webkit-animation-delay: .15s;
}
#loader #spinner.dotsBounce #spinner_3 {
  left: 90%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
}
#loader #loadingText {
  background: none;
  color: #7c7c7c;
  font-size: 25px;
  font-style: italic;
  text-align: center;
  position: absolute;
  top: 40%;
  width: 100%;
}
#allBackground:not(.marketplacePlace):not(.loginPlace) ~ #navMain.collapsed ~ #loader {
  left: 55px;
}
.marketplacePlace ~ #loader,
.loginPlace ~ #loader {
  left: 0;
}
.loginPlace ~ #loader {
  top: 0;
}
/* TileListWidget */
.tileListWidget {
  height: 100%;
}
.tileListWidget .listTitle {
  margin-left: 6px;
  font-size: 16px;
  color: #7c7c7c;
}
.tileListWidget .dataContainer {
  height: 100%;
  min-height: 100px;
  overflow: hidden;
  position: relative;
}
.tileListWidget .dataContainer .dataProvider {
  overflow: auto;
  border-radius: 4px;
  padding: 5px;
  height: 100%;
}
.tileListWidget .dataContainer .dataProvider .dataItem {
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 3px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.tileListWidget .dataContainer .dataProvider .dataItem .itemLogoContainer {
  text-align: center;
  position: relative;
}
.tileListWidget .dataContainer .dataProvider .dataItem .itemLogoContainer .itemLogo {
  display: inline;
}
.tileListWidget .dataContainer .dataProvider .dataItem:last-child {
  margin-bottom: 5px;
}
.tileListWidget .dataContainer .emptyMessage {
  text-align: center;
}
.tileListWidget.withBackground .dataContainer .dataProvider {
  background: #e8e0dc;
}
.tileListWidget.withBackground .dataContainer .dataProvider .dataItem {
  background: #ffffff;
}
.tileListWidget.oneRow .dataContainer .dataProvider {
  overflow: hidden;
}
.tileListWidget.oneRow .dataContainer .dataProvider .dataItem {
  margin-right: 5px;
}
.tileListWidget.oneRow .dataContainer .dataProvider .dataItem:last-child {
  margin-bottom: 0;
}
.tileListWidget.detailed .dataContainer .dataProvider .dataItem {
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}
.tileListWidget.detailed .dataContainer .dataProvider .dataItem .itemLogoContainer {
  float: left;
}
.tileListWidget.detailed .dataContainer .dataProvider .dataItem .itemLogoContainer .itemLogo {
  display: block;
}
.tileListWidget.detailed .dataContainer .dataProvider .dataItem:last-child {
  margin-bottom: 0;
}
.tileListWidget.screenshotsList .dataProvider {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 22px 30px 30px 0;
}
.tileListWidget.screenshotsList .dataProvider .screenshotWidget {
  display: inline-block;
}
/* Tooltip */
ul.formWidget li .tooltip.textAreaWidget:hover:before {
  margin-bottom: 0;
  right: 10px;
}
ul.formWidget li .tooltip.textAreaWidget:hover:after {
  margin-bottom: 6px;
  right: 0;
}
ul.formWidget li .tooltip.textAreaWidget.rightPositioned:hover:before {
  right: -6px;
}
/* Comments */
.commentsWidget .newComment {
  position: relative;
  margin: 0 0 10px 0;
}
.commentsWidget .newComment .spinnerWidget {
  overflow: hidden;
}
.commentsWidget .newComment .spinnerWidget .progressSpinner {
  float: right;
}
.commentsWidget .newComment .postButtonContainer {
  overflow: hidden;
  padding-top: 3px;
}
.commentsWidget .newComment .postButtonContainer .expandableButton {
  float: right;
}
.commentsWidget .newComment .validationError ~ .postButtonContainer .expandableButton {
  border-color: #c80000;
}
/*.compensateTop(112px);*/
.commentsWidget .commentsWrapper .comments {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.commentsWidget .commentsWrapper .comments .avatarWidget {
  float: left;
}
.commentsWidget .commentsWrapper .comments ul {
  padding: 0 10px;
}
.commentsWidget .commentsWrapper .comments ul li {
  min-height: 70px;
  padding: 10px 0;
  position: relative;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea {
  margin-left: 70px;
  min-height: 50px;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .messageHeader {
  margin-bottom: 5px;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .userName {
  text-align: center;
  display: inline;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .message {
  margin-right: 70px;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .time,
.commentsWidget .commentsWrapper .comments ul li .messageArea .status {
  display: inline;
  color: #7c7c7c;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .status {
  float: right;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .actions {
  position: absolute;
  top: 5px;
  right: 5px;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .actions .progressSpinner {
  position: absolute;
  right: 27px;
  top: 6px;
}
.commentsWidget .commentsWrapper .comments ul li .messageArea .actions .expandableButton {
  float: right;
  margin-left: 5px;
}
.commentsWidget .commentsWrapper .comments ul li .newReplyContainer {
  position: relative;
}
.commentsWidget .commentsWrapper .comments ul li .newReplyContainer .newReplyInput {
  margin-right: 70px;
}
.commentsWidget .commentsWrapper .comments ul li .newReplyContainer button {
  position: absolute;
  right: 0;
  bottom: 0;
}
.commentsWidget .commentsWrapper .comments ul li:not(:last-child) {
  border-bottom: 1px dashed #716e6e;
}
.commentsWidget .commentsWrapper .comments ul .replies {
  margin-left: 62px;
}
.commentsWidget .commentsWrapper .comments ul .replies li {
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: 1px dashed #716e6e;
}
.commentsWidget .commentsWrapper .comments ul .replies li:last-child {
  padding: 0px;
  border-top: none;
}
.commentsWidget .commentsWrapper .comments ul .replies li:last-child .messageArea {
  width: 100%;
}
/* Table Widget */
.tableWidget {
  height: 100%;
  min-height: 105px;
}
.tableWidget .expandableButton {
  border-radius: 9px;
  height: 18px;
  max-width: 18px;
  float: right;
  margin-left: 5px;
}
.tableWidget .expandableButton .expandableButtonContent .buttonIcon svg {
  height: 14px;
  width: 14px;
  margin-bottom: 0;
}
.tableWidget .expandableButton.expandRight:not([disabled]):not(.disabled):hover,
.tableWidget .expandableButton.expandLeft:not([disabled]):not(.disabled):hover,
.tableWidget .expandableButton.expandRight.expanded,
.tableWidget .expandableButton.expandLeft.expanded {
  max-width: 220px;
}
.tableWidget .tableWidgetContent {
  position: relative;
  height: 100%;
}
.tableWidget .tableWidgetContent table {
  display: block;
  width: 100%;
  overflow-y: scroll;
}
.tableWidget .tableWidgetContent table tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tableWidget .tableWidgetContent table tr th,
.tableWidget .tableWidgetContent table tr td {
  border: none;
}
.tableWidget .tableWidgetContent table tr th > *:not(.ellipsis),
.tableWidget .tableWidgetContent table tr td > *:not(.ellipsis) {
  white-space: normal;
  word-break: break-all;
}
.tableWidget .tableWidgetContent table tr td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(113, 110, 110, 0.3);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.tableWidget .tableWidgetContent table tr:hover td {
  background: rgba(156, 16, 21, 0.1);
}
.tableWidget .tableWidgetContent table tr:last-child td {
  border-bottom: none;
}
.tableWidget .tableWidgetContent table thead,
.tableWidget .tableWidgetContent table .tableBodyContainer {
  position: relative;
}
.tableWidget .tableWidgetContent table thead {
  display: block;
  z-index: 2;
  height: 28px;
}
.tableWidget .tableWidgetContent table thead .expandableButton {
  margin-right: 10px;
  padding: 0;
}
.tableWidget .tableWidgetContent table thead th {
  text-align: left;
  font-weight: normal;
  font-style: italic;
  color: #7c7c7c;
  border-bottom: 1px solid rgba(113, 110, 110, 0.3);
}
.tableWidget .tableWidgetContent table thead th > * {
  padding: 6px 10px 5px 10px;
  position: relative;
}
.tableWidget .tableWidgetContent table thead th > *.sensitive {
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.tableWidget .tableWidgetContent table thead th > *.sensitive:hover {
  color: #3c3c3c;
}
.tableWidget .tableWidgetContent table thead th.sortAsc > *:first-child,
.tableWidget .tableWidgetContent table thead th.sortDesc > *:first-child {
  padding-right: 12px;
}
.tableWidget .tableWidgetContent table thead th.sortAsc > *:first-child:after,
.tableWidget .tableWidgetContent table thead th.sortDesc > *:first-child:after {
  border-color: #9c1015;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  position: absolute;
  right: 4px;
  top: 50%;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.tableWidget .tableWidgetContent table thead th.sortAsc > *:first-child:after {
  margin-top: -2px;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.tableWidget .tableWidgetContent table thead th.sortDesc > *:first-child:after {
  margin-top: -4px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tableWidget .tableWidgetContent table .tableBodyContainer {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 28px;
  z-index: 1;
}
.tableWidget .tableWidgetContent table .tableBodyContainer tbody {
  display: block;
  height: 100%;
  overflow-y: scroll;
}
.tableWidget .tableWidgetContent table .tableBodyContainer tbody:after {
  /*content:"";

                        position: absolute;
                        top:0;
                        right:0;
                        bottom:0;
                        left:0;

                        background:@backgroundColor;*/
}
.tableWidget .tableWidgetContent table.fullHeight {
  height: 100%;
}
.tableWidget .tableWidgetContent table:after {
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
}
.tableWidget .tableWidgetContent table:hover .tableBodyContainer tbody:after {
  /*display:none;*/
}
.tableWidget .tableWidgetContent .emptyMessage {
  text-align: center;
}
.tableWidget .actionsWidget .spinnerWidget {
  float: right;
  margin-left: 5px;
}
.tableWidget .actionsWidget .gwt-CheckBox {
  float: right;
  margin-left: 5px;
}
/* Tree Grid */
.treeWidget .nodeContainer {
  float: left;
}
.treeWidget .nodeContainer .nodeSpace {
  width: 32px;
  display: inline-block;
}
.treeWidget .nodeContainer .nodeSpace:after {
  display: none;
}
.treeWidget .nodeContainer .nodeButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
}
.treeWidget .nodeContainer .nodeButton:after {
  border-width: 0 2px 2px 0;
  border-color: #9c1015;
  border-style: solid;
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: -5px;
  left: 0;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.treeWidget .nodeContainer .nodeButton.plus:after,
.treeWidget .nodeContainer .nodeButton.minus:after {
  display: block;
}
.treeWidget .nodeContainer .nodeButton.plus:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.treeWidget .nodeContainer .nodeButton.minus:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.treeWidget .nodeLabel {
  margin-left: 20px;
}
.treeWidget .nodeLabel .selectWidget .gwt-CheckBox {
  display: inline-block;
}
/* Numeric stepper */
.numericStepperWidget .numericStepperContainer {
  width: 100px;
  position: relative;
}
.numericStepperWidget .numericStepperContainer .numericStepperInput {
  width: 100%;
  line-height: normal;
}
.numericStepperWidget .numericStepperContainer .numericStepperInput input {
  text-align: right;
  padding-right: 25px;
  width: 100%;
}
.numericStepperWidget .numericStepperContainer .numericStepperInput.focused ~ .incrButton,
.numericStepperWidget .numericStepperContainer .numericStepperInput.focused ~ .decrButton {
  border-color: #6e0b0f;
}
.numericStepperWidget .numericStepperContainer .numericStepperInput.validationError ~ .incrButton,
.numericStepperWidget .numericStepperContainer .numericStepperInput.validationError ~ .decrButton {
  border-color: #c80000;
}
.numericStepperWidget .numericStepperContainer .incrButton,
.numericStepperWidget .numericStepperContainer .decrButton {
  cursor: pointer;
  width: 19px;
  height: 15px;
  text-align: center;
  border-left: 1px solid #716e6e;
  position: absolute;
  right: 0;
}
.numericStepperWidget .numericStepperContainer .incrButton:before,
.numericStepperWidget .numericStepperContainer .decrButton:before {
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #9c1015;
  content: "";
  height: 4px;
  width: 4px;
  position: absolute;
  left: 5px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.numericStepperWidget .numericStepperContainer .incrButton:hover:before,
.numericStepperWidget .numericStepperContainer .decrButton:hover:before {
  border-color: #57090c;
}
.numericStepperWidget .numericStepperContainer .incrButton {
  top: 0;
  border-bottom: 1px solid #716e6e;
}
.numericStepperWidget .numericStepperContainer .incrButton:before {
  top: 6px;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.numericStepperWidget .numericStepperContainer .decrButton {
  bottom: 0;
  border-top: 0px solid #716e6e;
}
.numericStepperWidget .numericStepperContainer .decrButton:before {
  top: 2px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* circularProgressBar */
.circularProgressBarContainer {
  position: relative;
}
.circularProgressBar {
  width: 100%;
  height: 100%;
  position: absolute;
}
.circularProgressBarContainer .text {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  margin: -15px 0 0 -30px;
  text-align: center;
  font-size: 20px;
  z-index: 1;
}
.circularProgressBarContainer .stopButton {
  width: 24%;
  height: 24%;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 2px 0 #0078aa inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
  margin: -12% 0 0 -12%;
  background: #178cc7;
  cursor: pointer;
  z-index: 1;
}
.circularProgressBarContainer .circularProgressBarCircle {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #178cc7;
  border-radius: 50%;
  position: absolute;
  transform: rotate(0deg);
  transition: transform 1s linear;
}
.circularProgressBarContainer .circularProgressBarCircle.backgroundCircle {
  border-style: solid;
  border-color: #EEE;
}
/*Progress Bar Widget*/
.progressBarWidget .progressBarContainer > * {
  display: inline-block;
  vertical-align: middle;
}
.progressBarWidget .progressBarContainer > .progressBar {
  width: 50%;
  height: 5px;
}
.progressBarWidget .progressBarOutline {
  border: 1px solid #CCC;
  height: 100%;
}
.progressBarWidget .progressBarTrack {
  height: 100%;
  background: #9c1015;
}
.progressBarWidget .progressBarContainer .progressSpinner {
  width: 10px;
  height: 10px;
  border-width: 1px;
}
.progressBarWidget .errorContainer {
  padding: 0 0 0 25px;
}
/* license widget */
.licenseWidget {
  width: 100%;
  height: 100%;
  background: white;
}
.licenseWidget .licenseWidgetContent {
  background: white;
  width: 100%;
  padding: 10px 20px 10px 20px;
  font-size: 12px;
  border: 2px solid #CCC;
  border-radius: 5px;
  outline: none;
  height: 100%;
  overflow: auto;
}
/* appliance image generation and publish */
.applianceMachineImageWidget {
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px dashed #716e6e;
  position: relative;
  min-height: 80px;
  overflow: hidden;
}
.widgetList li:last-child .applianceMachineImageWidget {
  border-bottom: none;
}
.applianceMachineImageWidget .actionsHeader {
  float: right;
}
.applianceMachineImageWidget .format {
  width: 80px;
  float: left;
}
.applianceMachineImageWidget .information {
  float: left;
  width: 70%;
  min-height: 80px;
  padding-left: 20px;
}
.applianceMachineImageWidget .information > * {
  line-height: 20px;
}
.applianceMachineImageWidget .information .name {
  padding-right: 5px;
}
.applianceMachineImageWidget .information .name .svgImage {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.applianceMachineImageWidget .information .name .svgImage.template svg path {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg text {
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg circle {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg rect {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg polygon {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg path {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg text {
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg circle {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg rect {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg polygon {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .fullFormatName {
  color: #a2a2a2;
}
.applianceMachineImageWidget .information .progressBarWidget .errorContainer {
  padding: 0;
}
.applianceMachineImageWidget .information .accountContainer .accountDetails {
  padding: 0;
}
.applianceMachineImageWidget .actions {
  float: right;
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 30%;
}
.applianceMachineImageWidget .actions .expandableButton {
  float: right;
  margin-left: 5px;
}
/* Avatar Widget*/
.avatarWidget {
  height: 120px;
  width: 120px;
  position: relative;
}
.avatarWidget .avatarContainer {
  border-width: 3px;
}
.avatarWidget .avatarContainer .avatarName {
  font-size: 48px;
  line-height: 114px;
}
.avatarWidget.proportional .avatarContainer .roundPicture .proportionalImage {
  max-width: 160px;
  max-height: 120px;
}
.avatarWidget .avatarContainer {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-color: #716e6e;
  border-style: solid;
  border-width: 4px;
  background: #ffffff;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.avatarWidget .avatarContainer .roundPicture {
  background-size: auto 100% !important;
  background-position: 25% 0px !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.avatarWidget .avatarContainer .roundPicture .proportionalImage {
  width: 100%;
  height: 100%;
  display: none;
}
.avatarWidget .avatarContainer .avatarName {
  text-align: center;
  color: #716e6e;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.avatarWidget .avatarContainer .spinnerWidget {
  top: 50%;
}
.avatarWidget .avatarContainer .spinnerWidget.largeSpinner {
  margin-top: -30px;
}
.avatarWidget.tiny {
  height: 24px;
  width: 24px;
}
.avatarWidget.tiny .avatarContainer {
  border-width: 0.6px;
}
.avatarWidget.tiny .avatarContainer .avatarName {
  font-size: 9.600000000000001px;
  line-height: 22.8px;
}
.avatarWidget.tiny.proportional .avatarContainer .roundPicture .proportionalImage {
  max-width: 32px;
  max-height: 24px;
}
.avatarWidget.small {
  height: 40px;
  width: 40px;
}
.avatarWidget.small .avatarContainer {
  border-width: 1px;
}
.avatarWidget.small .avatarContainer .avatarName {
  font-size: 16px;
  line-height: 38px;
}
.avatarWidget.small.proportional .avatarContainer .roundPicture .proportionalImage {
  max-width: 53.33333333333333px;
  max-height: 40px;
}
.avatarWidget.standard {
  height: 64px;
  width: 64px;
}
.avatarWidget.standard .avatarContainer {
  border-width: 1.6px;
}
.avatarWidget.standard .avatarContainer .avatarName {
  font-size: 25.6px;
  line-height: 60.8px;
}
.avatarWidget.standard.proportional .avatarContainer .roundPicture .proportionalImage {
  max-width: 85.33333333333333px;
  max-height: 64px;
}
.avatarWidget.medium {
  height: 80px;
  width: 80px;
}
.avatarWidget.medium .avatarContainer {
  border-width: 2px;
}
.avatarWidget.medium .avatarContainer .avatarName {
  font-size: 32px;
  line-height: 76px;
}
.avatarWidget.medium.proportional .avatarContainer .roundPicture .proportionalImage {
  max-width: 106.66666666666666px;
  max-height: 80px;
}
.avatarWidget.sensitive:hover {
  cursor: pointer;
}
.avatarWidget.sensitive:hover .avatarContainer {
  border-color: #3d3c3c;
}
.avatarWidget.sensitive:hover .avatarContainer .avatarName {
  color: #3d3c3c;
}
.avatarWidget.square .avatarContainer {
  border-radius: 0;
}
.avatarWidget.square .avatarContainer .roundPicture {
  border-radius: 0;
}
.avatarWidget.proportional {
  width: auto;
  height: auto;
  max-height: 40px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.avatarWidget.proportional .avatarContainer {
  border-radius: 0;
}
.avatarWidget.proportional .avatarContainer .roundPicture {
  border-radius: 0;
  background: none !important;
}
.avatarWidget.proportional .avatarContainer .roundPicture .proportionalImage {
  display: block;
  height: auto;
  width: auto;
}
.expandableButton {
  border-radius: 12px;
  height: 24px;
  max-width: 24px;
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  line-height: normal;
  overflow: hidden;
  position: relative;
  transition: max-width .5s 0s, background .3s, border-color .3s, opacity .3s;
  /*fail safe*/
  font-size: 13px;
}
.expandableButton .expandableButtonContent .buttonLabel {
  color: #9c1015;
}
.expandableButton:not(.borderless) {
  border-color: #9c1015;
  background: rgba(156, 16, 21, 0);
}
.expandableButton:not(.originalColor) svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.expandableButton:not(.originalColor) svg text {
  fill: #9c1015 !important;
}
.expandableButton:not(.originalColor) svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.expandableButton:not(.originalColor) svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.expandableButton:not(.originalColor) svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.expandableButton:not([disabled]):not(.disabled):hover,
.expandableButton.selected {
  background: #9c1015;
}
.expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.expandableButton.selected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.expandableButton.selected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
.expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.expandableButton.selected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.expandableButton.selected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.expandableButton.selected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton:not([disabled]):not(.disabled):hover .buttonLabel,
.expandableButton.selected .buttonLabel {
  color: #ffffff;
}
.expandableButton:not([disabled]):not(.disabled):hover .i18nLabel,
.expandableButton.selected .i18nLabel {
  color: #ffffff;
}
.expandableButton[disabled],
.expandableButton.disabled {
  border-color: #565656;
}
.expandableButton[disabled] .buttonLabel,
.expandableButton.disabled .buttonLabel {
  color: #565656;
}
.expandableButton[disabled]:not(.originalColor) svg path,
.expandableButton.disabled:not(.originalColor) svg path {
  stroke: #565656 !important;
  fill: #565656 !important;
}
.expandableButton[disabled]:not(.originalColor) svg text,
.expandableButton.disabled:not(.originalColor) svg text {
  fill: #565656 !important;
}
.expandableButton[disabled]:not(.originalColor) svg circle,
.expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #565656 !important;
  fill: #565656 !important;
}
.expandableButton[disabled]:not(.originalColor) svg rect,
.expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #565656 !important;
  fill: #565656 !important;
}
.expandableButton[disabled]:not(.originalColor) svg polygon,
.expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #565656 !important;
  fill: #565656 !important;
}
.expandableButton[unselected],
.expandableButton.unselected {
  border-color: #c08588;
}
.expandableButton[unselected] .buttonLabel,
.expandableButton.unselected .buttonLabel {
  color: #c08588;
}
.expandableButton[unselected]:not(.originalColor) svg path,
.expandableButton.unselected:not(.originalColor) svg path {
  stroke: #c08588 !important;
  fill: #c08588 !important;
}
.expandableButton[unselected]:not(.originalColor) svg text,
.expandableButton.unselected:not(.originalColor) svg text {
  fill: #c08588 !important;
}
.expandableButton[unselected]:not(.originalColor) svg circle,
.expandableButton.unselected:not(.originalColor) svg circle {
  stroke: #c08588 !important;
  fill: #c08588 !important;
}
.expandableButton[unselected]:not(.originalColor) svg rect,
.expandableButton.unselected:not(.originalColor) svg rect {
  stroke: #c08588 !important;
  fill: #c08588 !important;
}
.expandableButton[unselected]:not(.originalColor) svg polygon,
.expandableButton.unselected:not(.originalColor) svg polygon {
  stroke: #c08588 !important;
  fill: #c08588 !important;
}
.expandableButton .expandableButtonContent .buttonIcon svg {
  height: 20px;
  width: 20px;
  margin-bottom: 0;
}
.expandableButton.expandRight:not([disabled]):not(.disabled):hover,
.expandableButton.expandLeft:not([disabled]):not(.disabled):hover,
.expandableButton.expandRight.expanded,
.expandableButton.expandLeft.expanded {
  max-width: 220px;
}
.expandableButton .expandableButtonContent {
  display: table;
  line-height: 0;
  float: right;
  height: 100%;
}
.expandableButton .expandableButtonContent .buttonLabel {
  /*by default hide labels to prevent icon only button to be misaligned*/
  display: none;
}
.expandableButton .expandableButtonContent .buttonIcon {
  display: table-cell;
}
.expandableButton .expandableButtonContent .buttonLabel,
.expandableButton .expandableButtonContent .buttonIcon {
  vertical-align: middle;
}
.expandableButton .expandableButtonContent .buttonLabel {
  padding: 0 5px;
  white-space: nowrap;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.expandableButton .expandableButtonContent .buttonLabel.labelRight {
  display: none;
}
.expandableButton .expandableButtonContent .buttonIcon {
  padding: 1px;
  vertical-align: top;
}
.expandableButton .expandableButtonContent .buttonIcon svg {
  margin-bottom: -2px;
}
.expandableButton.expandRight:not([disabled]):not(.disabled):hover,
.expandableButton.expandLeft:not([disabled]):not(.disabled):hover {
  border-color: transparent;
  transition: max-width .5s 1s;
}
.expandableButton.expanded svg {
  margin-right: 4px;
}
.expandableButton.expandRight .expandableButtonContent,
.rightPositionedMultipleButton.inputContainer .buttons .expandableButton .expandableButtonContent {
  float: left;
}
.expandableButton.expandRight .expandableButtonContent .labelLeft,
.rightPositionedMultipleButton.inputContainer .buttons .expandableButton .expandableButtonContent .labelLeft {
  display: none;
}
.expandableButton.expandRight .expandableButtonContent .labelRight,
.rightPositionedMultipleButton.inputContainer .buttons .expandableButton .expandableButtonContent .labelRight {
  display: table-cell;
}
.expandableButton.expandLeft .expandableButtonContent {
  float: right;
}
.expandableButton.expandLeft .expandableButtonContent .labelLeft {
  display: table-cell;
}
.expandableButton.expandLeft .expandableButtonContent .labelRight {
  display: none;
}
.expandableButton[disabled] .expandableButtonContent .buttonLabel,
.expandableButton.disabled .expandableButtonContent .buttonLabel {
  color: rgba(156, 16, 21, 0.5);
}
.expandableButton[disabled]:not(.borderless),
.expandableButton.disabled:not(.borderless) {
  border-color: rgba(156, 16, 21, 0.5);
  background: rgba(156, 16, 21, 0);
}
.expandableButton[disabled]:not(.originalColor) svg path,
.expandableButton.disabled:not(.originalColor) svg path {
  stroke: rgba(156, 16, 21, 0.5) !important;
  fill: rgba(156, 16, 21, 0.5) !important;
}
.expandableButton[disabled]:not(.originalColor) svg text,
.expandableButton.disabled:not(.originalColor) svg text {
  fill: rgba(156, 16, 21, 0.5) !important;
}
.expandableButton[disabled]:not(.originalColor) svg circle,
.expandableButton.disabled:not(.originalColor) svg circle {
  stroke: rgba(156, 16, 21, 0.5) !important;
  fill: rgba(156, 16, 21, 0.5) !important;
}
.expandableButton[disabled]:not(.originalColor) svg rect,
.expandableButton.disabled:not(.originalColor) svg rect {
  stroke: rgba(156, 16, 21, 0.5) !important;
  fill: rgba(156, 16, 21, 0.5) !important;
}
.expandableButton[disabled]:not(.originalColor) svg polygon,
.expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: rgba(156, 16, 21, 0.5) !important;
  fill: rgba(156, 16, 21, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover,
.expandableButton.disabled:not([disabled]):not(.disabled):hover,
.expandableButton[disabled].selected,
.expandableButton.disabled.selected {
  background: rgba(156, 16, 21, 0.5);
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.expandableButton[disabled].selected:not(.originalColor) svg path,
.expandableButton.disabled.selected:not(.originalColor) svg path {
  stroke: rgba(255, 255, 255, 0.5) !important;
  fill: rgba(255, 255, 255, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.expandableButton[disabled].selected:not(.originalColor) svg text,
.expandableButton.disabled.selected:not(.originalColor) svg text {
  fill: rgba(255, 255, 255, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.expandableButton[disabled].selected:not(.originalColor) svg circle,
.expandableButton.disabled.selected:not(.originalColor) svg circle {
  stroke: rgba(255, 255, 255, 0.5) !important;
  fill: rgba(255, 255, 255, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.expandableButton[disabled].selected:not(.originalColor) svg rect,
.expandableButton.disabled.selected:not(.originalColor) svg rect {
  stroke: rgba(255, 255, 255, 0.5) !important;
  fill: rgba(255, 255, 255, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.expandableButton.disabled:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.expandableButton[disabled].selected:not(.originalColor) svg polygon,
.expandableButton.disabled.selected:not(.originalColor) svg polygon {
  stroke: rgba(255, 255, 255, 0.5) !important;
  fill: rgba(255, 255, 255, 0.5) !important;
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover .buttonLabel,
.expandableButton.disabled:not([disabled]):not(.disabled):hover .buttonLabel,
.expandableButton[disabled].selected .buttonLabel,
.expandableButton.disabled.selected .buttonLabel {
  color: rgba(255, 255, 255, 0.5);
}
.expandableButton[disabled]:not([disabled]):not(.disabled):hover .i18nLabel,
.expandableButton.disabled:not([disabled]):not(.disabled):hover .i18nLabel,
.expandableButton[disabled].selected .i18nLabel,
.expandableButton.disabled.selected .i18nLabel {
  color: rgba(255, 255, 255, 0.5);
}
.expandableButton[disabled][disabled],
.expandableButton.disabled[disabled],
.expandableButton[disabled].disabled,
.expandableButton.disabled.disabled {
  border-color: rgba(86, 86, 86, 0.5);
}
.expandableButton[disabled][disabled] .buttonLabel,
.expandableButton.disabled[disabled] .buttonLabel,
.expandableButton[disabled].disabled .buttonLabel,
.expandableButton.disabled.disabled .buttonLabel {
  color: rgba(86, 86, 86, 0.5);
}
.expandableButton[disabled][disabled]:not(.originalColor) svg path,
.expandableButton.disabled[disabled]:not(.originalColor) svg path,
.expandableButton[disabled].disabled:not(.originalColor) svg path,
.expandableButton.disabled.disabled:not(.originalColor) svg path {
  stroke: rgba(86, 86, 86, 0.5) !important;
  fill: rgba(86, 86, 86, 0.5) !important;
}
.expandableButton[disabled][disabled]:not(.originalColor) svg text,
.expandableButton.disabled[disabled]:not(.originalColor) svg text,
.expandableButton[disabled].disabled:not(.originalColor) svg text,
.expandableButton.disabled.disabled:not(.originalColor) svg text {
  fill: rgba(86, 86, 86, 0.5) !important;
}
.expandableButton[disabled][disabled]:not(.originalColor) svg circle,
.expandableButton.disabled[disabled]:not(.originalColor) svg circle,
.expandableButton[disabled].disabled:not(.originalColor) svg circle,
.expandableButton.disabled.disabled:not(.originalColor) svg circle {
  stroke: rgba(86, 86, 86, 0.5) !important;
  fill: rgba(86, 86, 86, 0.5) !important;
}
.expandableButton[disabled][disabled]:not(.originalColor) svg rect,
.expandableButton.disabled[disabled]:not(.originalColor) svg rect,
.expandableButton[disabled].disabled:not(.originalColor) svg rect,
.expandableButton.disabled.disabled:not(.originalColor) svg rect {
  stroke: rgba(86, 86, 86, 0.5) !important;
  fill: rgba(86, 86, 86, 0.5) !important;
}
.expandableButton[disabled][disabled]:not(.originalColor) svg polygon,
.expandableButton.disabled[disabled]:not(.originalColor) svg polygon,
.expandableButton[disabled].disabled:not(.originalColor) svg polygon,
.expandableButton.disabled.disabled:not(.originalColor) svg polygon {
  stroke: rgba(86, 86, 86, 0.5) !important;
  fill: rgba(86, 86, 86, 0.5) !important;
}
.expandableButton[disabled][unselected],
.expandableButton.disabled[unselected],
.expandableButton[disabled].unselected,
.expandableButton.disabled.unselected {
  border-color: rgba(192, 133, 136, 0.5);
}
.expandableButton[disabled][unselected] .buttonLabel,
.expandableButton.disabled[unselected] .buttonLabel,
.expandableButton[disabled].unselected .buttonLabel,
.expandableButton.disabled.unselected .buttonLabel {
  color: rgba(192, 133, 136, 0.5);
}
.expandableButton[disabled][unselected]:not(.originalColor) svg path,
.expandableButton.disabled[unselected]:not(.originalColor) svg path,
.expandableButton[disabled].unselected:not(.originalColor) svg path,
.expandableButton.disabled.unselected:not(.originalColor) svg path {
  stroke: rgba(192, 133, 136, 0.5) !important;
  fill: rgba(192, 133, 136, 0.5) !important;
}
.expandableButton[disabled][unselected]:not(.originalColor) svg text,
.expandableButton.disabled[unselected]:not(.originalColor) svg text,
.expandableButton[disabled].unselected:not(.originalColor) svg text,
.expandableButton.disabled.unselected:not(.originalColor) svg text {
  fill: rgba(192, 133, 136, 0.5) !important;
}
.expandableButton[disabled][unselected]:not(.originalColor) svg circle,
.expandableButton.disabled[unselected]:not(.originalColor) svg circle,
.expandableButton[disabled].unselected:not(.originalColor) svg circle,
.expandableButton.disabled.unselected:not(.originalColor) svg circle {
  stroke: rgba(192, 133, 136, 0.5) !important;
  fill: rgba(192, 133, 136, 0.5) !important;
}
.expandableButton[disabled][unselected]:not(.originalColor) svg rect,
.expandableButton.disabled[unselected]:not(.originalColor) svg rect,
.expandableButton[disabled].unselected:not(.originalColor) svg rect,
.expandableButton.disabled.unselected:not(.originalColor) svg rect {
  stroke: rgba(192, 133, 136, 0.5) !important;
  fill: rgba(192, 133, 136, 0.5) !important;
}
.expandableButton[disabled][unselected]:not(.originalColor) svg polygon,
.expandableButton.disabled[unselected]:not(.originalColor) svg polygon,
.expandableButton[disabled].unselected:not(.originalColor) svg polygon,
.expandableButton.disabled.unselected:not(.originalColor) svg polygon {
  stroke: rgba(192, 133, 136, 0.5) !important;
  fill: rgba(192, 133, 136, 0.5) !important;
}
.expandableButton:not([disabled]):not(.disabled) {
  cursor: pointer;
}
.expandableButton.chevronRotate .buttonIcon svg {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.expandableButton.small {
  border-radius: 9px;
  height: 18px;
  max-width: 18px;
  font-size: 11px;
}
.expandableButton.small .expandableButtonContent .buttonIcon svg {
  height: 14px;
  width: 14px;
  margin-bottom: 0;
}
.expandableButton.small.expandRight:not([disabled]):not(.disabled):hover,
.expandableButton.small.expandLeft:not([disabled]):not(.disabled):hover,
.expandableButton.small.expandRight.expanded,
.expandableButton.small.expandLeft.expanded {
  max-width: 220px;
}
.expandableButton.borderless {
  border-color: transparent;
  background: transparent;
}
.expandableButton.validationError .expandableButtonContent .buttonLabel,
.validationError .expandableButton .expandableButtonContent .buttonLabel {
  color: #c80000;
}
.expandableButton.validationError:not(.borderless),
.validationError .expandableButton:not(.borderless) {
  border-color: #c80000;
  background: rgba(200, 0, 0, 0);
}
.expandableButton.validationError:not(.originalColor) svg path,
.validationError .expandableButton:not(.originalColor) svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.expandableButton.validationError:not(.originalColor) svg text,
.validationError .expandableButton:not(.originalColor) svg text {
  fill: #c80000 !important;
}
.expandableButton.validationError:not(.originalColor) svg circle,
.validationError .expandableButton:not(.originalColor) svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.expandableButton.validationError:not(.originalColor) svg rect,
.validationError .expandableButton:not(.originalColor) svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.expandableButton.validationError:not(.originalColor) svg polygon,
.validationError .expandableButton:not(.originalColor) svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover,
.validationError .expandableButton:not([disabled]):not(.disabled):hover,
.expandableButton.validationError.selected,
.validationError .expandableButton.selected {
  background: #c80000;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.validationError .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
.expandableButton.validationError.selected:not(.originalColor) svg path,
.validationError .expandableButton.selected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.validationError .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
.expandableButton.validationError.selected:not(.originalColor) svg text,
.validationError .expandableButton.selected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.validationError .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
.expandableButton.validationError.selected:not(.originalColor) svg circle,
.validationError .expandableButton.selected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.validationError .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
.expandableButton.validationError.selected:not(.originalColor) svg rect,
.validationError .expandableButton.selected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.validationError .expandableButton:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
.expandableButton.validationError.selected:not(.originalColor) svg polygon,
.validationError .expandableButton.selected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover .buttonLabel,
.validationError .expandableButton:not([disabled]):not(.disabled):hover .buttonLabel,
.expandableButton.validationError.selected .buttonLabel,
.validationError .expandableButton.selected .buttonLabel {
  color: #ffffff;
}
.expandableButton.validationError:not([disabled]):not(.disabled):hover .i18nLabel,
.validationError .expandableButton:not([disabled]):not(.disabled):hover .i18nLabel,
.expandableButton.validationError.selected .i18nLabel,
.validationError .expandableButton.selected .i18nLabel {
  color: #ffffff;
}
.expandableButton.validationError[disabled],
.validationError .expandableButton[disabled],
.expandableButton.validationError.disabled,
.validationError .expandableButton.disabled {
  border-color: #646464;
}
.expandableButton.validationError[disabled] .buttonLabel,
.validationError .expandableButton[disabled] .buttonLabel,
.expandableButton.validationError.disabled .buttonLabel,
.validationError .expandableButton.disabled .buttonLabel {
  color: #646464;
}
.expandableButton.validationError[disabled]:not(.originalColor) svg path,
.validationError .expandableButton[disabled]:not(.originalColor) svg path,
.expandableButton.validationError.disabled:not(.originalColor) svg path,
.validationError .expandableButton.disabled:not(.originalColor) svg path {
  stroke: #646464 !important;
  fill: #646464 !important;
}
.expandableButton.validationError[disabled]:not(.originalColor) svg text,
.validationError .expandableButton[disabled]:not(.originalColor) svg text,
.expandableButton.validationError.disabled:not(.originalColor) svg text,
.validationError .expandableButton.disabled:not(.originalColor) svg text {
  fill: #646464 !important;
}
.expandableButton.validationError[disabled]:not(.originalColor) svg circle,
.validationError .expandableButton[disabled]:not(.originalColor) svg circle,
.expandableButton.validationError.disabled:not(.originalColor) svg circle,
.validationError .expandableButton.disabled:not(.originalColor) svg circle {
  stroke: #646464 !important;
  fill: #646464 !important;
}
.expandableButton.validationError[disabled]:not(.originalColor) svg rect,
.validationError .expandableButton[disabled]:not(.originalColor) svg rect,
.expandableButton.validationError.disabled:not(.originalColor) svg rect,
.validationError .expandableButton.disabled:not(.originalColor) svg rect {
  stroke: #646464 !important;
  fill: #646464 !important;
}
.expandableButton.validationError[disabled]:not(.originalColor) svg polygon,
.validationError .expandableButton[disabled]:not(.originalColor) svg polygon,
.expandableButton.validationError.disabled:not(.originalColor) svg polygon,
.validationError .expandableButton.disabled:not(.originalColor) svg polygon {
  stroke: #646464 !important;
  fill: #646464 !important;
}
.expandableButton.validationError[unselected],
.validationError .expandableButton[unselected],
.expandableButton.validationError.unselected,
.validationError .expandableButton.unselected {
  border-color: #d88989;
}
.expandableButton.validationError[unselected] .buttonLabel,
.validationError .expandableButton[unselected] .buttonLabel,
.expandableButton.validationError.unselected .buttonLabel,
.validationError .expandableButton.unselected .buttonLabel {
  color: #d88989;
}
.expandableButton.validationError[unselected]:not(.originalColor) svg path,
.validationError .expandableButton[unselected]:not(.originalColor) svg path,
.expandableButton.validationError.unselected:not(.originalColor) svg path,
.validationError .expandableButton.unselected:not(.originalColor) svg path {
  stroke: #d88989 !important;
  fill: #d88989 !important;
}
.expandableButton.validationError[unselected]:not(.originalColor) svg text,
.validationError .expandableButton[unselected]:not(.originalColor) svg text,
.expandableButton.validationError.unselected:not(.originalColor) svg text,
.validationError .expandableButton.unselected:not(.originalColor) svg text {
  fill: #d88989 !important;
}
.expandableButton.validationError[unselected]:not(.originalColor) svg circle,
.validationError .expandableButton[unselected]:not(.originalColor) svg circle,
.expandableButton.validationError.unselected:not(.originalColor) svg circle,
.validationError .expandableButton.unselected:not(.originalColor) svg circle {
  stroke: #d88989 !important;
  fill: #d88989 !important;
}
.expandableButton.validationError[unselected]:not(.originalColor) svg rect,
.validationError .expandableButton[unselected]:not(.originalColor) svg rect,
.expandableButton.validationError.unselected:not(.originalColor) svg rect,
.validationError .expandableButton.unselected:not(.originalColor) svg rect {
  stroke: #d88989 !important;
  fill: #d88989 !important;
}
.expandableButton.validationError[unselected]:not(.originalColor) svg polygon,
.validationError .expandableButton[unselected]:not(.originalColor) svg polygon,
.expandableButton.validationError.unselected:not(.originalColor) svg polygon,
.validationError .expandableButton.unselected:not(.originalColor) svg polygon {
  stroke: #d88989 !important;
  fill: #d88989 !important;
}
/*Upload button widget*/
.uploadButtonWidget .expandableButton,
.uploadButtonWidget .status {
  display: inline-block;
  vertical-align: middle;
}
.uploadButtonWidget .status {
  height: 22px;
  width: 22px;
  overflow: hidden;
}
.uploadButtonWidget .status svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.uploadButtonWidget .status svg text {
  fill: #8caa28 !important;
}
.uploadButtonWidget .status svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.uploadButtonWidget .status svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.uploadButtonWidget .status svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.uploadButtonWidget .status.uploadError svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.uploadButtonWidget .status.uploadError svg text {
  fill: #c80000 !important;
}
.uploadButtonWidget .status.uploadError svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.uploadButtonWidget .status.uploadError svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.uploadButtonWidget .status.uploadError svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.uploadButtonWidget.minWidthTooltip .tooltip:hover:after {
  min-width: 0;
}
/* Counter widget */
.counterWidget .svgIcon {
  float: left;
}
.counterWidget .svgIcon.errorColor svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.counterWidget .svgIcon.errorColor svg text {
  fill: #c80000 !important;
}
.counterWidget .svgIcon.errorColor svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.counterWidget .svgIcon.errorColor svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.counterWidget .svgIcon.errorColor svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.counterWidget .svgIcon.warningColor svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.counterWidget .svgIcon.warningColor svg text {
  fill: #ffa500 !important;
}
.counterWidget .svgIcon.warningColor svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.counterWidget .svgIcon.warningColor svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.counterWidget .svgIcon.warningColor svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.counterWidget .svgIcon.themeColor svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.counterWidget .svgIcon.themeColor svg text {
  fill: #9c1015 !important;
}
.counterWidget .svgIcon.themeColor svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.counterWidget .svgIcon.themeColor svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.counterWidget .svgIcon.themeColor svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
.counterWidget .svgIcon.okColor svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.counterWidget .svgIcon.okColor svg text {
  fill: #8caa28 !important;
}
.counterWidget .svgIcon.okColor svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.counterWidget .svgIcon.okColor svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.counterWidget .svgIcon.okColor svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.counterWidget .counter {
  line-height: 18px;
  margin-left: 18px;
  padding-left: 2px;
}
.counterWidget .counter.numeric {
  font-size: 16px;
}
.filterItemWidget {
  border-color: rgba(156, 16, 21, 0.1);
  border-width: 0 0 0 2px;
  border-style: solid;
  position: relative;
  padding: 4px 6px;
  margin-bottom: 2px;
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.filterItemWidget .label {
  color: #9c1015;
  margin-right: 48px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.filterItemWidget .value {
  background: #3d3c3c;
  color: #ffffff;
  padding: 2px 4px;
  max-width: 43px;
  border-radius: 4px;
  overflow: hidden;
  float: right;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.filterItemWidget.active {
  border-color: #9c1015;
}
.filterItemWidget.active .label {
  color: #9c1015;
}
.filterItemWidget.active .value {
  background: #9c1015;
}
.filterItemWidget:hover {
  border-color: #57090c;
}
.filterItemWidget:hover .label {
  color: #57090c;
}
.filterItemWidget:hover .value {
  background: #57090c;
}
.paginationWidget {
  display: flex;
  display: -ms-flexbox;
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  border: 1px solid #9c1015;
  float: right;
}
.paginationWidget a,
.paginationWidget .dots {
  background: #ffffff;
  display: block;
  line-height: 24px;
  text-align: center;
  width: 24px;
}
.paginationWidget a {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.paginationWidget a.disabled {
  color: #565656;
}
.paginationWidget a.disabled:hover {
  color: #565656;
  background: #ffffff;
}
.paginationWidget a.disabled.selected {
  color: #ffffff;
  background: #9c1015;
}
.paginationWidget a.disabled.selected:hover {
  color: #ffffff;
  background: #9c1015;
}
.paginationWidget a:hover {
  color: #ffffff;
  background: #57090c;
}
.paginationWidget .pageList ul {
  display: flex;
  display: -ms-flexbox;
}
.genericContentContainer > .paginationWidget:last-child {
  padding-bottom: 0;
}
.widgetList.withBackground {
  line-height: 25px;
  padding: 0 50px 10px;
}
.widgetList.withBackground ul {
  background: #e8e0dc;
  border-radius: 0 0 10px 10px;
  padding: 5px 10px;
}
.reviewWidget {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #716e6e;
}
.reviewWidget .reviewLeftColumn {
  position: absolute;
  top: 0;
  left: 0;
}
.reviewWidget .reviewContainer {
  position: relative;
  margin-left: 70px;
}
.reviewWidget .reviewContainer .nameContainer > * {
  display: inline-block;
  vertical-align: middle;
}
.reviewWidget .reviewContainer .nameContainer .date {
  color: #7c7c7c;
}
.reviewWidget .reviewContainer .nameContainer .badgeContainer {
  background: #626262;
  color: #ffffff;
  margin-left: 10px;
  padding: 2px 5px;
  border-radius: 4px;
}
.reviewWidget .reviewContainer .nameContainer .rateContainer {
  margin-left: 10px;
  vertical-align: bottom;
}
.reviewWidget .reviewContainer .actionsContainer {
  position: absolute;
  top: 0;
  right: 0;
}
.reviewWidget .reviewContainer .actionsContainer > * {
  float: right;
  margin-left: 5px;
}
.reviewWidget .reviewContainer .reference {
  color: #7c7c7c;
}
.reviewWidget .reviewContainer .commentContainer {
  margin: 10px 0;
  /*fail safe*/
  max-height: 2000px;
  overflow: hidden;
}
.reviewWidget .reviewContainer .commentContainer .markdown p {
  margin: 0;
}
.reviewWidget .reviewContainer .helpfulContainer {
  display: inline-block;
  margin-bottom: 10px;
}
.reviewWidget .reviewContainer .helpfulContainer > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.reviewWidget .reviewContainer .repliesContainer {
  padding-top: 20px;
}
.reviewWidget .reviewContainer .replyInputContainer {
  padding-top: 10px;
}
.reviewWidget .reviewContainer .replyInputContainer .avatarWidget {
  float: left;
}
.reviewWidget .reviewContainer .replyInputContainer .expandableButton {
  float: right;
}
.reviewWidget .reviewContainer .replyInputContainer .spinnerWidget {
  float: right;
  margin-right: 5px;
}
.reviewWidget .reviewContainer .replyInputContainer .replyInput {
  overflow: hidden;
  padding-right: 5px;
  padding-left: 5px;
}
.reviewWidget.moderated .reviewContainer .commentContainer {
  text-align: center;
  color: #7c7c7c;
}
.reviewWidget.moderated .repliesContainer {
  display: none;
}
.widgetList li:last-child .reviewWidget {
  border-bottom: none;
}
.reviewWidget .reviewWidget {
  padding-bottom: 10px;
  border-bottom: none;
}
/*Command Box Widget*/
.commandBoxWidget .commandBoxButton {
  padding: 5px 10px;
  height: 30px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #9c1015;
  float: left;
  text-shadow: none;
  color: #9c1015;
}
.commandBoxWidget .commandBoxText {
  background: #333333;
  border-radius: 4px;
  overflow: auto;
}
.commandBoxWidget .commandBoxText input {
  background: none;
  border-radius: 0;
  border: none;
  color: #ffffff;
  width: 100%;
}
.templateItemWidget,
.tileListWidget .dataContainer .dataProvider .dataItem.templateItemWidget {
  width: 350px;
}
.templateItemWidget .templateItemContent .logo {
  height: 64px;
  width: 64px;
  float: left;
}
.templateItemWidget .templateItemContent .itemInfo {
  margin-left: 64px;
  padding-left: 10px;
}
.templateItemWidget .templateItemContent .itemInfo .iconContainer .os {
  float: left;
  height: 18px;
  width: 18px;
}
.iconInfoWidget {
  margin-bottom: 1px;
}
.iconInfoWidget .svgImage {
  position: relative;
  float: left;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.iconInfoWidget .svgImage svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.iconInfoWidget .svgImage.warning svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconInfoWidget .svgImage.warning svg text {
  fill: #ffa500 !important;
}
.iconInfoWidget .svgImage.warning svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconInfoWidget .svgImage.warning svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconInfoWidget .svgImage.warning svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconInfoWidget .svgImage.error svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconInfoWidget .svgImage.error svg text {
  fill: #c80000 !important;
}
.iconInfoWidget .svgImage.error svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconInfoWidget .svgImage.error svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconInfoWidget .svgImage.error svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconInfoWidget .svgImage.info svg path {
  stroke: #0088cc !important;
  fill: #0088cc !important;
}
.iconInfoWidget .svgImage.info svg text {
  fill: #0088cc !important;
}
.iconInfoWidget .svgImage.info svg circle {
  stroke: #0088cc !important;
  fill: #0088cc !important;
}
.iconInfoWidget .svgImage.info svg rect {
  stroke: #0088cc !important;
  fill: #0088cc !important;
}
.iconInfoWidget .svgImage.info svg polygon {
  stroke: #0088cc !important;
  fill: #0088cc !important;
}
.iconInfoWidget .svgImage.ok svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconInfoWidget .svgImage.ok svg text {
  fill: #8caa28 !important;
}
.iconInfoWidget .svgImage.ok svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconInfoWidget .svgImage.ok svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconInfoWidget .svgImage.ok svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconInfoWidget .statusLabel {
  line-height: 18px;
  margin-left: 23px;
}
.iconInfoWidget.noIcon .statusLabel {
  margin-left: 0;
}
.iconInfoWidget.withMargin {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* APIKey Widget */
.apiKeyWidget .secretKey {
  margin-bottom: 5px;
}
.apiKeyWidget .attribute {
  font-style: italic;
  color: #a2a2a2;
}
.iconAnchorWidget {
  height: 18px;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  align-content: center;
}
.iconAnchorWidget .statusIcon {
  height: 18px;
  width: 18px;
  align-self: center;
}
.iconAnchorWidget .statusLabel {
  margin-top: 1px;
  margin-left: 10px;
  align-self: center;
}
.iconAnchorWidget.stateWidget .statusIcon {
  height: 32px;
  width: 32px;
}
.iconAnchorWidget.stateWidget.starting .statusIcon {
  animation: deploymentPulse 1s ease infinite, startingDeploymentRotate 0.75s ease infinite;
}
.iconAnchorWidget.stateWidget.starting .statusIcon svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.starting .statusIcon svg text {
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.starting .statusIcon svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.starting .statusIcon svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.starting .statusIcon svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.running .statusIcon svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.running .statusIcon svg text {
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.running .statusIcon svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.running .statusIcon svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.running .statusIcon svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon {
  animation: deploymentPulse 1s ease infinite;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon svg text {
  fill: #ffa500 !important;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconAnchorWidget.stateWidget.stopping .statusIcon svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.iconAnchorWidget.stateWidget.error .statusIcon svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconAnchorWidget.stateWidget.error .statusIcon svg text {
  fill: #c80000 !important;
}
.iconAnchorWidget.stateWidget.error .statusIcon svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconAnchorWidget.stateWidget.error .statusIcon svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconAnchorWidget.stateWidget.error .statusIcon svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.iconAnchorWidget.stateWidget.starting .statusIcon,
.iconAnchorWidget.stateWidget.stopping .statusIcon {
  transform-origin: 10% 90%;
}
.pillBoxContainer ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}
.pillBoxContainer ul li .pillBox {
  margin: 1px 0;
  padding: 3px 4px 1px 4px;
  background-color: #0088cc;
  color: #ffffff;
  border-radius: 3px;
}
.processWidget .processStepWidget {
  display: flex;
  display: -ms-flexbox;
  padding-top: 2px;
  padding-bottom: 2px;
}
.processWidget .processStepWidget .spinnerWidget,
.processWidget .processStepWidget .statusIcon {
  flex-shrink: 0;
}
.processWidget .processStepWidget .spinnerWidget {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
}
.processWidget .processStepWidget .statusIcon {
  height: 22px;
  width: 22px;
}
.processWidget .processStepWidget .statusIcon.error svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.processWidget .processStepWidget .statusIcon.error svg text {
  fill: #c80000 !important;
}
.processWidget .processStepWidget .statusIcon.error svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.processWidget .processStepWidget .statusIcon.error svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.processWidget .processStepWidget .statusIcon.error svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.processWidget .processStepWidget .statusIcon.waiting svg path {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.processWidget .processStepWidget .statusIcon.waiting svg text {
  fill: #a2a2a2 !important;
}
.processWidget .processStepWidget .statusIcon.waiting svg circle {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.processWidget .processStepWidget .statusIcon.waiting svg rect {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.processWidget .processStepWidget .statusIcon.waiting svg polygon {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.processWidget .processStepWidget .statusIcon.ok svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.processWidget .processStepWidget .statusIcon.ok svg text {
  fill: #8caa28 !important;
}
.processWidget .processStepWidget .statusIcon.ok svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.processWidget .processStepWidget .statusIcon.ok svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.processWidget .processStepWidget .statusIcon.ok svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.processWidget .processStepWidget .stepInfo {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  padding-right: 30px;
  padding-left: 10px;
  overflow: hidden;
}
.processWidget .processStepWidget .stepInfo .stepText,
.processWidget .processStepWidget .stepInfo .stepError {
  padding-top: 3px;
}
.processWidget .processStepWidget .stepInfo .stepText.error {
  color: #c80000;
}
.processWidget .processStepWidget .stepInfo .stepText.waiting {
  color: #a2a2a2;
  line-height: 22px;
  padding-left: 22px;
}
.processWidget .processStepWidget .stepInfo .stepText.ok {
  color: #8caa28;
}
.processWidget .processStepWidget .stepInfo .stepError {
  padding-left: 10px;
  flex-shrink: 0;
}
.pipeline li {
  text-align: center;
  height: 100%;
  position: relative;
}
.pipeline li .stepContainer {
  display: flex;
  display: -ms-flexbox;
  padding: 16px 0;
  align-items: center;
}
.pipeline li .stepContainer .step {
  padding-left: 20px;
}
.pipeline li .stepContainer .step.name {
  font-size: 16px;
}
.pipeline li .stepContainer .step.details,
.pipeline li .stepContainer .step.link {
  font-style: italic;
}
.pipeline li .stepContainer.idle .stepBullet:hover {
  cursor: default;
  background-color: #e8e0dc;
}
.pipeline li .stepContainer.pending .stepBullet:hover {
  cursor: pointer;
}
.pipeline li .stepContainer.succeed .stepBullet:hover,
.pipeline li .stepContainer.cancelled .stepBullet:hover,
.pipeline li .stepContainer.failed .stepBullet:hover,
.pipeline li .stepContainer.running .stepBullet:hover {
  cursor: default;
}
.pipeline li .stepContainer.pending .stepBullet {
  background-color: #ffe307;
}
.pipeline li .stepContainer.running .stepBullet {
  background: none;
}
.pipeline li .stepContainer.running .stepBullet.spinnerWidget {
  position: relative;
}
.pipeline li .stepContainer.running .stepBullet.spinnerWidget .spinnerContainer {
  height: 100%;
}
.pipeline li .stepContainer.running .stepBullet.spinnerWidget .spinnerContainer .progressLabel {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 50px;
  width: 50px;
}
.pipeline li .stepContainer.running .stepBullet.spinnerWidget .spinnerContainer .progressSpinner {
  width: 100%;
  height: 100%;
  border-width: 4px;
}
.pipeline li .stepContainer.succeed .stepBullet {
  background-color: #8caa28;
}
.pipeline li .stepContainer.cancelled .stepBullet,
.pipeline li .stepContainer.failed .stepBullet {
  background-color: #c80000;
}
.pipeline li .stepContainer.cancelled .stepBullet svg,
.pipeline li .stepContainer.failed .stepBullet svg {
  margin: 7px 0;
  height: 36px;
  width: 36px;
}
.pipeline li .stepContainer .stepBullet {
  border-radius: 25px;
  border: none;
  width: 50px;
  height: 50px;
  cursor: default;
  overflow: hidden;
  background: #e8e0dc;
  flex-shrink: 0;
}
.pipeline li .stepContainer .stepBullet svg {
  height: 50px;
  width: 50px;
  margin: 0;
}
.pipeline li .stepContainer .stepBullet svg path {
  fill: white !important;
  stroke: white !important;
  stroke-width: 2px;
}
.pipeline li .stepContainer .stepInfo {
  display: flex;
  display: -ms-flexbox;
  align-items: baseline;
}
@media print {
  .expandableButton svg {
    max-height: 32px;
    max-width: 32px;
  }
}
#main .administration .summary > * > * {
  display: inline-block;
  vertical-align: middle;
}
#main .administration .administrationActionsContainer {
  position: absolute;
  top: 5px;
  right: 30px;
}
#main .administration .administrationActionsContainer .expandableButton {
  float: left;
  margin-left: 5px;
}
#main .administration .tableContainer {
  height: 100%;
}
#main .administration.home .section {
  height: auto;
  width: 300px;
  margin: 20px 40px 20px 10px;
  padding-left: 80px;
  float: left;
  position: relative;
  overflow: hidden;
}
#main .administration.home .section ul li {
  width: 200px;
  font-size: 16px;
  margin-bottom: 5px;
  padding-left: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
#main .administration.home .section ul li:last-child {
  margin-bottom: 0;
}
#main .administration.home .section .sectionBackground {
  height: 64px;
  width: 64px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
#main .administration.home .section .sectionBackground svg path {
  stroke: rgba(113, 110, 110, 0.3) !important;
  fill: rgba(113, 110, 110, 0.3) !important;
}
#main .administration.home .section .sectionBackground svg text {
  fill: rgba(113, 110, 110, 0.3) !important;
}
#main .administration.home .section .sectionBackground svg circle {
  stroke: rgba(113, 110, 110, 0.3) !important;
  fill: rgba(113, 110, 110, 0.3) !important;
}
#main .administration.home .section .sectionBackground svg rect {
  stroke: rgba(113, 110, 110, 0.3) !important;
  fill: rgba(113, 110, 110, 0.3) !important;
}
#main .administration.home .section .sectionBackground svg polygon {
  stroke: rgba(113, 110, 110, 0.3) !important;
  fill: rgba(113, 110, 110, 0.3) !important;
}
#main .credentials .credentialsContentWrapper {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .credentials .credentialsContentWrapper .apiKeysTable tr > *:nth-child(1) {
  width: 35px;
  vertical-align: top;
}
#main .credentials .credentialsContentWrapper .apiKeysTable tr > *:nth-child(2) {
  vertical-align: top;
}
#main .credentials .credentialsContentWrapper .apiKeysTable tr > *:nth-child(3) {
  vertical-align: top;
  width: 15%;
}
#main .credentials .credentialsContentWrapper .apiKeysTable tr > *:nth-child(4) {
  vertical-align: top;
  width: 20%;
}
#main .credentials .credentialsContentWrapper .apiKeysTable tr > *:nth-child(5) {
  vertical-align: top;
  width: 75px;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer {
  height: 100%;
  overflow: auto;
  padding-right: 30px;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer {
  vertical-align: middle;
  border-bottom: 1px solid rgba(113, 110, 110, 0.3);
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer .attribute,
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer .value {
  line-height: 22px;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer .attribute {
  width: 150px;
  text-align: right;
  color: #7c7c7c;
  float: left;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer .keyContainerActions {
  float: right;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer .value {
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer.apiKeyWidget {
  padding-right: 100px;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer.apiKeyWidget .value {
  padding-right: 0;
  word-wrap: break-word;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li .keyContainer.apiKeyWidget .keyContainerActions {
  position: absolute;
  top: 10px;
  right: 0;
}
#main .credentials .credentialsContentWrapper .credentialsContentContainer .keysContainer li:last-child .keyContainer {
  border-bottom: none;
}
#main .credentials .credAccountIssueWidget {
  margin-top: 20px;
}
/* LOGIN PLACE */
#main .loginPanelWrapper {
  display: flex;
  display: -ms-flexbox;
  padding-left: 0;
  background: #dcdcdc;
}
#main .loginPanelWrapper .loginPanelContent {
  background: #f5f5f5;
  align-self: center;
  width: 300px;
  box-sizing: content-box;
  padding-top: 20px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
  margin: 0 auto;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelLogoContainer {
  overflow: hidden;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelLogoContainer img {
  width: 90px;
  float: right;
  cursor: pointer;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelProductName {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 25px;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelContainer {
  margin-left: auto;
  margin-right: auto;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelContainer .loginPanel {
  position: relative;
  bottom: 0;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelContainer .loginPanel .title {
  font-size: 17px;
}
#main .loginPanelWrapper .loginPanelContent .loginPanelContainer .loginPanel.horizontalView {
  left: 50%;
}
/* LOGIN */
#main .loginPanel .panelContent {
  position: relative;
}
#main .loginPanel .panelContent > * {
  padding-bottom: 10px;
}
#main .loginPanel .panelContent a {
  font-size: 16px;
  display: block;
}
#main .loginPanel .panelContent .buttonContainer {
  height: 42px;
}
#main .loginPanel .panelContent .buttonContainer .expandableButton {
  float: right;
}
#main .loginPanel .panelContent .buttonContainer .expandableButton.large {
  height: 32px;
  border-radius: 16px;
}
#main .loginPanel .panelContent .buttonContainer .expandableButton.large .buttonLabel {
  padding: 0 2px 0 12px;
  font-size: 16px;
}
#main .loginPanel .panelContent .buttonContainer .expandableButton.large .svgImage {
  padding: 4px;
}
#main .loginPanel .panelContent .buttonContainer .expandableButton.large .svgImage svg {
  height: 22px;
  width: 22px;
}
#main .loginPanel .panelContent .buttonSet {
  overflow: auto;
  position: relative;
}
#main .loginPanel .panelContent .buttonSet a {
  margin-right: 50px;
}
#main .loginPanel .panelContent .buttonSet button {
  float: right;
}
#main .loginPanel .panelContent .emailSent,
#main .loginPanel .panelContent .emailSent > a {
  margin: 0px;
  width: 450px;
}
#main .loginPanel .panelContent .rememberMe {
  display: block;
}
#main .loginPanel .panelContent .rememberMe input,
#main .loginPanel .panelContent .rememberMe label {
  display: inline-block;
  vertical-align: middle;
}
#main .loginPanel .panelContent .rememberMe label {
  font-size: 16px;
  color: #3c3c3c;
  margin-left: 5px;
}
#main .loginPanel .panelContent .cookieConsent {
  display: block;
}
#main .loginPanel .panelContent .cookieConsent input,
#main .loginPanel .panelContent .cookieConsent label {
  display: inline-block;
  vertical-align: top;
}
#main .loginPanel .panelContent .cookieConsent label {
  width: calc(100% - 25px);
  font-size: 16px;
  color: #3c3c3c;
  margin-left: 5px;
}
#main .loginPanel.signUp .panelContent .captchaContainer {
  min-height: 60px;
  width: 300px;
}
#main .loginPanel.signUp .panelContent .captchaContainer .inputBoxLogin {
  width: 170px;
  float: left;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent {
  display: inline-block;
  vertical-align: top;
}
#main .loginPanel.signUp .panelContent .captchaContainer .textBoxWidget {
  width: 120px;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent {
  float: right;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton,
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaCanvas {
  display: inline-block;
  vertical-align: middle;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton {
  width: 20px;
  height: 20px;
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton svg path {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton svg text {
  fill: #9c1015 !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton svg circle {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton svg rect {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton svg polygon {
  stroke: #9c1015 !important;
  fill: #9c1015 !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover {
  transform: rotate(145deg);
  -ms-transform: rotate(145deg);
  -webkit-transform: rotate(145deg);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover svg path {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover svg text {
  fill: #2c1e1a !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover svg circle {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover svg rect {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#main .loginPanel.signUp .panelContent .captchaContainer .captchaContent .captchaButton:hover svg polygon {
  stroke: #2c1e1a !important;
  fill: #2c1e1a !important;
}
#main .loginPanel.signUp .panelContent .fieldContainer.large {
  padding-right: 50px;
}
#main .loginPanel.signUp .panelContent .optIn {
  display: block;
}
#main .loginPanel.signUp .panelContent .optIn input,
#main .loginPanel.signUp .panelContent .optIn label {
  display: inline-block;
  vertical-align: top;
}
#main .loginPanel.signUp .panelContent .optIn label {
  width: calc(100% - 25px);
  font-size: 16px;
  color: #3c3c3c;
  margin-left: 5px;
}
#main .loginPanel.forgotPasswordView .panelContent .fieldContainer.large {
  padding-right: 50px;
}
#main .profile {
  overflow: auto;
}
#main .profile .username {
  font-size: 24px;
}
#main .profile .profileActionContainer {
  position: absolute;
  right: 30px;
  z-index: 1;
  top: 10px;
}
#main .profile .profileContentContainer {
  overflow: hidden;
}
#main .profile .profileContentContainer .profileContent {
  float: left;
  display: block;
  position: relative;
  width: 50%;
  height: 50%;
}
#main .profile .profileContentContainer .profileContent .avatarWidget {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 40px;
  z-index: 2;
}
#main .profile .profileContentContainer .profileContent > .svgImage {
  margin-top: 40px;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .1;
}
#main .profile .profileContentContainer .profileContent .formWidgetContainer .formWidget {
  padding-left: 80px;
}
#main .profile .profileContentContainer .profileContent .formWidgetContainer .formWidget li > .label {
  width: 40%;
}
/* OS Profile: Pinned Packages Popup */
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(1) {
  width: 35px;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(3) {
  width: 10%;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(4) {
  width: 10%;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(5) {
  width: 15%;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(6) {
  width: 20%;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .content .pinnedPackageTable tr > *:nth-child(7) {
  width: 15%;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .footer .iconInfoWidget {
  float: left;
}
.osPinnedPackageWindow.popupWidget .popupWidgetContainer .footer .iconInfoWidget .statusLabel {
  color: #c80000;
}
/* My Software Create Window */
.mySoftwareCreateWindow.popupWidget {
  /*width: 780px;*/
}
.mySoftwareCreateWindow .popupWidgetContainer .content {
  padding: 20px 40px;
}
.mySoftwareCreateWindow .popupWidgetContainer .content .filePathContainer {
  margin: 0 0 10px 0;
}
.mySoftwareCreateWindow .popupWidgetContainer .content .label {
  margin-bottom: 5px;
}
.mySoftwareCreateWindow .popupWidgetContainer .content .textBoxWidget {
  width: 100%;
}
/* My Software Edit Files Window */
.mySoftwareEditFilesFetchWindow.popupWidget .formWidget > li > .inputContainer {
  width: 70%;
}
/* Deploy Popup Window */
.deployWindow .contentWrapper .formWidgetContainer {
  margin-top: 20px;
}
.deployWindow .formWidget > li > .label {
  width: 30%;
}
/* Appliance Adv Partitioning Window */
.appliancePartitioningWindow {
  height: 100%;
}
.appliancePartitioningWindow .popupWidgetContainer .content .partitionTableWidgetContainer {
  overflow-y: auto;
  height: 100%;
}
/* Appliance package versions popup */
.osPinnedPackageWindow .contentWrapper .content .tableContainer {
  margin-right: -30px;
  padding-top: 72px;
  margin-top: -72px;
  height: 100%;
}
/* Machine Image Packages Popup */
.machineImagePackagesWindow .content .contentHeader .formatIcon {
  width: 64px;
  height: 64px;
  float: left;
}
.machineImagePackagesWindow .content .contentHeader .genericInformationList {
  margin-left: 64px;
}
.machineImagePackagesWindow .content .tableContainer {
  margin-right: -30px;
  padding-top: 96px;
  margin-top: -96px;
  height: 100%;
}
.machineImagePackagesWindow .content .tableContainer .packagesTable table tr > *:nth-child(2) {
  width: 15%;
}
.machineImagePackagesWindow .content .tableContainer .packagesTable table tr > *:nth-child(3) {
  width: 12%;
}
.machineImagePackagesWindow .content .tableContainer .packagesTable table tr > *:nth-child(4) {
  width: 15%;
}
.machineImagePackagesWindow .content .tableContainer .packagesTable table tr > *:nth-child(5) {
  width: 15%;
}
.machineImagePackagesWindow .content .tableContainer .packagesTable table tr > *:nth-child(6) {
  width: 15%;
}
/* SSH key popup */
.sshKeyCreateWindow .popupWidgetContainer .content {
  padding: 20px 40px;
  height: 200px;
}
.sshKeyCreateWindow .sshKeyNameContainer {
  padding: 0 8px;
}
.sshKeyCreateWindow .sshKeyNameContainer .textBoxWidget {
  width: 100%;
}
/* BLUEPRINTS */
.blueprintCreateLayerWindow .selectLayerText {
  float: left;
  line-height: 22px;
}
.blueprintCreateLayerWindow .dataProvider {
  max-height: 200px;
}
.blueprintCreateLayerWindow .dataProvider .applianceItemWidget.selected {
  background: rgba(113, 110, 110, 0.8);
}
.blueprintCreateLayerWindow .content {
  padding: 10px 25px 0 25px !important;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem {
  vertical-align: top;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem .editLayerNavSubItems {
  position: absolute;
  left: -100%;
  right: -100%;
  min-width: 250px;
  text-align: center;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem .editLayerNavSubItems > a {
  display: inline;
  margin-right: 10px;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem .editLayerNavSubItems > a:last-child {
  margin-right: 0;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem .editLayerNavSubItems > a.active {
  color: #57090c;
}
.blueprintCreateLayerWindow .content .editLayerNav .editLayerNavContainer .editLayerNavMenu.genericMenu .editLayerNavItem:not(.selected) .editLayerNavSubItems {
  display: none;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .editLayerContent > div .subTitle {
  padding-left: 15px;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .editLayerContent > div .row {
  padding: 0 25px 5px;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable .timeZoneSettingsTableText {
  line-height: 22px;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable button {
  float: right;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable .timeZoneSettingsList tr > *:nth-child(1) {
  width: 30%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable .timeZoneSettingsList tr > *:nth-child(2) {
  width: 30%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable .timeZoneSettingsList tr > *:nth-child(3) {
  width: 25%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .timeZoneSettingsContainer .timeZoneSettingsTable .timeZoneSettingsList tr > *:nth-child(4) {
  width: 10%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .restoreButtonContainer {
  float: right;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .subTitle {
  padding-top: 10px;
  padding-bottom: 0;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(1) {
  width: 10%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(2) {
  width: 10%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(3) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(4) {
  width: 13%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(5) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(6) {
  width: 13%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(7) {
  width: 7%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .disksRoot tr > *:nth-child(8) {
  width: 7%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .groupsRoot tr > *:nth-child(1) {
  width: 35%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .groupsRoot tr > *:nth-child(2) {
  width: 40%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .groupsRoot tr > *:nth-child(3) {
  width: 13%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .groupsRoot tr > *:nth-child(4) {
  width: 7%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(1) {
  width: 20%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(2) {
  width: 20%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(3) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(4) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(5) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .volumesRoot tr > *:nth-child(6) {
  width: 10%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsStogarePoolsRoot tr > *:nth-child(2) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsStogarePoolsRoot tr > *:nth-child(3) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsStogarePoolsRoot tr > *:nth-child(4) {
  width: 15%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsStogarePoolsRoot tr > *:nth-child(5) {
  width: 10%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(2) {
  width: 12%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(3) {
  width: 12%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(4) {
  width: 12%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(5) {
  width: 12%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(6) {
  width: 12%;
}
.blueprintCreateLayerWindow .content .editLayerContentWrapper .editLayerContentContainer .partitioningSettingsContainer .advancePartitioningContainer .partitionTable .tableContainer .btrfsSubvolumesRoot tr > *:nth-child(7) {
  width: 10%;
}
.popupWidget.templateExportWindow .popupWidgetContainer .contentWrapper .content .createAccountContainer .inputContainer > * {
  display: inline-block;
  vertical-align: middle;
}
/* Migration Scan & Docker Image Instructions */
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .commandBoxWidget,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .commandBoxWidget,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .commandBoxWidget,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .instructionsContainer .commandBoxWidget {
  padding-top: 5px;
  padding-bottom: 5px;
}
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction {
  margin-top: 20px;
}
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction:first-child,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction:first-child,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction:first-child,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .instructionsContainer .instruction:first-child {
  margin-top: 0;
}
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer {
  display: block;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
}
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer .expandableButton,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer .expandableButton,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer .expandableButton,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .instructionsContainer .downloadButtonContainer .expandableButton {
  float: left;
}
.popupWidget.newScanWindow .popupWidgetContainer .contentWrapper .content .warningMessage,
.popupWidget.syncInfoWindow .popupWidgetContainer .contentWrapper .content .warningMessage,
.popupWidget.dockerImageInstructionWindow .popupWidgetContainer .contentWrapper .content .warningMessage,
.popupWidget.launchMigrationInfo .popupWidgetContainer .contentWrapper .content .warningMessage {
  padding-bottom: 30px;
}
/* Software Edit Files Fetch */
.mySoftwareEditFilesFetchWindow .fetchOptionsContainer {
  padding-bottom: 20px;
}
.connectionWindow .genericInformationList .label {
  width: 30%;
}
.connectionWindow .instruction {
  margin-top: 20px;
}
/* Certificate Widget */
.certificateWidget {
  height: 22px;
}
.certificateWidget .tooltip,
.certificateWidget .status {
  display: inline-block;
  vertical-align: middle;
}
.certificateWidget .tooltip {
  position: static;
}
.certificateWidget .tooltip:hover:before {
  right: auto;
  left: 10px;
  bottom: 22px;
}
.certificateWidget .tooltip:hover:after {
  right: auto;
  left: 0px;
  bottom: 21px;
}
.certificateWidget .spinnerWidget {
  display: inline-block;
}
/* Browse File Widget */
.browseWidgetContainer {
  display: flex;
}
.browseWidgetContainer .browseWidgetFilenameLabel {
  margin: auto 10px;
}
/* logWidget */
.logWidget {
  display: inline-block;
}
.logWidget .date {
  display: inline-block;
  font-weight: bold;
}
.logWidget .message {
  display: inline-block;
}
/* DOWNLOADS */
.downloadImageWidget {
  padding: 5px;
  position: relative;
  overflow: auto;
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 5px;
  min-height: 40px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  cursor: pointer;
}
.downloadImageWidget .machineImageIcon,
.downloadImageWidget .machineImageDetails {
  display: inline-block;
  vertical-align: top;
}
.downloadImageWidget .machineImageDetails {
  margin: 10px 0 0 10px;
}
.downloadImageWidget .machineImageDetails div {
  margin-bottom: 3px;
}
.downloadImageWidget .machineImageDetails .md5,
.downloadImageWidget .machineImageDetails .sha256 {
  font-size: 10px;
}
.downloadImageWidget div.downloadIcon {
  border-radius: 50%;
  border: 1px solid #9c1015;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  width: 32px;
  height: 32px;
  margin: -16px 0 0 0;
  position: absolute;
  top: 50%;
  right: 20px;
  opacity: 0;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.downloadImageWidget div.downloadIcon:hover {
  background: #9c1015;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}
.downloadImageWidget div.downloadIcon:hover:before,
.downloadImageWidget div.downloadIcon:hover:after {
  border-color: #ffffff;
}
.downloadImageWidget div.downloadIcon:before,
.downloadImageWidget div.downloadIcon:after {
  content: "";
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -6px;
  border-bottom: 2px solid #9c1015;
  border-right: 2px solid #9c1015;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.downloadImageWidget div.downloadIcon:before {
  top: 3px;
}
.downloadImageWidget div.downloadIcon:after {
  top: 9px;
}
.downloadImageWidget:hover {
  border: 1px solid #cccccc;
}
.downloadImageWidget:hover div.downloadIcon {
  opacity: 1;
}
/* Collaboration Invitation Item Widget */
.invitationItemWidget .invitationItemWidgetCheckbox,
.invitationItemWidget .invitationItemWidgetLogoContainer {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.invitationItemWidget .invitationItemWidgetCheckbox {
  margin: 2px;
}
.invitationItemWidget .invitationItemWidgetCheckboxContainer {
  float: left;
  overflow: visible;
}
.invitationItemWidget .itemInfo {
  margin-left: 110px;
}
/*scanImportWidget*/
.scanImportWidget,
.blueprintExportWidget {
  border-bottom: 1px dashed #716e6e;
  padding: 10px;
  margin-right: 30px;
  position: relative;
}
.scanImportWidget .actionsHeader,
.blueprintExportWidget .actionsHeader {
  position: absolute;
  right: 10px;
  top: 7px;
}
.scanImportWidget .information > *,
.blueprintExportWidget .information > * {
  display: inline-block;
  vertical-align: middle;
}
.scanImportWidget .information .progName,
.blueprintExportWidget .information .progName {
  width: 30%;
}
.scanImportWidget .information .progressBarWidget,
.blueprintExportWidget .information .progressBarWidget {
  width: 60%;
}
.scanImportWidget .information .progressBarWidget .iconInfo .statusLabel,
.blueprintExportWidget .information .progressBarWidget .iconInfo .statusLabel {
  line-height: 18px;
  width: 100%;
  padding-left: 5px;
}
.scanImportWidget .information .progressBarWidget .iconInfo .svgImage,
.blueprintExportWidget .information .progressBarWidget .iconInfo .svgImage {
  height: 18px;
  float: left;
}
.scanImportWidget .information .progressBarWidget .iconInfo.noIcon,
.blueprintExportWidget .information .progressBarWidget .iconInfo.noIcon {
  float: left;
  width: 50%;
}
.scanImportWidget .information .progressBarWidget .iconInfo.noIcon .statusLabel,
.blueprintExportWidget .information .progressBarWidget .iconInfo.noIcon .statusLabel {
  margin-left: 18px;
}
.scanImportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg path,
.blueprintExportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg text,
.blueprintExportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg text {
  fill: #ffa500 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg circle,
.blueprintExportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg rect,
.blueprintExportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg polygon,
.blueprintExportWidget .information .progressBarWidget .iconInfo.warning .svgImage svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.error .svgImage svg path,
.blueprintExportWidget .information .progressBarWidget .iconInfo.error .svgImage svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.error .svgImage svg text,
.blueprintExportWidget .information .progressBarWidget .iconInfo.error .svgImage svg text {
  fill: #c80000 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.error .svgImage svg circle,
.blueprintExportWidget .information .progressBarWidget .iconInfo.error .svgImage svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.error .svgImage svg rect,
.blueprintExportWidget .information .progressBarWidget .iconInfo.error .svgImage svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.error .svgImage svg polygon,
.blueprintExportWidget .information .progressBarWidget .iconInfo.error .svgImage svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg path,
.blueprintExportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg text,
.blueprintExportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg text {
  fill: #8caa28 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg circle,
.blueprintExportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg rect,
.blueprintExportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.scanImportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg polygon,
.blueprintExportWidget .information .progressBarWidget .iconInfo.ok .svgImage svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.scanImportWidget .information .progressBarWidget .progressBarContainer .spinnerWidget,
.blueprintExportWidget .information .progressBarWidget .progressBarContainer .spinnerWidget {
  position: absolute;
}
.scanImportWidget .information .progressBarWidget .progressBarContainer .spinnerWidget .progressSpinner,
.blueprintExportWidget .information .progressBarWidget .progressBarContainer .spinnerWidget .progressSpinner {
  height: 18px;
  width: 18px;
  margin-left: 8px;
}
ul li:last-child .scanImportWidget {
  border-bottom: none;
}
.blueprintExportWidget:last-child {
  border-bottom: none;
}
/* scan widget with checkbox on scan compare */
.scanWidget .scanCheckbox {
  display: inline-block;
  vertical-align: middle;
}
.scanWidget a.scan.disabled {
  color: #565656;
}
/* scan instance widget */
.scanInstanceWidget .svgImage {
  float: left;
  width: 16px;
  height: 16px;
}
.scanInstanceWidget .scanNode {
  font-size: 15px;
  line-height: 16px;
  margin: 0 0 0 20px;
}
.scanInstanceWidget a.scan.disabled {
  color: #565656;
}
/* status widget */
.statusWidget .iconInfo .statusIcon {
  float: left;
  width: 20px;
  height: 20px;
}
.statusWidget .iconInfo.ok svg path {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.statusWidget .iconInfo.ok svg text {
  fill: #8caa28 !important;
}
.statusWidget .iconInfo.ok svg circle {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.statusWidget .iconInfo.ok svg rect {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.statusWidget .iconInfo.ok svg polygon {
  stroke: #8caa28 !important;
  fill: #8caa28 !important;
}
.statusWidget .iconInfo.warning svg path {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.statusWidget .iconInfo.warning svg text {
  fill: #ffa500 !important;
}
.statusWidget .iconInfo.warning svg circle {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.statusWidget .iconInfo.warning svg rect {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.statusWidget .iconInfo.warning svg polygon {
  stroke: #ffa500 !important;
  fill: #ffa500 !important;
}
.statusWidget .iconInfo.error svg path {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.statusWidget .iconInfo.error svg text {
  fill: #c80000 !important;
}
.statusWidget .iconInfo.error svg circle {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.statusWidget .iconInfo.error svg rect {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.statusWidget .iconInfo.error svg polygon {
  stroke: #c80000 !important;
  fill: #c80000 !important;
}
.statusWidget .iconInfo .statusLabel {
  margin-left: 25px;
  line-height: 16px;
}
.statusWidget.cancelled {
  color: #ff9900;
}
.statusWidget.error {
  color: #A11B0D;
}
/* My Software File Widget */
.mySoftwareFileWidget {
  width: 100%;
  padding: 10px 0;
  position: relative;
}
.mySoftwareFileWidget .fileName {
  padding-right: 70px;
  line-height: 17px;
}
.mySoftwareFileWidget .actions {
  float: right;
}
.mySoftwareFileWidget .actions .expandableButton {
  float: left;
  margin-left: 5px;
}
.mySoftwareFileWidget .actions .cancelButton {
  position: absolute;
  top: 15px;
  right: 0;
}
.mySoftwareFileWidget .mySoftwareFileSpinner {
  float: right;
}
li:last-child .mySoftwareFileWidget {
  border-bottom: none;
}
/* appliance image generation and publish */
.applianceMachineImageWidget {
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px dashed #716e6e;
  position: relative;
  min-height: 100px;
  overflow: hidden;
}
.widgetList li:last-child .applianceMachineImageWidget {
  border-bottom: none;
}
.applianceMachineImageWidget .actionsHeader {
  float: right;
}
.applianceMachineImageWidget .format {
  width: 80px;
  float: left;
}
.applianceMachineImageWidget .information {
  float: left;
  width: 70%;
  min-height: 80px;
  padding-left: 20px;
}
.applianceMachineImageWidget .information > * {
  line-height: 20px;
}
.applianceMachineImageWidget .information .name {
  padding-right: 5px;
}
.applianceMachineImageWidget .information .name .svgImage {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.applianceMachineImageWidget .information .name .svgImage.template svg path {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg text {
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg circle {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg rect {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.template svg polygon {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg path {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg text {
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg circle {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg rect {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .name .svgImage.scan svg polygon {
  stroke: #a2a2a2 !important;
  fill: #a2a2a2 !important;
}
.applianceMachineImageWidget .information .formatInfo {
  display: block;
  overflow: hidden;
}
.applianceMachineImageWidget .information .formatInfo .fullFormatName {
  float: left;
  margin-right: 10px;
  color: #a2a2a2;
}
.applianceMachineImageWidget .information .formatInfo .infoDetails {
  font-style: italic;
}
.applianceMachineImageWidget .information .machineImageDetails {
  display: inline-block;
}
.applianceMachineImageWidget .information .machineImageDetails .region {
  float: left;
  line-height: 18px;
  margin-right: 5px;
}
.applianceMachineImageWidget .information .machineImageDetails .cloudId {
  float: left;
  line-height: 18px;
}
.applianceMachineImageWidget .information .progressBarWidget .errorContainer {
  padding: 0;
}
.applianceMachineImageWidget .actions {
  float: right;
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 70%;
}
.applianceMachineImageWidget .actions .expandableButton {
  float: right;
  margin-left: 5px;
}
.applianceMachineImageWidget .actions .spinnerWidget {
  float: right;
}
/* FileNameItemWidget (for scan summary) */
.fileNameItemWidget * {
  display: inline-block;
  vertical-align: middle;
}
.applianceItemWidget .itemInfo .name,
.mySoftwareItemWidget .itemInfo .name {
  height: 24px;
}
.applianceItemWidget .itemInfo .details,
.mySoftwareItemWidget .itemInfo .details,
.applianceItemWidget .itemInfo .date,
.mySoftwareItemWidget .itemInfo .date,
.applianceItemWidget .itemInfo .iconContainer,
.mySoftwareItemWidget .itemInfo .iconContainer {
  height: 16px;
  line-height: 16px;
}
.applianceItemWidget .itemInfo .iconContainer .svgImage,
.mySoftwareItemWidget .itemInfo .iconContainer .svgImage,
.applianceItemWidget .itemInfo .iconContainer img,
.mySoftwareItemWidget .itemInfo .iconContainer img {
  float: left;
  margin-right: 5px;
  height: 16px;
  width: 16px;
}
.applianceItemWidget,
.tileListWidget .dataContainer .dataProvider .dataItem.applianceItemWidget {
  height: 94px;
  width: 350px;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
}
.applianceItemWidget .applianceItemContent {
  overflow: hidden;
  position: relative;
}
.applianceItemWidget .applianceItemContent .updates {
  position: absolute;
  top: 0;
  left: 0;
}
.applianceItemWidget .applianceItemContent .logo {
  height: 64px;
  width: 64px;
  float: left;
}
.applianceItemWidget .applianceItemContent .spinnerWidget {
  float: left;
}
.applianceItemWidget .applianceItemContent .itemInfo {
  margin-left: 64px;
  padding-left: 10px;
}
.applianceItemWidget .applianceItemContent .actions {
  float: right;
}
.sshKeyWidget {
  line-height: 30px;
  overflow: hidden;
  margin-right: 18px;
}
.sshKeyWidget > * {
  float: left;
}
.sshKeyWidget .label {
  width: 20%;
  padding-right: 5px;
  text-align: right;
}
.sshKeyWidget .attribute {
  width: 50%;
}
.sshKeyWidget .value {
  color: #7c7c7c;
  width: 50%;
}
.sshKeyWidget .keyContainerActions {
  position: absolute;
  right: 0;
}
.sshKeyWidget .keyContainerActions .expandableButton {
  margin-top: 5px;
}
.partitionTableWidget {
  position: relative;
  height: 100%;
}
.partitionTableWidget .actions {
  top: 0;
  right: 0;
}
.partitionTableWidget .partitionTables {
  height: 100%;
}
.partitionTableWidget .partitionTables .tableContainer {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
  height: 33%;
}
.partitionTableWidget .partitionTables .tableContainer .substitution .textBoxWidget {
  width: 100%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(2) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(3) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(4) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(5) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(6) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(7) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .disksRoot table tr > *:nth-child(8) {
  width: 100px;
}
.partitionTableWidget .partitionTables .tableContainer .groupsRoot table tr > *:nth-child(2) {
  width: 36%;
}
.partitionTableWidget .partitionTables .tableContainer .groupsRoot table tr > *:nth-child(3) {
  width: 24%;
}
.partitionTableWidget .partitionTables .tableContainer .groupsRoot table tr > *:nth-child(4) {
  width: 100px;
}
.partitionTableWidget .partitionTables .tableContainer .volumesRoot table tr > *:nth-child(2) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .volumesRoot table tr > *:nth-child(3) {
  width: 24%;
}
.partitionTableWidget .partitionTables .tableContainer .volumesRoot table tr > *:nth-child(4) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .volumesRoot table tr > *:nth-child(5) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .volumesRoot table tr > *:nth-child(6) {
  width: 100px;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsStoragePoolsRoot table tr > *:nth-child(2) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsStoragePoolsRoot table tr > *:nth-child(3) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsStoragePoolsRoot table tr > *:nth-child(4) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsStoragePoolsRoot table tr > *:nth-child(5) {
  width: 100px;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(2) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(3) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(4) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(5) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(6) {
  width: 12%;
}
.partitionTableWidget .partitionTables .tableContainer .btrfsSubvolumesRoot table tr > *:nth-child(7) {
  width: 100px;
}
.partitionTableWidget .partitionTables .tableContainer:last-child {
  height: 34%;
}
.targetWidget .targetWidgetContent .targetLogo {
  height: 128px;
  width: 128px;
}
.targetWidget .targetWidgetContent .targetName {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  height: 32px;
  width: 128px;
}
.targetWidget.disabled .targetWidgetContent {
  opacity: 0.3;
}
.targetWidget:not(.disabled) {
  cursor: pointer;
}
.generationPageWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
  overflow: auto;
}
.generationPageWidget .generationPageWidgetContent {
  height: 100%;
  overflow: auto;
}
.generationPageWidget .generationPageWidgetContent ul.formWidget li .textAreaWidget {
  height: auto;
  width: 40%;
}
.generationPageWidget .generationPageWidgetContent ul.formWidget li .publishFormatWidgetPanel {
  width: 100%;
  margin-top: -26px;
}
.generationPageWidget .generationPageWidgetContent ul.formWidget li .publishFormatWidgetPanel .publishFormatWidget {
  padding-top: 0;
}
.generationPageWidget .generationPageWidgetContent ul.formWidget li .publishFormatWidgetPanel .publishFormatWidget .formWidget > li:first-child {
  margin-top: 13px;
}
.generationPageWidget .generationPageWidgetContent .generalInfoContainer {
  padding-bottom: 30px;
}
.generationPageWidget .generationPageWidgetContent .generalInfoContainer .svgImageGenerate {
  float: right;
  height: 0;
}
.generationPageWidget .generationPageWidgetContent .generalInfoContainer .svgImageGenerate .generationImage {
  right: 30px;
  height: 120px;
  width: 120px;
}
.generationPageWidget .generationPageWidgetContent .generalInfoContainer .nameFieldGenerate {
  margin-top: 0;
}
.generationPageWidget .generationPageWidgetContent .securityContainer {
  padding-bottom: 30px;
}
.generationPageWidget .generationPageWidgetContent .configContainer {
  padding-bottom: 30px;
}
.generationPageWidget .generationPageWidgetContent .configContainer .formWidgetContainer {
  margin-bottom: 30px;
}
.generationPageWidget .generationPageWidgetContent .configContainer .formWidgetContainer .hwtype {
  width: 150px;
}
.generationPageWidget .generationPageWidgetContent .noLabelIconInfoWidget {
  margin-top: -30px;
  padding-bottom: 30px;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer {
  padding-top: 0;
  margin-top: -0;
  height: 100%;
  padding-right: 30px;
  height: initial;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent {
  height: initial;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBody {
  display: table;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBody:after {
  display: none;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBody tbody {
  display: table-row-group;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer {
  padding-top: 0;
  margin-top: 28px;
  overflow: visible;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr {
  display: table-row;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr > *:nth-child(2) {
  width: 10%;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr > *:nth-child(3) {
  width: 20%;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr > *:nth-child(4) {
  width: 10%;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr > *:nth-child(5) {
  width: 20%;
}
.generationPageWidget .generationPageWidgetContent .softwareBundleTableContainer .tableWidgetContent .tableBodyBodyContainer tr > *:nth-child(6) {
  width: 10%;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget {
  padding-top: 47px;
  margin-top: -47px;
  height: 100%;
  padding-right: 30px;
  height: initial;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent {
  height: initial;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table thead {
  margin-right: 17px;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody {
  height: 100%;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody tbody {
  display: table-row-group;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBodyContainer {
  padding-top: 0;
  position: relative;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody tr > *:nth-child(1) {
  width: 50%;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody tr > *:nth-child(2) {
  width: 20%;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody tr > *:nth-child(3) {
  width: 20%;
}
.generationPageWidget .generationPageWidgetContent .platformToolsTableContainer.tableWidget .tableWidgetContent table .tableBody tr > *:nth-child(4) {
  width: 10%;
}
.generationPageWidget .generationPageWidgetContent .errorContainer {
  padding-bottom: 30px;
}
.highlight {
  border: 1px solid #0088cc;
  background-color: #0088cc;
  padding: 0px 7px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
}
.infoBannerWidget .infoBannerWidgetTop {
  margin-bottom: 5px;
}
.infoBannerWidget .infoBannerWidgetTop .infoBannerTitle {
  display: inline-block;
}
.infoBannerWidget .infoBannerWidgetTop .infoBannerTitle .big {
  font-size: 22px;
  color: #3c3c3c;
}
.infoBannerWidget .infoBannerWidgetTop .infoBannerTitle .small {
  margin-left: 8px;
  font-size: 14px;
  color: #7c7c7c;
  font-weight: normal;
  line-height: 16px;
  white-space: nowrap;
}
.infoBannerWidget .infoBannerWidgetTop .updated {
  display: inline-block;
  float: right;
  color: #7c7c7c;
}
.infoBannerWidget .infoBannerWidgetBottom .osIcon {
  height: 64px;
  width: 64px;
  display: inline-block;
  vertical-align: top;
}
.infoBannerWidget .infoBannerWidgetBottom .genericInformationList {
  display: inline-block;
  width: calc(100% - 80px);
  max-width: 1200px;
}
.infoBannerWidget .infoBannerWidgetBottom .genericInformationList .tcolumn {
  display: inline-block;
  vertical-align: top;
  width: 310px;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 210px;
  max-width: 35%;
}
.infoBannerWidget .infoBannerWidgetBottom .genericInformationList .trow {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}
.infoBannerWidget .infoBannerWidgetBottom .genericInformationList .trow .tlabel {
  color: #7c7c7c;
  text-align: right;
  width: 41%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
}
.infoBannerWidget .infoBannerWidgetBottom .genericInformationList .trow .tvalue {
  width: calc(59% - 10px);
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.genericContentContainer .instructionsContainer .commandBoxWidget {
  padding-top: 5px;
  padding-bottom: 5px;
}
.genericContentContainer .instructionsContainer .instruction {
  margin-top: 20px;
}
.genericContentContainer .instructionsContainer .instruction:first-child {
  margin-top: 0;
}
.genericContentContainer .instructionsContainer .downloadButtonContainer {
  display: block;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
}
.genericContentContainer .instructionsContainer .downloadButtonContainer .expandableButton {
  float: left;
}
.hostnameWidget {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
}
.hostnameWidget .label {
  padding-top: 1px;
}
.blueprintEditorWidget {
  margin-right: 20px;
}
.blueprintEditorWidget .staticMode,
.blueprintEditorWidget .editMode {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
}
.blueprintEditorWidget .staticMode .nameEditor,
.blueprintEditorWidget .editMode .nameEditor {
  margin-right: 3px;
}
.blueprintEditorWidget .staticMode .expandableButton,
.blueprintEditorWidget .editMode .expandableButton {
  border-color: transparent;
}
.inlineTextInputWidget {
  min-width: calc(2em + 6px + 24px);
  border: transparent 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
.inlineTextInputWidget + .inlineTextInputWidget {
  margin-left: 1em;
}
.inlineTextInputWidget .label,
.inlineTextInputWidget .iconsContainer,
.inlineTextInputWidget .textBoxWidget,
.inlineTextInputWidget .iconsContainer {
  float: left;
  line-height: 26px;
  padding: 3px;
}
.inlineTextInputWidget .label {
  margin: 3px 0 0 0;
  padding: 0 3px;
  width: calc(100% - 24px - 7px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.inlineTextInputWidget .textBoxWidget {
  border: none;
  padding: 3px 6px;
}
.inlineTextInputWidget .iconsContainer {
  visibility: hidden;
  border-left: 1px solid transparent;
}
.inlineTextInputWidget:hover,
.inlineTextInputWidget.editing {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  border: 1px solid #716e6e;
  background: #ffffff;
}
.inlineTextInputWidget:hover .iconsContainer,
.inlineTextInputWidget.editing .iconsContainer {
  visibility: visible;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  border-left: 1px solid #716e6e;
}
.inlineTextInputWidget .textBoxWidget {
  width: calc(100% - 24px - 7px);
  border-radius: 4px 0 0 4px;
}
.inlineTextInputWidget .editButton {
  width: 24px;
  height: 24px;
  border-color: transparent;
}
.inlineTextInputWidget .tooltip:after,
.inlineTextInputWidget .tooltip:before {
  z-index: 999;
  white-space: normal;
  font-size: 13px;
}
.inlineTextInputWidget:last-child::after {
  content: "";
  clear: both;
  display: block;
}
.easyTableWidget {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.easyTableWidget .easyTableTopBar {
  display: flex;
  justify-content: space-between;
  padding-right: 30px;
  padding: 10px 0;
}
.easyTableWidget .easyTableTopBar .easyTableRight {
  display: flex;
  align-items: center;
}
.easyTableWidget .easyTableTopBar .easyTableRight .actionButton {
  margin-right: 30px;
}
.easyTableWidget .tableWidget .svgImage {
  height: 18px;
  width: 18px;
}
.easyTableWidget .tableWidget th:first-child,
.easyTableWidget .tableWidget td:first-child {
  width: 35px;
}
.includeTableWidget {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.includeTableWidget .tableWidget th:last-child,
.includeTableWidget .tableWidget td:last-child {
  width: 120px;
}
.spinnerButtonWidget {
  height: 22px;
}
.spinnerButtonWidget .spinnerWidget {
  float: right;
}
#main .administration.distributionView .genericItemHeader .genericItemLogo {
  padding-right: 20px;
}
#main .administration.distributionView .genericItemHeader .genericItemLogo img {
  background: none;
  border: none;
}
#main .administration.distributionView .genericItemHeader .genericItemHeaderContent {
  margin-left: 0px;
  display: block;
}
#main .administration.distributionView .genericItemHeader .genericItemMenu {
  overflow: visible;
}
#main .administration.distributionView .genericItemHeader .genericItemMenu .updateNumber {
  position: absolute;
  top: -5px;
  left: 80%;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 0;
  padding-left: 4px;
  font-size: 14px;
}
/*OS Packages*/
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages {
  height: 100%;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer {
  padding-right: 30px;
  padding-top: 30px;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .searchInput:last-child,
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .searchInput:last-child > * {
  float: none;
  margin-left: 0;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .title {
  float: none;
  line-height: 10px;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .expandableButton {
  margin-top: 3px;
  margin-left: 10px;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer {
  padding-top: 60px;
  margin-top: -60px;
  height: 100%;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .stackedTablesActions {
  margin-top: 5px;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable:last-child {
  padding-top: 17px;
  margin-top: -17px;
  height: 100%;
  height: 50%;
}
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr th:nth-child(1),
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr td:nth-child(1) {
  width: 30px;
}
/*Architecture*/
/*Package name*/
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr th:nth-child(3),
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr td:nth-child(3) {
  width: 115px;
}
/*Size*/
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr th:nth-child(4),
#main .administration.distributionView .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .packagesTable table tr td:nth-child(4) {
  width: 115px;
}
#main .administration.distributionView .distributionRepositoriesView {
  overflow: hidden;
  height: 100%;
}
#main .administration.distributionView .distributionRepositoriesView .genericItemActions .expandableButton {
  margin-top: 158px;
}
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .easyTableTopBar {
  margin-right: 30px;
}
/*Select*/
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr th:nth-child(1),
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr td:nth-child(1) {
  width: 35px;
}
/*Name*/
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr th:nth-child(2),
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr td:nth-child(2) {
  width: 20%;
}
/*Type*/
/*URL*/
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr th:nth-child(4),
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr td:nth-child(4) {
  width: 10%;
}
/*Core*/
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr th:nth-child(5),
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr td:nth-child(5) {
  width: 10%;
}
/*Garbage*/
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr th:nth-child(6),
#main .administration.distributionView .distributionRepositoriesView .includeTableWidget .tableWidget tr td:nth-child(6) {
  width: 90px;
}
#main .administration.repositoryList .libraryContainer {
  padding-top: 0px;
  margin-top: -0px;
  height: 100%;
}
/*Select*/
#main .administration.repositoryList .tableContainer tr th:nth-child(1),
#main .administration.repositoryList .tableContainer tr td:nth-child(1) {
  width: 35px;
}
/*Name*/
#main .administration.repositoryList .tableContainer tr th:nth-child(2),
#main .administration.repositoryList .tableContainer tr td:nth-child(2) {
  width: 20%;
}
/*Type*/
/*URL*/
#main .administration.repositoryList .tableContainer tr th:nth-child(4),
#main .administration.repositoryList .tableContainer tr td:nth-child(4) {
  width: 10%;
}
/*Core*/
#main .administration.repositoryList .tableContainer tr th:nth-child(5),
#main .administration.repositoryList .tableContainer tr td:nth-child(5) {
  width: 10%;
}
#main .administration.repositoryList .tableContainer tr th:nth-child(5) .svgImage,
#main .administration.repositoryList .tableContainer tr td:nth-child(5) .svgImage {
  height: 18px;
  width: 18px;
}
/*Garbage*/
#main .administration.repositoryList .tableContainer tr th:nth-child(6),
#main .administration.repositoryList .tableContainer tr td:nth-child(6) {
  width: 35px;
}
#main .administration.createRepository .coreRepositoryPanel {
  display: flex;
}
#main .administration.createRepository .formWidgetContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .administration.distributionList .distributionListTableHeader {
  height: 30px;
  padding-right: 30px;
}
#main .administration.distributionList .distributionListTableHeader .filterOrganization {
  float: right;
}
#main .administration.distributionList .distributionListTableHeader .selectOrganization > * {
  display: inline-block;
  vertical-align: middle;
}
#main .administration.distributionList .distributionListTableHeader .selectOrganization .comboBoxWidget .comboBoxWidgetContent .optionsContainer {
  min-width: 250px;
}
#main .administration.distributionList .tableContainer {
  padding-top: 70px;
  margin-top: -70px;
  height: 100%;
}
/*Version*/
/*Name*/
#main .administration.distributionList .tableContainer tr th:nth-child(2),
#main .administration.distributionList .tableContainer tr td:nth-child(2) {
  width: 20%;
}
/*Architecture*/
#main .administration.distributionList .tableContainer tr th:nth-child(3),
#main .administration.distributionList .tableContainer tr td:nth-child(3) {
  width: 20%;
}
/*License*/
#main .administration.distributionList .tableContainer tr th:nth-child(4),
#main .administration.distributionList .tableContainer tr td:nth-child(4) {
  width: 20%;
}
#main .administration.createDistribution .formWidgetContainer {
  padding-top: 30px;
}
#main .administration.createDistribution .formWidgetContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .administration.createDistribution .formWidgetContainer .inputContainer .error {
  color: #c80000;
}
#main .administration.distributionOSProfiles {
  height: 100%;
  position: relative;
}
#main .administration.distributionOSProfiles .tableContainer {
  padding-top: 70px;
  margin-top: -70px;
  height: 100%;
}
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table th:nth-child(1),
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table td:nth-child(1) {
  width: 30px;
}
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table th:nth-child(3),
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table td:nth-child(3) {
  width: 60%;
}
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table th:nth-child(4),
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table td:nth-child(4) {
  width: 100px;
}
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table th:nth-child(5),
#main .administration.distributionOSProfiles .tableContainer .osProfileTable table td:nth-child(5) {
  width: 70px;
}
#main .administration.createOsProfile .createForm {
  margin-top: 30px;
}
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOverview {
  padding-top: 30px;
}
/*OS Packages*/
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .searchInput:last-child,
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tableActionsContainer .searchInput:last-child > * {
  float: none;
  margin-left: 0;
}
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer {
  padding-top: 70px;
  margin-top: -70px;
  height: 100%;
}
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr th:nth-child(1),
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr td:nth-child(1) {
  width: 30px;
}
/*Architecture*/
/*Package name*/
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr th:nth-child(3),
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr td:nth-child(3) {
  width: 115px;
}
/*Size*/
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr th:nth-child(4),
#main .administration.osProfileEdit .genericItemContentWrapper .osProfileEditOsPackages .tablesContainer .projectsTable table tr td:nth-child(4) {
  width: 115px;
}
#main .administration.projectEdit .genericItemContentWrapper {
  padding-top: 75px;
  margin-top: -75px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer {
  float: right;
  margin-right: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer > * {
  float: left;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .expandableButton {
  margin-right: 5px;
  margin-top: 8px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .sortInput,
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .searchInputWidget {
  margin-top: 5px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .sortInput {
  margin-left: 25px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .sortInput > * {
  float: left;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer .projectActionsContainer .sortInput > .expandableButton {
  margin-top: 3px;
  margin-left: 5px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer .stackedTables {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(1) {
  width: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(3) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(4) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(5) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView {
  padding-right: 0;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .defaultPathContainer {
  padding-bottom: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles {
  padding-top: 60px;
  margin-top: -60px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .mySoftwareFileSpinner {
  float: right;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(2) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(3) {
  width: 80px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(4) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(5) {
  width: 70px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(6) {
  width: 100px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget .bootType {
  width: 20px;
  height: 20px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(1) {
  width: 35px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(3) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(4) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(5) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(6) {
  width: 25%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(7) {
  width: 70px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditOsPackagesView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditOsPackagesView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license {
  padding-top: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .formWidget > li > .inputContainer {
  line-height: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .formWidget > li .licenseWidget {
  line-height: 18px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .licenseActionsContainer .delete {
  float: left;
  margin-right: 5px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditUsageView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.mySoftwareEditUsageView .libraryContainer {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -0;
  height: 100%;
}
/*License*/
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditLicense .license {
  padding-top: 30px;
}
/*Files view*/
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles {
  padding-right: 0;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .defaultPathContainer {
  padding-bottom: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles {
  padding-top: 60px;
  margin-top: -60px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(2) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(3) {
  width: 80px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(4) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(5) {
  width: 70px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditFiles .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(6) {
  width: 100px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer .stackedTables {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(1) {
  width: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(3) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(4) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditDistributionsView .contentContainer .stackedTables .tableWidget tr > *:nth-child(5) {
  width: 20%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget .bootType {
  width: 20px;
  height: 20px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(1) {
  width: 35px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(3) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(4) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(5) {
  width: 10%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(6) {
  width: 25%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(7) {
  width: 70px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages {
  padding-right: 0;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(1) {
  width: 30px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(2) {
  width: 30%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(3) {
  width: 115px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(4) {
  width: 115px;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(5) {
  width: 15%;
}
#main .administration.projectEdit .genericItemContentWrapper .genericContentContainer.projectEditOsPackages .projectsTable tr > *:nth-child(6) {
  width: 115px;
}
#main .administration.projects .tableActionsContainer .searchInputWidget .searchInputContent {
  margin-left: 0;
}
#main .administration.projects .tableActionsContainer .expandableButton {
  margin-right: 5px;
  margin-top: 3px;
}
#main .administration.projects .tableContainer {
  padding-top: 122px;
  margin-top: -122px;
  height: 100%;
}
#main .administration.projects .tableContainer tr > *:nth-child(1) {
  width: 30px;
}
#main .administration.projects .tableContainer tr > *:nth-child(3) {
  width: 15%;
}
#main .administration.projects .tableContainer tr > *:nth-child(4) {
  width: 15%;
}
#main .administration.projects .tableContainer tr > *:nth-child(5) {
  width: 5%;
}
#main .administration.projects .tableContainer tr > *:nth-child(6) {
  width: 10%;
}
#main .administration.projects .tableContainer tr > *:nth-child(7) {
  width: 10%;
}
#main .administration.projects .tableContainer tr > *:nth-child(8) {
  width: 80px;
}
#main .administration.createProject .createForm {
  margin-top: 30px;
}
#main .administration.targetPlatformEdit {
  overflow: auto;
}
#main .administration.targetPlatformEdit .createForm {
  height: 300px;
}
#main .administration.targetPlatformEdit .targetPlatformTables {
  padding-top: 340px;
  margin-top: -340px;
  height: 100%;
}
#main .administration.targetPlatformEdit .targetPlatformTables .stackedTables {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.targetFormatWorkflow .contentContainer {
  padding-top: 110px;
  margin-top: -110px;
  height: 100%;
}
#main .administration.targetFormatWorkflow .contentContainer .targetPlatformsStep {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .administration.targetFormatWorkflow .contentContainer .targetPlatformsStep .stackedTables {
  padding-top: 0;
  margin-top: -0;
  height: 100%;
}
#main .administration.artifacts .artifactsTable {
  padding-top: 70px;
  margin-top: -70px;
  height: 100%;
}
#main .administration.artifacts .artifactsTable tr > *:nth-child(1) {
  width: 30px;
}
#main .administration.artifacts .artifactsTable tr > *:nth-child(3) {
  width: 10%;
}
#main .administration.artifacts .artifactsTable tr > *:nth-child(4) {
  width: 30%;
}
#main .administration.artifacts .artifactsTable tr > *:nth-child(5) {
  width: 10%;
}
#main .administration.artifacts .artifactsTable tr > *:nth-child(6) {
  width: 100px;
}
.distributionPopulateWindow .instructionsContainer .instruction:first-child {
  font-size: 14px;
  margin: 0 0 10px 0;
}
.distributionPopulateWindow .instructionsContainer .instruction {
  font-size: 14px;
  margin: 20px 0 10px 0;
}
/* COLLABORATION */
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate {
  border-radius: 4px 0 0 4px;
  border-style: solid;
  border-color: #716e6e;
  border-width: 1px 0 1px 1px;
  height: 30px;
  max-width: none;
  margin-top: -3px;
  background: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate .expandableButtonContent .buttonLabel {
  color: #716e6e;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.borderless) {
  border-color: #716e6e;
  background: rgba(113, 110, 110, 0);
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.originalColor) svg path {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.originalColor) svg text {
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.originalColor) svg circle {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.originalColor) svg rect {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not(.originalColor) svg polygon {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected {
  background: #716e6e;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected:not(.originalColor) svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected:not(.originalColor) svg text {
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected:not(.originalColor) svg circle {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected:not(.originalColor) svg rect {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected:not(.originalColor) svg polygon {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected .buttonLabel {
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:not([disabled]):not(.disabled):hover .i18nLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.selected .i18nLabel {
  color: #ffffff;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled],
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled {
  border-color: #707070;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled .buttonLabel {
  color: #707070;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled:not(.originalColor) svg path {
  stroke: #707070 !important;
  fill: #707070 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled:not(.originalColor) svg text {
  fill: #707070 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled:not(.originalColor) svg circle {
  stroke: #707070 !important;
  fill: #707070 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled:not(.originalColor) svg rect {
  stroke: #707070 !important;
  fill: #707070 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[disabled]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.disabled:not(.originalColor) svg polygon {
  stroke: #707070 !important;
  fill: #707070 !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected],
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected {
  border-color: #bcbcbc;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected] .buttonLabel,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected .buttonLabel {
  color: #bcbcbc;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected]:not(.originalColor) svg path,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected:not(.originalColor) svg path {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected]:not(.originalColor) svg text,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected:not(.originalColor) svg text {
  fill: #bcbcbc !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected]:not(.originalColor) svg circle,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected:not(.originalColor) svg circle {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected]:not(.originalColor) svg rect,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected:not(.originalColor) svg rect {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate[unselected]:not(.originalColor) svg polygon,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate.unselected:not(.originalColor) svg polygon {
  stroke: #bcbcbc !important;
  fill: #bcbcbc !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate .expandableButtonContent .labelLeft,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate .expandableButtonContent .labelRight {
  display: none;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate .expandableButtonContent .buttonIcon {
  padding: 0 4px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate .expandableButtonContent .buttonIcon svg {
  height: 30px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) {
  background: #e8e0dc;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) .expandableButtonContent .buttonIcon svg path {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) .expandableButtonContent .buttonIcon svg text {
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) .expandableButtonContent .buttonIcon svg circle {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) .expandableButtonContent .buttonIcon svg rect {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .collaborationActions .expandableButton.workspacecreate:hover:not([disabled]):not(.disabled) .expandableButtonContent .buttonIcon svg polygon {
  stroke: #716e6e !important;
  fill: #716e6e !important;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces {
  margin-left: 0;
  width: 200px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces:not(.collapsed) .workspaceOption.new:after,
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces.collapsed.pendingInvitations:after {
  content: attr(after);
  position: absolute;
  /* NP: 18 is the supposed height of the after element */
  top: 6px;
  background: #9c1015;
  color: #ffffff;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.1em;
  padding: 3px 6px;
  border-radius: 10px;
  z-index: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces:not(.collapsed) .workspaceOption.new:after {
  right: 6px;
  /* NP: fail safe */
  max-width: 50px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces.collapsed.pendingInvitations:after {
  right: 30px;
  /* NP: fail safe, max 999 invitations */
  max-width: 20px;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces:not(.collapsed) .workspaceOption {
  position: relative;
}
#navTop .navTop .navTopContentWrapper .navTopActions .actionsContainer .comboBoxWidget.workspaces .comboBoxWidgetContent .optionsContainer {
  border-radius: 0 4px 4px 0;
}
#main .workspaceTemplatesView .welcomeMessage .welcomeIntro {
  text-align: center;
}
#main .workspaceTemplatesView .welcomeMessage .welcomeIntro .emptyMessage {
  font-size: 14px;
}
#main .workspaceTemplatesView .welcomeMessage .welcomeIntro .expandableButton {
  display: inline-block;
}
#main .collaboration {
  position: relative;
}
#main .collaboration .addCommentContainer .legend {
  padding-bottom: 5px;
}
#main .collaboration .addCommentContainer .addReviewInput {
  overflow: hidden;
  padding-right: 5px;
}
#main .collaboration .addCommentContainer > .actionsContainer {
  float: right;
}
#main .collaboration .commentsContainer {
  margin-right: 30px;
  margin-top: 50px;
}
#main .collaboration.collaborationActivity {
  overflow: auto;
}
#main .collaboration.collaborationActivity .addCommentContainer {
  padding-right: 30px;
}
#main .collaboration.collaborationShareTemplate {
  padding-right: 30px;
}
#main .collaboration.collaborationShareTemplate .shareApplianceContainer .descriptionContainer {
  margin-right: 200px;
  padding-right: 30px;
}
#main .collaboration.collaborationShareTemplate .shareApplianceContainer .descriptionContainer .descriptionLabel {
  display: inline;
  line-height: 15px;
}
#main .collaboration.collaborationShareTemplate .shareApplianceContainer .descriptionContainer .descriptionLegend {
  display: inline;
}
#main .collaboration.collaborationShareTemplate .shareApplianceContainer .descriptionProfile {
  margin-top: 15px;
}
/* Shared Templates */
#main .collaboration.collaborationSharedTemplates .libraryContainer {
  padding-top: 0;
  margin-top: -0;
  height: 100%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(1) {
  width: 35px;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(3) {
  width: 60px;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(4) {
  width: 10%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(5) {
  width: 10%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(6) {
  width: 15%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(7) {
  width: 15%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(8) {
  width: 15%;
}
#main .collaboration.collaborationSharedTemplates .libraryContainer .libraryTable tr > *:nth-child(9) {
  width: 70px;
}
/* Manage Members */
#main .collaboration.collaborationManageMembers .leaveButtonContainer {
  margin-bottom: 20px;
}
#main .collaboration.collaborationManageMembers .leaveButtonContainer > * {
  display: inline-block;
  vertical-align: middle;
}
#main .collaboration.collaborationManageMembers .leaveButtonContainer > *.label {
  margin: 0 20px;
}
#main .collaboration.collaborationManageMembers .libraryContainer {
  padding-top: 100px;
  margin-top: -100px;
  height: 100%;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(1) {
  width: 35px;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(3) {
  width: 60px;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(4) {
  width: 25%;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(5) {
  width: 20%;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(6) {
  width: 15%;
}
#main .collaboration.collaborationManageMembers .libraryContainer .libraryTable tr > *:nth-child(7) {
  width: 70px;
}
#main .collaboration.listToShare .tableActionsContainer .tableInstruction {
  float: left;
  line-height: 30px;
}
#main .collaboration.listToShare .tableWidget {
  padding-top: 30px;
  margin-top: -30px;
  height: 100%;
}
#main .collaboration.workspacesColumnContainer {
  height: 100%;
}
#main .collaboration.workspacesColumnContainer .title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 2;
}
#main .collaboration.collaborationWorkspaces {
  height: 100%;
  overflow-y: scroll;
  margin-right: -20px;
  padding-top: 40px;
}
#main .collaboration.collaborationWorkspaces .noPublished {
  font-size: 13px;
  text-align: left;
  padding: 0;
  min-width: auto;
  width: auto;
}
/* Share appliance to workspace views */
#main .collaboration.applianceShareView .workflow {
  margin-bottom: 30px;
}
#main .collaboration.applianceShareView .contentContainer {
  padding-top: 140px;
  margin-top: -140px;
  height: 100%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare {
  height: 100%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget {
  padding-top: 30px;
  margin-top: -30px;
  height: 100%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(1) {
  width: 35px;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(3) {
  width: 60px;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(4) {
  width: 10%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(5) {
  width: 10%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(6) {
  width: 15%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(7) {
  width: 15%;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget tr > *:nth-child(8) {
  width: 35px;
}
#main .collaboration.applianceShareView .contentContainer .listToShare .tableWidget .svgImage {
  height: 18px;
  width: 18px;
}
/* Invitation */
#main .collaboration.collaborationInvitation .question {
  text-align: center;
  margin-bottom: 25px;
}
#main .collaboration.collaborationInvitation .responseActions {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
}
#main .collaboration.collaborationInvitation .responseActions .expandableButton:last-child {
  margin-left: 20px;
}
/* Shared Templates */
#main .collaborationSharedTemplates .sharedTemplatesContainer {
  height: 100%;
  margin-top: -90px;
  padding-top: 90px;
}
#main .collaborationSharedTemplates .sharedTemplatesHeaderContainer .searchInput {
  float: right;
}
#main .collaborationInvitations .invitationListContainer {
  height: 100%;
  padding-top: 90px;
  margin-top: -90px;
}
/* NOTIFICATION */
.notifications {
  height: 100%;
}
.notifications .notificationsList > ul > li {
  border-bottom: 1px dashed #cccccc;
  overflow: auto;
  padding: 10px 0;
}
.notifications ul > li:last-child {
  border-bottom: none;
}
/* MARKETPLACE PARTNER VIEW */
#main .marketplacePartner {
  padding: 15px 0 0 0;
}
#main .marketplacePartner .leftColumn {
  float: left;
}
#main .collaboration .rightColumn.marketplacePartner .leftColumn {
  width: 170px;
  float: left;
}
#main .collaboration .rightColumn.marketplacePartner .rightColumn {
  margin-left: 180px;
}
#main .marketplacePartner .leftColumn .userName {
  font-size: 16px;
}
#main .marketplacePartner .notifications {
  height: 100%;
  margin: 0 0 0 220px;
  width: auto;
}
#main .credentials.myClouds .genericTopRightContentActions .expandableButton {
  margin-top: 3px;
}
#main .credentials.myClouds .cloudAccountsTableWrapper {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .credentials.myClouds .cloudAccountsTableWrapper .cloudAccountsTable table tr > *:nth-child(1) {
  width: 35px;
}
#main .credentials.myClouds .cloudAccountsTableWrapper .cloudAccountsTable table tr > *:nth-child(2) {
  width: 100px;
}
#main .credentials.myClouds .cloudAccountsTableWrapper .cloudAccountsTable table tr > *:nth-child(4) {
  width: 25%;
}
#main .credentials.myClouds .cloudAccountsTableWrapper .cloudAccountsTable table tr > *:nth-child(5) {
  width: 100px;
}
#main .credentials.myClouds .cloudAccountsTableWrapper .cloudAccountsTable .formatIcon {
  height: 64px;
  width: 64px;
}
#main .credentials.myClouds .noAccountContainer .emptyMessage {
  padding: 10px;
  padding-bottom: 30px;
  text-align: center;
}
#main .credentials.myClouds .noAccountContainer .accountTypesSpinner {
  position: absolute;
  left: 100%;
  top: 0;
}
#main .credentials.editAccount .cloudAccountWidget {
  height: 100%;
}
#main .credentials.editAccount .cloudAccountWidget > .column {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .credentials.editAccount .cloudAccountWidget > .column.account {
  max-width: 250px;
  padding-right: 80px;
}
#main .credentials.editAccount .cloudAccountWidget > .column.account .logo {
  width: 100%;
}
#main .credentials.editAccount .cloudAccountWidget > .column.form {
  position: static;
}
#main .credentials.editAccount .cloudAccountWidget > .column.form .cloudAccountContentWrapper .cloudAccountContent {
  height: 100%;
  overflow: auto;
}
#main .credentials.editAccount .cloudAccountWidget > .column.form .cloudAccountContentWrapper .cloudAccountContent .formWidgetContainer .formWidget .certificateWidget .tooltip {
  float: left;
}
#main .credentials.editAccount .cloudAccountWidget > .column.form .cloudAccountContentWrapper .cloudAccountContent .formWidgetContainer .formWidget .certificateWidget .iconInfoWidget .svgImage {
  height: 22px;
  width: 22px;
  margin: 2px;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts tr > *:nth-child(1) {
  width: 35px;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts tr > *:nth-child(3) {
  width: 10%;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts tr > *:nth-child(4) {
  width: 30%;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts tr > *:nth-child(5) {
  width: 10%;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts tr > *:nth-child(6) {
  width: 70px;
}
#main .credentials.artifactAccounts .artifactAccountsTableWrapper .artifactAccounts .lockAccountIcon {
  height: 14px;
  width: 14px;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer {
  padding-right: 0;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(1) {
  width: 35px;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(3) {
  width: 40%;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(4) {
  width: 100px;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer {
  padding-right: 0;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(1) {
  width: 35px;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(3) {
  width: 40%;
}
#main .credentials.sshKeysView .credentialsContentWrapper .credentialsContentContainer .sshKeysTable tr > *:nth-child(4) {
  width: 100px;
}
/*
     * Unfortunately required to help the chart size itself correctly
     */
#main .dashboard.usage.genericContentContainer {
  padding: 0;
  overflow-x: hidden;
}
#main .dashboard.usage .title {
  padding-left: 30px;
}
#main .dashboard.usage .spinnerWidget {
  margin-top: 150px;
}
#main .dashboard.usage .quotas {
  margin: 6px 0 0 0;
  padding: 0 20px 0 30px;
  overflow: hidden;
}
#main .dashboard.usage .quotas .quotaItemContainer {
  float: left;
  width: 25%;
  height: 55px;
  border-right: 8px solid #ffffff;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart .progressContainer {
  height: 12px;
  border-radius: 6px;
  padding: 2px;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart.unlimited .progressContainer {
  border: 1px solid #c8c8c8;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart.unlimited .progressContainer .progress.ok {
  background-color: #c8c8c8;
  border: 1px solid #c8c8c8;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart:not(.unlimited) .progressContainer.ok {
  border: 1px solid #28a281;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart:not(.unlimited) .progressContainer.warning {
  border: 1px solid #ffa500;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaChart:not(.unlimited) .progressContainer.critical {
  border: 1px solid #c80000;
}
#main .dashboard.usage .quotas .quotaItemContainer .consumedLabel {
  padding-top: 2px;
  color: #646464;
}
#main .dashboard.usage .quotas .quotaItemContainer .quotaLabel {
  color: #646464;
}
#main .dashboard.usage .summary {
  margin: 20px 0 0 0;
  padding: 0 20px 0 30px;
  overflow: hidden;
}
#main .dashboard.usage .summary .summaryItem:nth-child(1) {
  background: #1e807d;
}
#main .dashboard.usage .summary .summaryItem:nth-child(2) {
  background: #239387;
}
#main .dashboard.usage .summary .summaryItem:nth-child(3) {
  background: #28a281;
}
#main .dashboard.usage .summary .summaryItem:nth-child(4) {
  background: #55b78f;
}
#main .dashboard.usage .summary .summaryItem:nth-child(5) {
  background: #7cd9aa;
}
#main .dashboard.usage .summary .summaryItem {
  float: left;
  width: 25%;
  height: 98px;
  padding: 12px 0px 0px 12px;
  border-right: 8px solid #ffffff;
  color: #ffffe1;
  cursor: pointer;
}
#main .dashboard.usage .summary .summaryItem.warning {
  background: #ffa500;
}
#main .dashboard.usage .summary .summaryItem.critical {
  background: #c80000;
}
#main .dashboard.usage .summary .summaryItem .svgImage {
  width: 32px;
  height: 32px;
}
#main .dashboard.usage .summary .summaryItem .svgImage svg path {
  stroke: #ffffe1 !important;
  fill: #ffffe1 !important;
}
#main .dashboard.usage .summary .summaryItem .svgImage svg text {
  fill: #ffffe1 !important;
}
#main .dashboard.usage .summary .summaryItem .svgImage svg circle {
  stroke: #ffffe1 !important;
  fill: #ffffe1 !important;
}
#main .dashboard.usage .summary .summaryItem .svgImage svg rect {
  stroke: #ffffe1 !important;
  fill: #ffffe1 !important;
}
#main .dashboard.usage .summary .summaryItem .svgImage svg polygon {
  stroke: #ffffe1 !important;
  fill: #ffffe1 !important;
}
#main .dashboard.usage .summary .summaryItem .total {
  padding: 0px 0px 0px 23px;
  line-height: 40px;
  font-size: 32px;
}
#main .dashboard .emptyMessage {
  padding-left: 30px;
}
#main .dashboard .applianceStats .title {
  padding: 10px 0 0 0;
  margin: 30px 30px 0 30px;
  border-top: 1px solid #c8c8c8;
}
#main .dashboard .applianceStats .applianceActivityChart {
  height: 290px;
}
#main .dashboard .scanStats .title {
  padding: 10px 0 0 0;
  margin: 30px 30px 0 30px;
  border-top: 1px solid #c8c8c8;
}
#main .dashboard .scanStats .scanActivityChart {
  height: 290px;
}
#main .dashboard .diskUsageChart {
  padding: 0 20px 0 30px;
}
#main .dashboard .drillDown {
  position: relative;
}
#main .dashboard .drillDown .pieChart {
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
#main .dashboard .drillDown .pieChartContainer {
  width: 100%;
  white-space: nowrap;
  text-align: center;
}
#main .dashboard .drillDown .pieChartContainer .pieChart {
  display: inline-block;
  width: 50%;
}
#main .dashboard.usage .usageSummary .usageSummaryItems {
  padding-top: 35px;
  margin-top: -35px;
  height: 100%;
}
#main .dashboard.usage .usageSummary .usageSummaryItems .usageSummaryItemsContent {
  width: 100%;
  overflow: hidden;
}
#main .dashboard.usage .usageSummary .usageSummaryItems .usageSummaryItemsContent .usageSummaryItemContainer {
  float: left;
  width: 50%;
  margin-bottom: 50px;
}
#main .dashboard.usage .usageSummary .usageSummaryItems .usageSummaryItemsContent .usageSummaryItemContainer .gaugeChart {
  margin: 0 auto;
}
#main .dashboard.usage .chartsContainer {
  position: relative;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer {
  position: relative;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .pieChart {
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .oneChart {
  width: 80%;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .twoCharts {
  width: 80%;
  white-space: nowrap;
  text-align: center;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .twoCharts .pieChart {
  display: inline-block;
  width: 50%;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats {
  position: absolute;
  top: 66px;
  right: 0;
  width: 20%;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row {
  position: relative;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row > div {
  background: #ffffff;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row > div:first-child {
  padding-right: 10px;
  display: inline;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 10px;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row.title > div {
  background: #ffffff;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row.title > div:first-child {
  padding-right: 10px;
  display: inline;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row.title > div:last-child {
  padding: 10px 0 10px 10px;
}
#main .dashboard.usage .chartsContainer .charts .pieChartContainer .stats .table .row.title:after {
  background: #CCC;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  z-index: -1;
}
#main .dashboard .filterContainer {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
#main .dashboard .filterContainer .searchInputWidget {
  float: right;
}
#main .migration .subTitle {
  white-space: normal;
  margin-left: 30px;
}
#main .migration.createMigration .formWidgetContainer {
  padding-top: 30px;
}
#main .migration.createMigration .formWidgetContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .migration.createMigration .formWidgetContainer .inputContainer .error {
  color: #c80000;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .textAreaWidget {
  height: auto;
  width: 40%;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .publishFormatWidgetPanel {
  width: 100%;
  margin-top: -26px;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .publishFormatWidgetPanel .publishFormatWidget {
  padding-top: 0;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .publishFormatWidgetPanel .publishFormatWidget .formWidget > li:first-child {
  margin-top: 13px;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .generationConfigWidgetPanel {
  width: 100%;
  margin-bottom: 10px;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .generationConfigWidgetPanel .formWidgetContainer {
  padding-top: 0;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .generationConfigWidgetPanel .formWidgetContainer .numericStepperContainer {
  width: 100%;
}
#main .migration.createMigration .formWidgetContainer ul.formWidget li .generationConfigWidgetPanel .formWidgetContainer .numericStepperContainer .numericStepperInput input {
  text-align: left;
}
#main .migration.migrationList {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
}
#main .migration.migrationList .migrationListHeader {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-shrink: 0;
}
#main .migration.migrationList .migrationListHeader .titleContainer {
  padding-right: 30px;
}
#main .migration.migrationList .migrationListHeader .actionsContainer {
  display: flex;
  display: -ms-flexbox;
  margin-right: 30px;
  flex-shrink: 0;
  align-self: flex-end;
}
#main .migration.migrationList .migrationListHeader .actionsContainer .expandableButton {
  margin-right: 5px;
  margin-top: 3px;
}
#main .migration.migrationList .migrationsContainer table tr th:nth-child(1),
#main .migration.migrationList .migrationsContainer table tr td:nth-child(1) {
  width: 35px;
}
#main .migration.migrationList .migrationsContainer table tr th:nth-child(3),
#main .migration.migrationList .migrationsContainer table tr td:nth-child(3) {
  width: 35%;
}
#main .migration.migrationList .migrationsContainer table tr th:nth-child(4),
#main .migration.migrationList .migrationsContainer table tr td:nth-child(4) {
  width: 15%;
}
#main .migration.migrationList .migrationsContainer table tr th:nth-child(5),
#main .migration.migrationList .migrationsContainer table tr td:nth-child(5) {
  width: 5%;
}
#main .migration.migrationList .migrationsContainer .migrationStatusWidget .progressContainer .spinnerWidget {
  float: left;
}
#main .migration.migrationList .migrationsContainer .migrationStatusWidget .progressContainer .spinnerWidget .progressSpinner {
  height: 18px;
  width: 18px;
}
#main .migration.migrationList .migrationsContainer .migrationStatusWidget .progressContainer .status {
  line-height: 18px;
  margin-left: 23px;
}
#main .migration.migrationList .migrationsContainer .migrationStatusWidget .iconInfoWidget .statusLabel {
  word-break: break-word;
}
#main .migration.migrationList .migrationsContainer .actionsWidget .spinnerWidget .progressSpinner {
  height: 18px;
  width: 18px;
}
#main .migration.migrationDetails {
  position: relative;
  padding-bottom: 30px;
  overflow: auto;
}
#main .migration.migrationDetails .contentWrapper {
  padding: 15px 30px 15px 0;
  box-sizing: border-box;
  overflow: hidden;
  display: table;
  width: 100%;
}
#main .migration.migrationDetails .contentWrapper > .container {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  min-height: 70px;
}
#main .migration.migrationDetails .contentWrapper > .container.separator {
  border-left: 1px solid #c8c8c8;
}
#main .migration.migrationDetails .contentWrapper > .container.source,
#main .migration.migrationDetails .contentWrapper > .container.destination {
  padding: 20px;
  width: 50%;
}
#main .migration.migrationDetails .contentWrapper > .container.source .svgImage,
#main .migration.migrationDetails .contentWrapper > .container.destination .svgImage {
  float: left;
  width: 16px;
  height: 16px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .subtitle,
#main .migration.migrationDetails .contentWrapper > .container.destination .subtitle {
  margin: 0 0 0 30px;
  color: #7c7c7c;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .value,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .value {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 0 0 5px 30px;
  font-size: 16px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .value.secondary,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .value.secondary {
  font-size: 13px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .format,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .format {
  height: 60px;
  width: 60px;
  float: left;
  margin: -10px 0 5px 30px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information {
  float: left;
  width: 70%;
  min-height: 60px;
  padding-left: 20px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information > *,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information > * {
  line-height: 20px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .formatInfo,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .formatInfo {
  display: block;
  overflow: hidden;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .formatInfo .fullFormatName,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .formatInfo .fullFormatName {
  float: left;
  margin-right: 10px;
  font-size: 16px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .formatInfo .infoDetails,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .formatInfo .infoDetails {
  font-style: italic;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .publishImageDetails,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .publishImageDetails {
  display: inline-block;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .publishImageDetails .location,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .publishImageDetails .location {
  float: left;
  line-height: 18px;
  margin-right: 5px;
}
#main .migration.migrationDetails .contentWrapper > .container.source .metadata .information .publishImageDetails .cloudId,
#main .migration.migrationDetails .contentWrapper > .container.destination .metadata .information .publishImageDetails .cloudId {
  float: left;
  line-height: 18px;
}
#main .migration.migrationDetails .separator {
  border-top: 1px solid #c8c8c8;
  margin-right: 30px;
  height: 80px;
}
#main .migration.migrationDetails .separator .launchDate {
  text-align: right;
  float: right;
  line-height: 22px;
  padding-top: 20px;
}
#main .migration.migrationDetails .progress {
  margin-right: 30px;
  padding-left: 20px;
}
/* SCAN */
.expandableButton.expandLeft.synchronize .expandableButtonContent .buttonIcon svg {
  padding-bottom: 2px;
  padding-right: 1px;
}
#main .scan .subTitle {
  white-space: normal;
  margin-left: 30px;
}
#main .scan .scanActionsContainer {
  position: absolute;
  right: 30px;
  top: 5px;
}
#main .scan .scanActionsContainer .expandableButton {
  float: left;
  margin-left: 5px;
}
#main .scan.scanView .summaryInformation {
  overflow: hidden;
}
#main .scan.scanView .genericItemLogo {
  padding-right: 20px;
}
#main .scan.scanView .genericItemLogo .svgImage.osIcon {
  width: 100px;
  height: 100px;
}
#main .scan.scanView .genericItemHeaderContent {
  margin-left: 0px;
  display: block;
}
#main .scan.scanView .genericItemHeaderContent .osIcon {
  height: 64px;
  width: 64px;
  float: left;
}
#main .scan.scanView .genericItemHeaderContent .title {
  padding-bottom: 10px;
}
#main .scan.scanView .genericItemHeaderContent .value {
  display: block;
  overflow: hidden;
}
#main .scan.scanView .contentContainer {
  width: 100%;
}
/* Scan Details View */
#main .scan.scanSummary {
  height: 100%;
}
#main .scan.scanSummary .summaryInformation {
  overflow: hidden;
}
#main .scan.scanSummary .summaryInformation > .genericInformationList {
  width: 50%;
  float: left;
}
#main .scan.scanSummary .scanTablesContainer {
  padding-top: 10px;
  margin-top: -10px;
  height: 100%;
}
#main .scan.scanSummary .scanTablesContainer,
#main .scan.scanSummary .scanSummaryTablesContainer {
  height: 100%;
}
#main .scan.scanSummary .scanTablesContainer .title,
#main .scan.scanSummary .scanSummaryTablesContainer .title {
  padding-top: 10px;
  padding-bottom: 0px;
  line-height: 30px;
}
#main .scan.scanSummary .scanTablesContainer .nativePackagesContainer,
#main .scan.scanSummary .scanSummaryTablesContainer .nativePackagesContainer,
#main .scan.scanSummary .scanTablesContainer .filesContainer,
#main .scan.scanSummary .scanSummaryTablesContainer .filesContainer {
  height: 50%;
}
#main .scan.scanSummary .scanTablesContainer .tableActionsContainer,
#main .scan.scanSummary .scanSummaryTablesContainer .tableActionsContainer {
  float: right;
  padding-top: 10px;
}
#main .scan.scanSummary .scanTablesContainer .tableActionsContainer .tableActions,
#main .scan.scanSummary .scanSummaryTablesContainer .tableActionsContainer .tableActions {
  float: right;
}
#main .scan.scanSummary .scanTablesContainer .tableActionsContainer .tableActions > *,
#main .scan.scanSummary .scanSummaryTablesContainer .tableActionsContainer .tableActions > * {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-left: 10px;
}
#main .scan.scanSummary .scanTablesContainer .treeWidget,
#main .scan.scanSummary .scanSummaryTablesContainer .treeWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .scan.scanSummary .scanTablesContainer .treeWidget .svgImage,
#main .scan.scanSummary .scanSummaryTablesContainer .treeWidget .svgImage {
  height: 18px;
  width: 18px;
}
#main .scan.scanSummary .scanTablesContainer.nativePackages table tr > *:nth-child(2),
#main .scan.scanSummary .scanSummaryTablesContainer.nativePackages table tr > *:nth-child(2) {
  width: 25%;
}
#main .scan.scanSummary .scanTablesContainer.nativePackages table tr > *:nth-child(3),
#main .scan.scanSummary .scanSummaryTablesContainer.nativePackages table tr > *:nth-child(3) {
  width: 25%;
}
#main .scan.scanSummary .scanTablesContainer.nativePackages table tr > *:nth-child(4),
#main .scan.scanSummary .scanSummaryTablesContainer.nativePackages table tr > *:nth-child(4) {
  width: 15%;
}
#main .scan.scanSummary .scanTablesContainer.nativePackages table tr > *:nth-child(5),
#main .scan.scanSummary .scanSummaryTablesContainer.nativePackages table tr > *:nth-child(5) {
  width: 10%;
}
#main .scan.scanSummary .scanTablesContainer.applications table tr > *:nth-child(1),
#main .scan.scanSummary .scanSummaryTablesContainer.applications table tr > *:nth-child(1) {
  width: 25%;
}
#main .scan.scanSummary .scanTablesContainer.applications table tr > *:nth-child(2),
#main .scan.scanSummary .scanSummaryTablesContainer.applications table tr > *:nth-child(2) {
  width: 10%;
}
#main .scan.scanSummary .scanTablesContainer.applications table tr > *:nth-child(3),
#main .scan.scanSummary .scanSummaryTablesContainer.applications table tr > *:nth-child(3) {
  width: 30%;
}
#main .scan.scanSummary .scanTablesContainer.applications table tr > *:nth-child(4),
#main .scan.scanSummary .scanSummaryTablesContainer.applications table tr > *:nth-child(4) {
  width: 10%;
}
#main .scan.scanSummary .scanTablesContainer.applications table tr > *:nth-child(5),
#main .scan.scanSummary .scanSummaryTablesContainer.applications table tr > *:nth-child(5) {
  width: 10%;
}
#main .scan.scanSummary .scanTablesContainer.filesFolders table tr > *:nth-child(2),
#main .scan.scanSummary .scanSummaryTablesContainer.filesFolders table tr > *:nth-child(2) {
  width: 20%;
}
#main .scan.scanSummary .scanTablesContainer.filesFolders table tr > *:nth-child(3),
#main .scan.scanSummary .scanSummaryTablesContainer.filesFolders table tr > *:nth-child(3) {
  width: 15%;
}
#main .scan.scanSummary .scanTablesContainer.filesFolders table tr > *:nth-child(4),
#main .scan.scanSummary .scanSummaryTablesContainer.filesFolders table tr > *:nth-child(4) {
  width: 15%;
}
#main .scan.scanSummary .scanTablesContainer.services table tr > *:nth-child(1),
#main .scan.scanSummary .scanSummaryTablesContainer.services table tr > *:nth-child(1) {
  width: 25%;
}
#main .scan.scanSummary .scanTablesContainer.services table tr > *:nth-child(2),
#main .scan.scanSummary .scanSummaryTablesContainer.services table tr > *:nth-child(2) {
  width: 10%;
}
#main .scan.scanSummary.scanCompare .scanSummaryTablesContainer {
  padding-top: 110px;
  margin-top: -110px;
  height: 100%;
}
/* New Scan View */
#main .scan.newScan .newScanContent {
  overflow: auto;
  padding-right: 30px;
  height: 100%;
}
#main .scan.newScan .newScanContent .formWidget .addContainer {
  margin-top: 30px;
}
#main .scan.newScan .newScanContent .formWidget .addContainer .excludeDirsContainer {
  padding-bottom: 30px;
}
#main .scan.newScan .newScanContent .formWidget .addContainer .excludeDirsContainer .addButton {
  float: left;
}
#main .scan.newScan .newScanContent .formWidget .addContainer .excludeDirsContainer .widgetList {
  padding-top: 30px;
}
#main .scan.newScan .newScanContent .formWidget .addContainer .excludeDirsContainer .widgetList .excludeDirItemWidget .directory {
  position: relative;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
}
#main .scan.newScan .newScanContent .formWidget .addContainer .excludeDirsContainer .widgetList .excludeDirItemWidget .directory .expandableButton {
  position: absolute;
  right: 0;
  top: 25%;
}
/* Scan List Instances */
#main .scanListInstances {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
}
#main .scanListInstances .listInstancesHeaderContainer {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-shrink: 0;
}
#main .scanListInstances .listInstancesHeaderContainer .titleContainer {
  padding-right: 30px;
}
#main .scanListInstances .listInstancesHeaderContainer .searchInputWidget {
  margin-right: 30px;
  flex-shrink: 0;
  align-self: flex-end;
}
#main .scanListInstances .statsContainer {
  display: none;
}
#main .scanListInstances .scansContainer table tr th:nth-child(2),
#main .scanListInstances .scansContainer table tr td:nth-child(2) {
  width: 35%;
}
#main .scanListInstances .scansContainer table tr th:nth-child(3),
#main .scanListInstances .scansContainer table tr td:nth-child(3) {
  width: 250px;
}
#main .scanListInstances .scansContainer table tr th:nth-child(4),
#main .scanListInstances .scansContainer table tr td:nth-child(4) {
  width: 120px;
}
#main .scanListInstances .scansContainer .actionsWidget {
  float: right;
}
#main .scanListInstances .scansContainer .actionsWidget img {
  margin-left: 2px;
  opacity: .7;
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#main .scanListInstances .scansContainer .actionsWidget img:hover {
  opacity: 1;
}
#main .scanListInstances .scansContainer .actionsWidget .synchronizeButton .expandableButtonContent .buttonIcon svg {
  padding-bottom: 1px;
  padding-right: 1px;
}
/* Scan View */
/* Scan welcome */
#main .scanScan .scanScanSummary {
  height: 100px;
}
#main .scanScan .scansContainer table tr > *:nth-child(1) {
  width: 300px;
}
#main .scanScan .scansContainer table tr > *:nth-child(2) {
  width: 275px;
}
#main .scanScan .scansContainer table tr > *:nth-child(3) {
  width: 175px;
}
#main .scanScan .scansContainer table tr > *:nth-child(4) {
  width: 100px;
}
#main .scanScan .scansContainer table tr > *:nth-child(5) {
  width: 75px;
}
#main .scanScan .eFilesContainer table tr > *:nth-child(1) {
  width: 400px;
}
#main .scanScan .eFilesContainer table tr > *:nth-child(2) {
  width: 200px;
}
#main .scanScan .eFilesContainer table tr > *:nth-child(3) {
  width: 175px;
}
#main .scanScan .eFilesContainer table tr > *:nth-child(4) {
  width: 150px;
}
#main .scanScan .scanScanTables {
  padding-top: 100px;
  margin-top: -100px;
  height: 100%;
}
#main .scanScan .scanScanTables > * {
  height: 50%;
}
#main .scanScan .scanScanTables .tableWidget table {
  height: 100%;
}
#main .scanScan .scannedPackages .tableWidget {
  padding-top: 90px;
  margin-top: -90px;
  height: 100%;
}
#main .scanScan .nonNativeFiles .tableWidget {
  padding-top: 62px;
  margin-top: -62px;
  height: 100%;
}
/* Scans Compare */
#main .scanCompare .note {
  margin: 0 0 10px 0;
  font-style: italic;
}
#main .scanCompare .scanCompareContentContainer {
  width: 50%;
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
  float: left;
}
#main .scanCompare .scanCompareContentContainer .scanCompareContent {
  height: 100%;
}
#main .scanCompare .scanCompareContentContainer .scanCompareContent .treeWidget {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
}
#main .scanCompare .scanCompareContentContainer:first-child {
  padding-right: 15px;
}
#main .scanCompare .scanCompareContentContainer:last-child {
  padding-left: 15px;
}
/* Imported Scans */
#main .scanImportsView .title {
  margin-top: 20px;
}
#main .scanImportsView .scanImportsContainer {
  padding-top: 75px;
  margin-top: -75px;
  height: 100%;
}
#main .scanImportsView .scanImportsContainer ul {
  height: 100%;
  overflow: auto;
}
/* Import scan */
#main .scanImportView .createForm {
  margin-top: 30px;
}
#main .scanImportView .createForm.templateWin .templateWin {
  display: block !important;
}
#main .scanImportView .createForm.templateWin .templateLin,
#main .scanImportView .createForm.templateWin .golden {
  display: none;
}
#main .scanImportView .createForm.templateLin .templateLin {
  display: block !important;
}
#main .scanImportView .createForm.templateLin .templateWin,
#main .scanImportView .createForm.templateLin .golden {
  display: none;
}
#main .scanImportView .createForm.golden .golden {
  display: block !important;
}
#main .scanImportView .createForm.golden .templateWin,
#main .scanImportView .createForm.golden .templateLin {
  display: none;
}
#main .scanImportView .createForm li .inputContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .vmbuilder .updateNumber {
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  font-size: 16px;
  color: #ffffff;
  background: #9c1015;
  border-radius: 15px;
  float: left;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(3) {
  width: 60px;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(5) {
  width: 10%;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(6) {
  width: 15%;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(7) {
  width: 15%;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(8) {
  width: 10%;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:nth-child(9) {
  width: 100px;
}
#main .vmbuilder.applianceLibrary .libraryTable tr > *:empty {
  width: 0;
  padding: 0;
}
#main .vmbuilder.softwareLibrary {
  padding-bottom: 0;
}
#main .vmbuilder.softwareLibrary .tableActionsContainer .searchInputWidget .searchInputContent {
  margin-left: 0;
}
#main .vmbuilder.softwareLibrary .tableActionsContainer .expandableButton {
  margin-right: 5px;
  margin-top: 3px;
}
#main .vmbuilder.softwareLibrary .tableContainer {
  padding-top: 122px;
  margin-top: -122px;
  height: 100%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(1) {
  width: 30px;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(3) {
  width: 15%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(5) {
  width: 5%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(6) {
  width: 10%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(7) {
  width: 10%;
}
#main .vmbuilder.softwareLibrary .tableContainer tr > *:nth-child(8) {
  width: 80px;
}
#main .vmbuilder.createAppliance .formWidgetContainer {
  padding-top: 30px;
}
#main .vmbuilder.createAppliance .formWidgetContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .vmbuilder.createAppliance .formWidgetContainer .inputContainer .error {
  color: #c80000;
}
#main .vmbuilder.createAppliance .formWidgetContainer:not(:first-child) {
  padding-top: 10px;
}
#main .vmbuilder.applianceView .genericItemHeader .genericItemLogo {
  padding-right: 20px;
}
#main .vmbuilder.applianceView .genericItemHeader .genericItemHeaderContent {
  margin-left: 0px;
  display: block;
}
#main .vmbuilder.applianceView .genericItemHeader .genericItemMenu {
  overflow: visible;
}
#main .vmbuilder.applianceView .genericItemHeader .genericItemMenu .updateNumber {
  position: absolute;
  top: -7px;
  right: -10px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 0;
  padding-left: 4px;
  font-size: 11px;
}
#main .vmbuilder.applianceView .column.stackContainer {
  width: 230px;
  padding-top: 40px;
  z-index: 2;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row {
  margin-bottom: 3px;
  overflow: hidden;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row > * {
  background: rgba(156, 16, 21, 0);
  border: 1px solid #57090c;
  border-radius: 2px;
  text-align: center;
  color: #57090c;
  font-size: 12px;
  padding: 4px;
  cursor: pointer;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row > *:hover,
#main .vmbuilder.applianceView .column.stackContainer .stack .row > *.selected {
  background: #9c1015;
  color: rgba(255, 255, 255, 0.9);
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row > *:hover {
  border-color: #57090c;
  color: #ffffff;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row.twoCells > * {
  float: left;
  width: 49%;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row.twoCells > *:first-child {
  margin-right: 1%;
}
#main .vmbuilder.applianceView .column.stackContainer .stack .row.twoCells > *:last-child {
  margin-left: 1%;
}
#main .vmbuilder.applianceView .column.contentContainer {
  width: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer > * {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceOverview {
  padding-right: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration {
  padding-bottom: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer {
  padding-top: 30px;
  margin-top: -30px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable .bootType {
  width: 20px;
  height: 20px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(3) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(4) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(5) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(6) {
  width: 25%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.bootScriptsTable .tableContainer .bootScriptsTable tr > *:nth-child(7) {
  width: 70px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .bootScripts.uploadBootScript .scriptInfoContainer .uploadContainer .expandableButton {
  float: right;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceBootScripts {
  padding-top: 10px;
  position: static;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceBootScripts .tableContainer {
  padding-top: 22px;
  margin-top: -22px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio {
  height: 100%;
  padding-right: 30px;
  padding-bottom: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .emptyMessage {
  text-align: center;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .noLicenseContainer .emptyMessageContainer {
  text-align: center;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .noLicenseContainer .emptyMessageContainer .expandableButton {
  display: inline-block;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .licenseContainer {
  padding-top: 106px;
  margin-top: -106px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .licenseContainer .licenseHeader .licenseActions {
  float: right;
  margin-top: 8px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .licenseContainer .licenseHeader .licenseActions > .expandableButton {
  float: left;
  margin-left: 5px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.configuration .configurationContentContainer .applianceStudio .licenseContainer .licenseWidgetWrapper {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(1) {
  width: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(3) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(5) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(6) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(7) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.projects table tr > *:nth-child(8) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .columnNav,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .columnContent {
  height: 100%;
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .columnNav {
  border-right: 1px solid #716e6e;
  width: 175px;
  padding-top: 40px;
  z-index: 2;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .columnContent {
  width: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .metadatas li {
  margin: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile .metadatas li .inputContainer {
  min-height: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages {
  padding-bottom: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .formWidgetContainer.generalInformation .formWidget li .label,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .formWidgetContainer.generalInformation .formWidget li .value {
  vertical-align: top;
  line-height: 1.25em;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .listcontainer.applications table tr > *:nth-child(1) {
  width: 25%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .listcontainer.applications table tr > *:nth-child(2) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .listcontainer.applications table tr > *:nth-child(3) {
  width: 30%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .listcontainer.applications table tr > *:nth-child(4) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .listcontainer.applications table tr > *:nth-child(5) {
  width: 10%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .listcontainer {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .genericItemMenu {
  height: 35px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .listcontainer {
  height: calc(100% - 35px - 40px);
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .listcontainer .tableWidget {
  height: calc(100% - 30px);
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .svgImage {
  width: 18px;
  height: 18px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .searchContainer,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .searchContainer {
  padding-right: 30px;
  margin-bottom: 20px;
  width: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .searchContainer .searchInputWidget,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .searchContainer .searchInputWidget {
  width: 100%;
  margin-left: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer {
  height: 100%;
  padding-top: 120px;
  margin-top: -120px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer .osProfileTable tr > * .expandableButton.pinButton,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer .osProfileTable tr > * .expandableButton.pinButton {
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer .osProfileTable tr > *:nth-child(1),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer .osProfileTable tr > *:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer .osProfileTable tr > *:nth-child(3),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer .osProfileTable tr > *:nth-child(3) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer .osProfileTable tr > *:nth-child(4),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer .osProfileTable tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .noWindowsOS .tableContainer .osProfileTable tr > *:nth-child(5),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfilePackages .windowsOS .tableContainer .osProfileTable tr > *:nth-child(5) {
  width: 110px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages {
  padding-bottom: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchContainer .searchInputWidget {
  width: 60%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchContainer .searchOptions {
  margin-top: 1em;
  width: 60%;
  height: 20px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchContainer .searchOptions > * {
  padding-right: 10px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchResults {
  padding-top: 90px;
  margin-top: -90px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchResults .tableContainer {
  padding-top: 30px;
  margin-top: -30px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchResults .tableContainer table tr > *:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchResults .tableContainer table tr > *:nth-child(3) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfile.osProfileSearchPackages .searchResults .tableContainer table tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfileCreate .warningLabel {
  white-space: pre-line;
  margin-left: -30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.osProfileCreate .warningLabel .statusLabel {
  margin-left: 30px;
  line-height: 25px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile {
  padding-bottom: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileLeftColumn {
  border-right: 1px solid #716e6e;
  width: 175px;
  padding-top: 40px;
  float: left;
  height: 100%;
  z-index: 2;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn {
  height: 100%;
  width: 100%;
  float: left;
  margin-left: -175px;
  padding-left: 175px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer {
  height: 100%;
  overflow: auto;
  padding-left: 15px;
  padding-top: 40px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer > .title {
  display: none;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .actions {
  position: absolute;
  right: 30px;
  top: 40px;
  z-index: 2;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .actions > .expandableButton {
  float: left;
  margin-left: 5px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent > * {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .rootUser .rootPasswordContainer .rootLoginAdminPasswordForm {
  margin-top: 10px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .rootUser .rootUserSSHKeysContainer {
  margin-top: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .rootUser .rootUserSSHKeysContainer .expandableRow .label {
  vertical-align: top;
  padding-top: 15px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget > * {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsCreateUser > .formWidgetContainer,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsCreateGroup > .formWidgetContainer {
  padding-bottom: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .usersGroupsListsTitle {
  padding-right: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .usersGroupsListsTitle > .expandableButton {
  float: right;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
  height: 50%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget.OSUsersTable table tr > *:nth-child(3) {
  width: 20%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget.OSUsersTable table tr > *:nth-child(4) {
  width: 20%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget.OSUsersTable table tr > *:nth-child(5) {
  width: 100px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget.OSGroupsTable table tr > *:nth-child(2) {
  width: 40%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .usersGroups .OSUsersGroupsWidget .usersGroupsLists .tableWidget.OSGroupsTable table tr > *:nth-child(3) {
  width: 100px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .fixedWrapper {
  position: fixed;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .absWrapper {
  position: absolute;
  z-index: 3;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .expandableButton.up {
  border-radius: 12px 0 0 12px;
  border-right: 0;
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .expandableButton.down {
  border-radius: 0 12px 12px 0;
  border-left: 0;
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget {
  height: 100%;
  margin-top: -64px;
  padding-top: 40px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .multiNicListsTitle {
  position: relative;
  padding-right: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .multiNicListsTitle > .expandableButton {
  float: right;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(1),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(2),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(2) {
  width: 100px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(3),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(3) {
  width: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(4),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(4) {
  width: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(5),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(5) {
  width: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(6),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(6) {
  width: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > th:nth-child(7),
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .multiNicListContainer .nicTable tr > td:nth-child(7) {
  width: 150px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod > span,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod div {
  width: auto;
  display: block;
  float: left;
  clear: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod > span.dhcpChoice,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod div.dhcpChoice {
  clear: none;
  padding: 0 .5em;
  margin-left: .75em;
  border-radius: 4px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod > span.dhcpChoice.validationError,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicFormContainer .nicIPMethod div.dhcpChoice.validationError {
  border: #c80000 1px solid;
  background: rgba(200, 0, 0, 0.15) !important;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer {
  margin-top: 38px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle {
  overflow: hidden;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle .subTitle,
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle .nicOrderButtonsContainer {
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle .nicOrderButtonsContainer {
  margin-left: 1.25em;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle .nicOrderButtonsContainer.up {
  border-radius: 12px 0 0 12px;
  border-right: 0;
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderSubtitle .nicOrderButtonsContainer.down {
  border-radius: 0 12px 12px 0;
  border-left: 0;
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderTable .highlighted {
  background: rgba(156, 16, 21, 0.1);
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .multiNics .multiNicsTableWidget .nicOrderFormContainer .nicOrderLabel {
  float: left;
  font-size: 13px;
  line-height: 22px;
  border-top: 1px solid #716e6e;
  border-bottom: 1px solid #716e6e;
  background: #ffffff;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .partitioning .advanced {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .partitioning .advanced .tableWidget {
  min-height: auto;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .partitioning .advanced .partitionTableWidgetContainer {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .partitioning .advanced .partitionTableWidgetContainer .partitionTableWidget .actions {
  top: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .kernel .kernelParameters {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .kernel .kernelParameters .kernelParameterItem {
  width: 50%;
  margin-bottom: 10px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .kernel .kernelParameters .kernelParameterItem .genericInput {
  width: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .kernel .kernelParameters .kernelParameterItem .deleteButton {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 5px;
  margin-top: 3px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .welcome {
  padding-right: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceStack.installProfile .installProfileRightColumn .installProfileRightColumnContentContainer .installProfileRightColumnContent .welcome .messageInputContainer {
  padding-top: 26px;
  margin-top: -26px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent {
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .updatesGraphContainer {
  height: 50%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .updatesGraphContainer .graphBody {
  margin: 0 auto;
  width: 80%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer {
  height: 50%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .graphFooter {
  height: 30px;
  padding-top: 6px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .graphFooter .selectedDate {
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .graphFooter .simulateCheckbox {
  float: right;
  margin-right: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader {
  display: flex;
  display: -ms-flexbox;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .iconInfoWidget {
  line-height: 30px;
  width: 0;
  flex-grow: 1;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .iconInfoWidget .statusLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .tableActionsContainer {
  overflow: visible;
  padding-right: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .tableActionsContainer .simulationDateContainer {
  line-height: 30px;
  padding-right: 20px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .tableActionsContainer .simulationDateContainer > * {
  float: left;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableHeader .tableActionsContainer .simulationDateContainer .simulationInfo {
  margin-left: 5px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceUpdate .standardUpdate .standardUpdateContent .packageUpdatesContainer .tableContainer {
  padding-top: 30px;
  margin-top: -30px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceMachineImagesView {
  padding-bottom: 0;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceMachineImagesView .libraryContainer {
  padding-top: 0;
  margin-top: -0;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceMachineImagesView .libraryContainer .libraryContainerHeader {
  height: 35px;
  overflow: visible;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceMachineImagesView .libraryContainer .libraryContainerWrapper {
  padding-top: 35px;
  margin-top: -35px;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceMachineImagesView .libraryContainer .libraryContainerWrapper .twoColumnsList {
  overflow: auto;
  height: 100%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceSummary .column {
  width: 67%;
  float: left;
  padding-bottom: 30px;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceSummary .column .genericInformationList .passwordField {
  width: 80%;
  -ms-word-wrap: break-word;/* IE8 */
  word-wrap: break-word;
  white-space: normal;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceSummary .column:last-child {
  width: 33%;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceSummary .osSettings {
  position: relative;
}
#main .vmbuilder.applianceView .column.contentContainer .applianceSummary .osSettings .osIcon {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100px;
  opacity: 0.15;
  z-index: -1;
}
#main .vmbuilder.applianceView .column.contentContainer:not(.full) {
  margin-left: -230px;
  padding-left: 230px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper {
  padding-top: 150px;
  margin-top: -150px;
  height: 100%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer {
  float: right;
  margin-right: 30px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer > * {
  float: left;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .expandableButton {
  margin-right: 5px;
  margin-top: 8px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .sortInput,
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .searchInputWidget {
  margin-top: 5px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .sortInput {
  margin-left: 25px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .sortInput > * {
  float: left;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer .mySoftwareActionsContainer .sortInput > .expandableButton {
  margin-top: 3px;
  margin-left: 5px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditRestrictionsView .instructionContainer ul {
  list-style-type: circle;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditRestrictionsView .instructionContainer .instructionGroup {
  margin-left: 20px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView {
  padding-right: 0;
  height: 100%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .defaultPathContainer {
  padding-bottom: 30px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles {
  padding-top: 60px;
  margin-top: -60px;
  height: 100%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .mySoftwareFileSpinner {
  float: right;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(2) {
  width: 10%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(3) {
  width: 80px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(4) {
  width: 20%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(5) {
  width: 70px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditFilesView .contentContainer .uploadedFiles .tableWidget tr > *:nth-child(6) {
  width: 100px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView {
  padding-right: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget .bootType {
  width: 20px;
  height: 20px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(1) {
  width: 35px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(3) {
  width: 10%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(4) {
  width: 10%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(5) {
  width: 10%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(6) {
  width: 25%;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditBootScriptsView .contentContainer .bootScripts .tableWidget tr > *:nth-child(7) {
  width: 70px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditOsPackagesView {
  padding-right: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditOsPackagesView .contentContainer {
  height: 100%;
  padding-bottom: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license {
  padding-top: 30px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .formWidget > li > .inputContainer {
  line-height: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .formWidget > li .licenseWidget {
  line-height: 18px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditLicenseView .license .licenseActionsContainer .delete {
  float: left;
  margin-right: 5px;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditUsageView {
  padding-right: 0;
}
#main .vmbuilder.softwareView .genericItemContentWrapper .genericContentContainer.mySoftwareEditUsageView .libraryContainer {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -0;
  height: 100%;
}
#main .vmbuilder .applianceMySoftwareView {
  padding-top: 30px;
}
#main .vmbuilder .applianceMySoftwareView table tr > *:nth-child(3) {
  width: 15%;
}
#main .vmbuilder .applianceMySoftwareView table tr > *:nth-child(4) {
  width: 15%;
}
#main .vmbuilder .applianceMySoftwareView table tr > *:nth-child(5) {
  width: 15%;
}
#main .vmbuilder .applianceMySoftwareView table tr > *:nth-child(6) {
  width: 15%;
}
#main .vmbuilder .applianceMySoftwareView table tr > *:nth-child(7) {
  width: 5%;
}
/*
Appliance Summary
used in VMBuilder and Collaboration
*/
.collaboration.sharedTemplate .applianceSummary .column,
.vmbuilder.applianceView .applianceSummary .column {
  width: 67%;
  float: left;
  padding-bottom: 30px;
}
.collaboration.sharedTemplate .applianceSummary .column:last-child,
.vmbuilder.applianceView .applianceSummary .column:last-child {
  width: 33%;
}
.collaboration.sharedTemplate .applianceSummary .osSettings,
.vmbuilder.applianceView .applianceSummary .osSettings {
  position: relative;
}
.collaboration.sharedTemplate .applianceSummary .osSettings .osIcon,
.vmbuilder.applianceView .applianceSummary .osSettings .osIcon {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100px;
  opacity: 0.15;
}
/*
StackedTables
*/
.tablesContainer.stackedTables {
  padding-top: 70px;
  margin-top: -70px;
  height: 100%;
}
.tablesContainer.stackedTables .tableWidget:first-child {
  padding-bottom: 12px;
  margin-bottom: -12px;
  height: 100%;
  height: 50%;
}
.tablesContainer.stackedTables .tableWidget:last-child {
  padding-top: 12px;
  margin-top: -12px;
  height: 100%;
  height: 50%;
}
.tablesContainer.stackedTables .stackedTablesActions {
  width: 66px;
  margin: 0 auto;
  overflow: hidden;
}
.tablesContainer.stackedTables .stackedTablesActions .down {
  float: left;
}
.tablesContainer.stackedTables .stackedTablesActions .up {
  float: right;
}
/*Share*/
#main .applianceView .applianceShareView .warningContainer > *,
#main .applianceView .applianceShareView .comment > * {
  display: inline-block;
  vertical-align: middle;
}
/* Appliance Clone */
#main .applianceView .applianceCloneView .cloneForm {
  margin: 30px 0 0 0;
}
#main .applianceView .applianceCloneView .cloneForm .formWidget li > label {
  width: 20%;
}
/*OS Profile*/
#main .applianceView .osProfileView .noWindowsOS,
#main .applianceView .osProfileView .windowsOS {
  height: 100%;
}
/* Appliance Generation Pages */
#main .generateView .subNavTop ul li a {
  text-transform: capitalize;
}
#main .generateView .generateContent {
  padding-top: 35px;
  margin-top: -35px;
  height: 100%;
  padding-bottom: 0px;
}
#main .generateView .generateContent .generateListContainer {
  height: 100%;
  overflow: auto;
}
#main .generateView .generateContent .generateListContainer .generateList ul {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  align-content: flex-start;
}
#main .generateView .generateContent .generateListContainer .generateList ul li {
  flex-shrink: 0;
  padding-left: 30px;
  padding-right: 30px;
}
#main .generateView .generateContent .generateListContainer .generateList ul li .targetWidget {
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  border: 1px solid rgba(113, 110, 110, 0);
  border-radius: 3px;
}
#main .generateView .generateContent .generateListContainer .generateList ul li .targetWidget:hover {
  border-color: #716e6e;
}
/* Appliance import Window */
.applianceImportWindowLoadingMsg {
  display: flex;
  align-items: center;
}
.applianceImportWindowLoadingMsg .spinnerWidget {
  margin: auto 10px auto auto;
}
.applianceImportWindowLoadingMsg .applianceImportWindowLoadingMsgLabel {
  margin: auto auto auto 10px;
}
/* MySoftware Library */
#main .mySoftwareLibrary .mySoftwareLibraryContainer {
  height: 100%;
  margin: -80px 0 0 0;
  padding: 80px 0 0 0;
}
#main .mySoftwareLibrary .mySoftwareLibraryHeader > * {
  float: right;
  margin-left: 10px;
}
#main .mySoftwareLibrary .mySoftwareLibraryHeader > .searchInput {
  margin-top: 9px;
}
#main .mySoftwareLibrary .mySoftwareLibraryHeader > .sortInput {
  margin-top: 5px;
}
#main .mySoftwareLibrary .mySoftwareLibraryHeader > .title {
  float: none;
  margin: 0;
}
/*Add new software*/
#main .addNewSoftware {
  position: relative;
}
/* Generation view */
#main .generationView {
  padding-bottom: 0;
}
#main .generationView .generationPageWidgetContainer {
  height: 100%;
  position: relative;
}
/* BLUEPRINTS */
#main .blueprints .layerContainerHeaderInputs {
  float: right;
  margin-top: 5px;
}
#main .blueprints .layerContainerHeaderInputs .searchInput,
#main .blueprints .layerContainerHeaderInputs .sortInput {
  display: inline-block;
  vertical-align: middle;
}
#main .blueprints .contentContainer {
  padding-top: 150px;
  margin-top: -150px;
  height: 100%;
}
#main .blueprints .blueprintLibraryContainer {
  height: 100%;
}
#main .blueprints .blueprintLibraryContainer .layerContainerHeader {
  padding-right: 30px;
}
#main .blueprints .blueprintLibraryContainer .tileListWidget {
  padding-top: 40px;
  margin-top: -40px;
  height: 100%;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer {
  height: 100%;
  padding-top: 20px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer {
  border: none;
  border-radius: 0;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider {
  border-left-width: 0;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer {
  margin-bottom: 5px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle {
  background: rgba(156, 16, 21, 0.2);
  padding: 5px;
  min-height: 20px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .editButton,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .deleteButton,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .spinnerWidget {
  float: right;
  margin-left: 5px;
  line-height: 20px;
  cursor: pointer;
  opacity: .7;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .editButton:hover,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .deleteButton:hover,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .spinnerWidget:hover {
  opacity: 1;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerTitle .spinnerWidget {
  margin-top: -3px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent {
  padding: 5px;
  position: relative;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .instances,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .bootOrder {
  font-size: 20px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .instances {
  margin-right: 50px;
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .instances,
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications {
  display: inline-block;
  vertical-align: middle;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .bootOrder {
  float: right;
  line-height: 74px;
  position: absolute;
  right: 5px;
  bottom: 0;
  top: 0;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications .hardware {
  width: 100px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications .hardware > div {
  position: relative;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications .hardware > div > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding-left: 25px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications .hardware > div > img {
  position: absolute;
  left: 0;
  top: 0;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications .hardware .cpu {
  margin-bottom: 10px;
}
#main .blueprints .blueprintEditLayers .blueprintLayersContainer .dataContainer .dataProvider .layerContainer .layerContent .specifications > * {
  display: inline-block;
  vertical-align: middle;
}
#main .blueprints.blueprintEditLayers {
  padding-bottom: 20px;
}
#main .deployments .deploymentsTable tr > *:nth-child(1) {
  width: 75px;
}
#main .deployments .deploymentsTable tr > *:nth-child(2) {
  width: 40%;
}
#main .deployments .deploymentsTable tr > *:nth-child(3) {
  width: 23%;
}
#main .deployments .deploymentsTable tr > *:nth-child(4) {
  width: 10%;
}
#main .deployments .deploymentsTable tr > *:nth-child(5) {
  width: 23%;
}
#main .deployments .deploymentsTable tr > *:nth-child(6) {
  width: 200px;
}
#main .deployments .deploymentsTable tr > *:nth-child(7) {
  width: 150px;
}
#main .deployments .deploymentsTable tr > *:nth-child(8) {
  width: 35px;
}
#main .deployments .formatIcon {
  height: 40px;
  width: 40px;
}
#main .deployments .region {
  display: inline-block;
  line-height: 18px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#main .deployment.deploymentView .genericItemHeader .stateWidget {
  color: #3c3c3c;
}
#main .deployment.deploymentView .deploymentInstances {
  height: 100%;
}
#main .deployment.deploymentView .deploymentInstances .instancesHeader {
  height: 50px;
}
#main .deployment.deploymentView .deploymentInstances .instancesHeader .title {
  float: left;
}
#main .deployment.deploymentView .deploymentInstances .instancesHeader .locations {
  padding-top: 10px;
  padding-left: 14px;
  line-height: 20px;
}
#main .deployment.deploymentView .deploymentInstances .instancesHeader .locations ul {
  display: inline-block;
  vertical-align: middle;
}
#main .deployment.deploymentView .deploymentInstances .instancesHeader .locations ul li .location {
  background-color: #0088cc;
  padding: 0px 8px;
  color: #ffffff;
  border-radius: 10px;
  margin-left: 10px;
}
#main .deployment.deploymentView .deploymentInstances .libraryContainerHeader {
  height: 50px;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(1) {
  width: 75px;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(2) {
  width: 40%;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(3) {
  width: 23%;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(4) {
  width: 23%;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(5) {
  width: 23%;
}
#main .deployment.deploymentView .deploymentInstances .instancesTable tr > *:nth-child(6) {
  width: 150px;
}
#main .deployment.deploymentView .deploymentInstances .formatIcon {
  height: 40px;
  width: 40px;
}
#main .deployment.deploymentView .deploymentInstances .region {
  display: inline-block;
  line-height: 18px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#main .blueprint.blueprintView .genericItemHeaderTitle {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
}
#main .blueprint.blueprintView .genericItemHeaderTitle .title,
#main .blueprint.blueprintView .genericItemHeaderTitle .subTitle {
  overflow: visible;
}
#main .blueprint.blueprintView .genericItemContentWrapper {
  padding-top: 60px;
  margin-top: -60px;
  height: 100%;
}
#main .blueprint .column.contentContainer {
  width: 100%;
  height: 100%;
}
#main .blueprint.blueprintLibrary .blueprintsTable tr > *:nth-child(1) {
  width: 41%;
}
#main .blueprint.blueprintLibrary .blueprintsTable tr > *:nth-child(2) {
  width: 25%;
}
#main .blueprint.blueprintLibrary .blueprintsTable tr > *:nth-child(3) {
  width: 12%;
}
#main .blueprint.blueprintLibrary .blueprintsTable tr > *:nth-child(4) {
  width: 12%;
}
#main .blueprint.blueprintLibrary .blueprintsTable tr > *:nth-child(5) {
  width: 10%;
}
#main .blueprint.createBlueprint .formWidgetContainer {
  padding-top: 30px;
}
#main .blueprint.createBlueprint .formWidgetContainer .expandableButton {
  float: right;
  margin-left: 5px;
}
#main .blueprint.createBlueprint .formWidgetContainer .inputContainer .error {
  color: #c80000;
}
#main .blueprint .blueprintServicesView {
  padding-bottom: 0 !important;
  height: 100%;
  width: 100%;
}
#main .blueprint .blueprintServicesView .servicesListColumn {
  height: 100%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  border-left: 1px solid #716e6e;
  width: 50%;
}
#main .blueprint .blueprintServicesView .servicesListColumn .highlighted {
  background: rgba(156, 16, 21, 0.1);
}
#main .blueprint .blueprintServicesView .serviceEditorColumn {
  height: 100%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  border-left: 1px solid #716e6e;
  width: 35%;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .emptyMessage {
  text-align: center;
  margin: 40px 20px;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .extraConfigurationContainer {
  padding: 0 20px;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .extraConfigurationContainer .help {
  display: none;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .extraConfigurationContainer .help-open {
  margin-bottom: 20px;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .formWidgetContainer {
  padding: 0px 20px 20px 20px;
  display: block;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .formWidgetContainer .label {
  width: 25%;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .formWidgetContainer.noLabel .label {
  display: none;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .formWidgetContainer.noLabel .legend {
  text-align: center;
  width: 100%;
}
#main .blueprint .blueprintServicesView .serviceEditorColumn .formWidgetContainer.noLabel .aceEditorWidget {
  width: 100%;
}
#main .blueprint .blueprintServicesView .appliancesColumn {
  overflow: hidden;
  height: 100%;
  float: left;
  width: 15%;
  min-width: 100px;
  padding: 0 0 0 0;
  position: relative;
}
#main .blueprint .blueprintServicesView .appliancesColumn .searchFieldContainer {
  background: #fff;
  position: absolute;
  z-index: 0;
  height: 50px;
  padding: 15px 30px 15px 0;
  width: 100%;
}
#main .blueprint .blueprintServicesView .appliancesColumn .searchFieldContainer .searchInputWidget {
  display: inline-block;
  width: 100%;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget {
  margin-top: 65px;
  padding-right: 30px;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 50px - 30px/2 );
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget * {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget * .spinnerWidget {
  margin-left: -30px;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget * .spinnerWidget .progressSpinner {
  width: 60px;
  height: 60px;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget .dataItem {
  border: 1px solid #716e6e;
  padding: 7px;
  width: 100% !important;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget .dataItem .logo {
  width: 32px;
  height: 32px;
  margin: 0 1em 0px 0;
}
#main .blueprint .blueprintServicesView .appliancesColumn .tileListWidget .dataItem + .dataItem {
  margin: 10px 0 0 0;
}
#main .blueprintServices {
  height: 100%;
  margin-left: 2%;
  overflow: hidden;
}
#main .blueprintServices tr > *:nth-child(1) {
  width: 30%;
}
#main .blueprintServices tr > *:nth-child(3) {
  width: 12%;
}
#main .blueprintServices tr > *:nth-child(4) {
  width: 12%;
}
#main .blueprintServices tr > *:nth-child(5) {
  width: 12%;
}
#main .blueprintServices tr > *:nth-child(6) {
  width: 50px;
}
#main .blueprintServices td {
  cursor: pointer;
}
#main .blueprintServices .blueprintServicesTable {
  height: 95%;
}
#main .blueprint .genericItemHeader {
  height: 60px;
}
#main .blueprint .genericItemHeader .genericItemHeaderContent {
  padding-right: 0;
  margin-left: 0;
}
#main .blueprint .genericItemHeader .genericItemHeaderContent .title,
#main .blueprint .genericItemHeader .genericItemHeaderContent .subTitle {
  overflow: visible;
}
#main .blueprint .genericItemHeader .genericItemHeaderContent .title {
  max-width: 80%;
}
#main .blueprint .genericItemHeader .genericItemHeaderContent .subTitle {
  max-width: 20%;
  margin-left: 0.25em;
}
.deployBlueprint .deployBlueprintTitle {
  margin-bottom: 30px;
}
.deployBlueprint .deployBlueprintTitle .title {
  margin-bottom: 15px;
}