@charset "utf-8";
/*$header-height: rs(90) !default;
$header-actions-max-width: rs(480) !default;
$locale-controls-width: rs(150) !default;
$user-info-container-max-width: rs(310) !default;
$user-info-font-size: 10 !default;

$content-width-numeric: 1200 !default;
$content-width: rs($content-width-numeric) !default;
$footer-height: rs(40) !default;*/
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Light'),  local('OpenSans-Light'),  url("/javax.faces.resource/css/fonts/OpenSans-Light.ttf.faces") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Regular'),  local('OpenSans-Regular'),  url("/javax.faces.resource/css/fonts/OpenSans-Regular.ttf.faces") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Semibold'),  local('OpenSans-Semibold'),  url("/javax.faces.resource/css/fonts/OpenSans-Semibold.ttf.faces") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Bold'),  local('OpenSans-Bold'),  url("/javax.faces.resource/css/fonts/OpenSans-Bold.ttf.faces") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Extrabold'),  local('OpenSans-Extrabold'),  url("/javax.faces.resource/css/fonts/OpenSans-Extrabold.ttf.faces") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Light Italic'),  local('OpenSans-LightItalic'),  url("/javax.faces.resource/css/fonts/OpenSans-LightItalic.ttf.faces") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Italic'),  local('OpenSans-Italic'),  url("/javax.faces.resource/css/fonts/OpenSans-Italic.ttf.faces") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Semibold Italic'),  local('OpenSans-SemiboldItalic'),  url("/javax.faces.resource/css/fonts/OpenSans-SemiboldItalic.ttf.faces") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Bold Italic'),  local('OpenSans-BoldItalic'),  url("/javax.faces.resource/css/fonts/OpenSans-BoldItalic.ttf.faces") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src:  local('Open Sans Extrabold Italic'),  local('OpenSans-ExtraboldItalic'),  url("/javax.faces.resource/css/fonts/OpenSans-ExtraboldItalic.ttf.faces") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "fontello";
  src: url("/javax.faces.resource/css/fonts/fontello/fontello.eot.faces") format("embedded-opentype"),  url("/javax.faces.resource/css/fonts/fontello/fontello.woff.faces") format("woff"),  url("/javax.faces.resource/css/fonts/fontello/fontello.ttf.faces") format("truetype"),  url("/javax.faces.resource/css/fonts/fontello/fontello.svg.faces") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
============ default styles ====================================================
*/
html, body {
  margin: 0;
  padding: 0;
  border: none;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #999999;
  background-color: #FFFFFF;
}

body {
  margin: 0 auto;
}

input[type="checkbox"] {
  vertical-align: middle;
}

.fullWindowWidth {
  position: relative;
}

#contentContainer > .sticky-wrapper.is-sticky h1 {
  height: 36px;
  line-height: 36px;
  width: 1180px;
}

#contentContainer > .sticky-wrapper.is-sticky h1.integrated {
  background: none;
}

.timeZoneContainer {
  text-align: center;
}

h1 {
  height: 65px;
  margin: 0 0 40px;
  padding: 0 10px;
  line-height: 65px;
  text-align: right;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  /**/color: #858585;/**/
  /**/background-color: #ECEDED;/**/
  border-bottom: 1px dotted #999999;
}

h1:after {
  content: " ";
  color: transparent;
  display: block;
  width: 100%;
  height: 16px;
  background: transparent url("/javax.faces.resource/css/images/bg_section_shadow.png.faces") no-repeat top center;
}

h2 {
  height: 40px;
  margin: 25px 0 35px 0;
  line-height: 40px;
  font-size: 24px;
  font-weight: normal;
  /**/color: #BAA266;/**/
  text-transform: uppercase;
}

h2.compact {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: none;
}

h2.compact.results {
  position: relative;
}

h2.compact.results > span:first-child {
  margin-right: 10px;
}

h3 {
  /**/color: #BAA266;/**/
}

a {
  color: #617481;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

span.outputId {
  font-style: italic;
}

.concealed,
.undefined {
  font-style: italic;
}

.hidden {
  display: none;
}

.laligned {
  float: left;
}

.raligned {
  float: right;
}

.negativeValue {
  color: #EB3D26;
}

.valueAmount {
  word-break: keep-all;
  white-space: nowrap;
}

.introContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px 0 20px 0;
  width: 50%;
  float: left;
}

.introContainer.alfa {
  margin-top: 0;
  padding-left: 10px;
}

.introContainer.left {
  padding-left: 10px;
}

.introContainer.right {
  padding-right: 10px;
}

.introContainer .introSection {
  margin-bottom: 20px;
  width: 480px;
}

.iText:after {
  content: " ";
}

.introMessage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px 0 20px 0;
  padding: 0 10px;
}

.abuseResultContainer {
  margin: 0 10px;
}

.inputText,
.inputSelect,
body .actionsMenu,
body .rf-is {
  height: 22px;
  border: 1px solid #B0B9C0;
  padding: 1px 5px;
}

.viewAction .actionsMenu {
  float: right;
  margin: 10px 0 2px;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  text-transform: none;
  display: inline-block;
}

h3 .viewAction .actionsMenu {
  margin: 0 0 0 10px;
}

.markInfo.even,
tr.even,
tr.even .expandable {
  background: #F2F2F2;
}

tr.odd .expandable {
  background: #FFFFFF;
}

tr.odd + tr.odd,
tr.even + tr.even {
  border-top: 1px dotted #E6E6E6;
}

tr.odd + tr.odd,
tr.even + tr.even {
  border-top: 1px dotted #e6e6e6;
}

.expand ~ .expander {
  padding: 0;
  margin: 0;
  display: none;
}

.expand:hover {
  position: absolute;
  display: block;
}

.expand:hover ~ .expander {
  display: block;
}

.red {
  color: red;
}

.green {
  color: green;
}

.formSectionContent:after,
.buttonsContainer:after,
.clearfix:after {
  content: "\A0";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

span.buttonsContainer,
.clearfix {
  display: block;
}

/* End hide from IE-mac */
.sectionText {
  margin-bottom: 20px;
  margin-top: -20px;
  padding-left: 10px;
  padding-right: 10px;
}

.formSectionContent .sectionText {
  padding-left: 0;
  padding-right: 0;
}

.generalInfo,
.popupPanel .sectionText {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.refunds.popupPanel .sectionText {
  margin-bottom: 40px;
}
.refunds.popupPanel .sectionText > p:first-child {
  margin-top: 0;
}
.refunds.popupPanel .sectionText > p:last-child {
  margin-bottom: 0;
}
.refunds.popupPanel .sectionText > p.info {
  font-style: italic;
}

.generalInfo {
  margin-bottom: 20px;
}

.generalInfo p {
  margin: 0;
}

.generalInfo p + p {
  margin-top: 1em;
}

cite:before {
  content: "\2014 \2009";
}

/* ====== registrar labels ================================================== */
div.registrarLabel > span.name {
  display: block;
}

div.registrarLabel > span.id {
  display: inline-block;
}

div.registrarLabel > span.id:not(:empty):before {
  content: "(";
}

div.registrarLabel > span.id:not(:empty):after {
  content: ")";
}

/*
============ focus components ==================================================
*/
body input,
.k-rf-lta,
body textarea:not(.k-rf-ta),
body .actionLink a,
body .audienceBtn a,
.select2-container {
  -webkit-transition: box-shadow 0.30s ease-in-out, border 0.30s ease-in-out;
  -moz-transition: box-shadow 0.30s ease-in-out, border 0.30s ease-in-out;
  -ms-transition: box-shadow 0.30s ease-in-out, border 0.30s ease-in-out;
  -o-transition: box-shadow 0.30s ease-in-out, border 0.30s ease-in-out;
  transition: box-shadow 0.30s ease-in-out, border 0.30s ease-in-out;
}

body .focused,
body input:focus,
body textarea:not(.k-rf-ta):focus,
body .actionLink a:focus,
body .audienceBtn a:focus,
.select2-container.select2-container-active:not(.select2-dropdown-open),
.k-rf-lta.active {
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
  /**/box-shadow: 0 0 5px #BAA266;/**/
  /**/border-color: #BAA266;/**/
  outline: medium none;
}

body input::-moz-focus-inner,
body textarea::-moz-focus-inner {
  border: 0;
}

body .kj-dab a {
  font-weight: 600;
}

/*
============ page template =====================================================
*/
.bodyWrap {
  height: 100%;
  min-width: 100em;
}

#pageContainer {
  margin: 0 auto;
  padding: 0;
  border: none;
  width: 100em;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
  vertical-align: baseline;
}

/*
============ shared components =================================================
*/
.ccTypedValue {
  display: inline-block;
}

/* captcha */
.captchaContent img {
  padding-bottom: 0;
  border-bottom: none;
  cursor: pointer;
}

.table-header, .tango .rf-cst-shdr-c,
.tango .rf-dt-shdr-c,
.tango .rf-dt-hdr-c, .dashboard .widget > div.chart > div.head {
  color: #FFFFFF;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #5E5C5F, #1C191D);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #5E5C5F, #1C191D);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #5E5C5F, #1C191D);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #5E5C5F, #1C191D);/**/
  /**/background-image: linear-gradient(to bottom, #5E5C5F, #1C191D);/**/
}

.innerTable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

div.row {
  clear: both;
}

div.fullwidth {
  width: 1180px;
}

div.fullwidth-l {
  width: 1180px;
}

hr.fullwidth, table.fullwidth {
  width: 100%;
}

.center {
  text-align: center;
}

/* contact search */
.contactSearchResultTable {
  width: 100%;
}

.contactSearchResultTable .rf-dt-c.name {
  min-width: 180px;
  max-width: 240px;
}

/* util */
.measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.formSectionContent > .messagesContainer:first-child {
  margin: 0 0 40px;
}

/* ====== launch phases view(s) ============================================= */
.references > [class^="icon-"],
.references > [class*="icon-"],
.required-marks > [class^="icon-"],
.required-marks > [class*=" icon-"] {
  display: block;
  min-width: 160px;
}

.references > div {
  padding-left: 1em;
}

/* ====== registrar notifications =========================================== */
.role,
.role * {
  cursor: pointer;
}

.role ~ .role {
  margin-left: 1em;
}

.role > input ~ label {
  margin-left: .5em;
}

/* ====== output date ======================================================= */
.date.titled,
.time.titled {
  cursor: help;
}

/* ====== price panels ====================================================== */
table.priceTable {
  margin-bottom: 40px;
}

/* ====== punycode / unicode buttons ======================================== */
div.convert-buttons {
  position: relative;
  padding: 3px 0;
}
div.convert-buttons > div.infoBoxPanel {
  top: 6px;
}

/* ====== styles for wide screen ============================================ */
@media (min-width: 75.0625em) {
  html {
    overflow-x: hidden;
  }

  body .fullWindowWidth,
  body #contentContainer > h1,
  body #contentContainer > .sticky-wrapper h1,
  body .formSectionContent h2.formSectionHeader {
    width: 100em;
    padding-left: calc(50vw - 50rem);
    padding-right: calc(50vw - 50rem);
    margin-left: calc(50rem - 50vw);
  }

  body #contentContainer > h1,
  body #contentContainer > .sticky-wrapper h1,
  body h2.formSectionHeader,
  body h2.view,
  body h3.formSectionHeader,
  body h3.view {
    width: 98.33333rem;
    padding-left: calc(50vw - 49.16667rem);
    padding-right: calc(50vw - 49.16667rem);
    margin-left: calc(50rem - 50vw);
  }

  .menuSecondArea .menuItems {
    width: 100em;
    padding-right: calc(50vw - 50rem);
  }

  .tango.registryDescription {
    left: calc(50vw - 35.83333rem);
  }

  #sticky-header {
    right: calc(50vw - 50rem);
  }
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?74349024#fontello') format('svg');
  }
}
*/
.icon-flat:before, .icon-loading:before, body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .rf-cp-ico-exp:before, .contactCard span.modified:before,
.variantHeader.modified:before,
.viewSection.modified > .column > h3:before,
.viewSection > .column > h3.modified:before,
.viewSection > .column > .entry > .value .modified:not(td):before,
table.dnssecTable td.modified > div:before,
table.states td.modified > div:before,
.entry.modified .label:before,
.entry .value:first-child > div.modified:before, .contactCard span.modified.new:before,
.variantHeader.modified.new:before,
.viewSection.modified.new > .column > h3:before,
.viewSection > .column > h3.modified.new:before,
.viewSection > .column > .entry > .value .modified.new:not(td):before,
table.dnssecTable td.modified.new > div:before,
table.states td.modified.new > div:before,
.entry.modified.new .label:before,
.entry .value:first-child > div.modified.new:before, .contactCard span.modified.removed:before,
.variantHeader.modified.removed:before,
.viewSection.modified.removed > .column > h3:before,
.viewSection > .column > h3.modified.removed:before,
.viewSection > .column > .entry > .value .modified.removed:not(td):before,
table.dnssecTable td.modified.removed > div:before,
table.states td.modified.removed > div:before,
.entry.modified.removed .label:before,
.entry .value:first-child > div.modified.removed:before, div.priceTable span.pricechange.higher:before, div.priceTable span.pricechange.lower:before, div.priceTable span.pricechange.change:before, .wt-ot-contact:before, .wt-ot-client:before, .icon-flat:after, .icon-loading:after, body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .rf-cp-ico-exp:after, .contactCard span.modified:after,
.variantHeader.modified:after,
.viewSection.modified > .column > h3:after,
.viewSection > .column > h3.modified:after,
.viewSection > .column > .entry > .value .modified:not(td):after,
table.dnssecTable td.modified > div:after,
table.states td.modified > div:after,
.entry.modified .label:after,
.entry .value:first-child > div.modified:after, .contactCard span.modified.new:after,
.variantHeader.modified.new:after,
.viewSection.modified.new > .column > h3:after,
.viewSection > .column > h3.modified.new:after,
.viewSection > .column > .entry > .value .modified.new:not(td):after,
table.dnssecTable td.modified.new > div:after,
table.states td.modified.new > div:after,
.entry.modified.new .label:after,
.entry .value:first-child > div.modified.new:after, .contactCard span.modified.removed:after,
.variantHeader.modified.removed:after,
.viewSection.modified.removed > .column > h3:after,
.viewSection > .column > h3.modified.removed:after,
.viewSection > .column > .entry > .value .modified.removed:not(td):after,
table.dnssecTable td.modified.removed > div:after,
table.states td.modified.removed > div:after,
.entry.modified.removed .label:after,
.entry .value:first-child > div.modified.removed:after, div.priceTable span.pricechange.higher:after, div.priceTable span.pricechange.lower:after, div.priceTable span.pricechange.change:after, .wt-ot-contact:after, .wt-ot-client:after {
  text-shadow: none !important;
}
.disabled .icon-flat:before, .disabled .icon-loading:before, .disabled body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .disabled .rf-cp-ico-colps:before, .disabled body .rf-cp .rf-cp-ico-exp:before, body .rf-cp .disabled .rf-cp-ico-exp:before, .disabled .contactCard span.modified:before, .contactCard .disabled span.modified:before,
.disabled .variantHeader.modified:before,
.disabled .viewSection.modified > .column > h3:before,
.disabled .viewSection > .column > h3.modified:before,
.disabled .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value .disabled .modified:not(td):before,
.disabled table.dnssecTable td.modified > div:before,
table.dnssecTable .disabled td.modified > div:before,
.disabled table.states td.modified > div:before,
table.states .disabled td.modified > div:before,
.disabled .entry.modified .label:before,
.entry.modified .disabled .label:before,
.disabled .entry .value:first-child > div.modified:before,
.entry .disabled .value:first-child > div.modified:before, .disabled div.priceTable span.pricechange.higher:before, div.priceTable .disabled span.pricechange.higher:before, .disabled div.priceTable span.pricechange.lower:before, div.priceTable .disabled span.pricechange.lower:before, .disabled div.priceTable span.pricechange.change:before, div.priceTable .disabled span.pricechange.change:before, .disabled .wt-ot-contact:before, .disabled .wt-ot-client:before, .disabled .icon-flat:after, .disabled .icon-loading:after, .disabled body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .disabled .rf-cp-ico-colps:after, .disabled body .rf-cp .rf-cp-ico-exp:after, body .rf-cp .disabled .rf-cp-ico-exp:after, .disabled .contactCard span.modified:after, .contactCard .disabled span.modified:after,
.disabled .variantHeader.modified:after,
.disabled .viewSection.modified > .column > h3:after,
.disabled .viewSection > .column > h3.modified:after,
.disabled .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value .disabled .modified:not(td):after,
.disabled table.dnssecTable td.modified > div:after,
table.dnssecTable .disabled td.modified > div:after,
.disabled table.states td.modified > div:after,
table.states .disabled td.modified > div:after,
.disabled .entry.modified .label:after,
.entry.modified .disabled .label:after,
.disabled .entry .value:first-child > div.modified:after,
.entry .disabled .value:first-child > div.modified:after, .disabled div.priceTable span.pricechange.higher:after, div.priceTable .disabled span.pricechange.higher:after, .disabled div.priceTable span.pricechange.lower:after, div.priceTable .disabled span.pricechange.lower:after, .disabled div.priceTable span.pricechange.change:after, div.priceTable .disabled span.pricechange.change:after, .disabled .wt-ot-contact:after, .disabled .wt-ot-client:after {
  text-shadow: none !important;
}
.icon-flat:before.disabled:before, .icon-loading:before.disabled:before, body .rf-cp .rf-cp-ico-colps:before.disabled:before, body .rf-cp .rf-cp-ico-exp:before.disabled:before, .contactCard span.modified:before.disabled:before,
.variantHeader.modified:before.disabled:before,
.viewSection.modified > .column > h3:before.disabled:before,
.viewSection > .column > h3.modified:before.disabled:before,
.viewSection > .column > .entry > .value .modified:not(td):before.disabled:before,
table.dnssecTable td.modified > div:before.disabled:before,
table.states td.modified > div:before.disabled:before,
.entry.modified .label:before.disabled:before,
.entry .value:first-child > div.modified:before.disabled:before, div.priceTable span.pricechange.higher:before.disabled:before, div.priceTable span.pricechange.lower:before.disabled:before, div.priceTable span.pricechange.change:before.disabled:before, .wt-ot-contact:before.disabled:before, .wt-ot-client:before.disabled:before, .icon-flat:before.disabled:after, .icon-loading:before.disabled:after, body .rf-cp .rf-cp-ico-colps:before.disabled:after, body .rf-cp .rf-cp-ico-exp:before.disabled:after, .contactCard span.modified:before.disabled:after,
.variantHeader.modified:before.disabled:after,
.viewSection.modified > .column > h3:before.disabled:after,
.viewSection > .column > h3.modified:before.disabled:after,
.viewSection > .column > .entry > .value .modified:not(td):before.disabled:after,
table.dnssecTable td.modified > div:before.disabled:after,
table.states td.modified > div:before.disabled:after,
.entry.modified .label:before.disabled:after,
.entry .value:first-child > div.modified:before.disabled:after, div.priceTable span.pricechange.higher:before.disabled:after, div.priceTable span.pricechange.lower:before.disabled:after, div.priceTable span.pricechange.change:before.disabled:after, .wt-ot-contact:before.disabled:after, .wt-ot-client:before.disabled:after, .icon-flat:after.disabled:before, .icon-loading:after.disabled:before, body .rf-cp .rf-cp-ico-colps:after.disabled:before, body .rf-cp .rf-cp-ico-exp:after.disabled:before, .contactCard span.modified:after.disabled:before,
.variantHeader.modified:after.disabled:before,
.viewSection.modified > .column > h3:after.disabled:before,
.viewSection > .column > h3.modified:after.disabled:before,
.viewSection > .column > .entry > .value .modified:not(td):after.disabled:before,
table.dnssecTable td.modified > div:after.disabled:before,
table.states td.modified > div:after.disabled:before,
.entry.modified .label:after.disabled:before,
.entry .value:first-child > div.modified:after.disabled:before, div.priceTable span.pricechange.higher:after.disabled:before, div.priceTable span.pricechange.lower:after.disabled:before, div.priceTable span.pricechange.change:after.disabled:before, .wt-ot-contact:after.disabled:before, .wt-ot-client:after.disabled:before, .icon-flat:after.disabled:after, .icon-loading:after.disabled:after, body .rf-cp .rf-cp-ico-colps:after.disabled:after, body .rf-cp .rf-cp-ico-exp:after.disabled:after, .contactCard span.modified:after.disabled:after,
.variantHeader.modified:after.disabled:after,
.viewSection.modified > .column > h3:after.disabled:after,
.viewSection > .column > h3.modified:after.disabled:after,
.viewSection > .column > .entry > .value .modified:not(td):after.disabled:after,
table.dnssecTable td.modified > div:after.disabled:after,
table.states td.modified > div:after.disabled:after,
.entry.modified .label:after.disabled:after,
.entry .value:first-child > div.modified:after.disabled:after, div.priceTable span.pricechange.higher:after.disabled:after, div.priceTable span.pricechange.lower:after.disabled:after, div.priceTable span.pricechange.change:after.disabled:after, .wt-ot-contact:after.disabled:after, .wt-ot-client:after.disabled:after {
  text-shadow: none !important;
}

.fontello-base:before, [class^="icon-"]:before,
[class*=" icon-"]:before, body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .rf-cp-ico-exp:before, .contactCard span.modified:before,
.variantHeader.modified:before,
.viewSection.modified > .column > h3:before,
.viewSection > .column > h3.modified:before,
.viewSection > .column > .entry > .value .modified:not(td):before,
table.dnssecTable td.modified > div:before,
table.states td.modified > div:before,
.entry.modified .label:before,
.entry .value:first-child > div.modified:before, .contactCard span.modified.new:before,
.variantHeader.modified.new:before,
.viewSection.modified.new > .column > h3:before,
.viewSection > .column > h3.modified.new:before,
.viewSection > .column > .entry > .value .modified.new:not(td):before,
table.dnssecTable td.modified.new > div:before,
table.states td.modified.new > div:before,
.entry.modified.new .label:before,
.entry .value:first-child > div.modified.new:before, .contactCard span.modified.removed:before,
.variantHeader.modified.removed:before,
.viewSection.modified.removed > .column > h3:before,
.viewSection > .column > h3.modified.removed:before,
.viewSection > .column > .entry > .value .modified.removed:not(td):before,
table.dnssecTable td.modified.removed > div:before,
table.states td.modified.removed > div:before,
.entry.modified.removed .label:before,
.entry .value:first-child > div.modified.removed:before, div.priceTable span.pricechange.higher:before, div.priceTable span.pricechange.lower:before, div.priceTable span.pricechange.change:before, .wt-ot-contact:before, .wt-ot-client:before, .fontello-base:after, [class^="icon-"]:after,
[class*=" icon-"]:after, body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .rf-cp-ico-exp:after, .contactCard span.modified:after,
.variantHeader.modified:after,
.viewSection.modified > .column > h3:after,
.viewSection > .column > h3.modified:after,
.viewSection > .column > .entry > .value .modified:not(td):after,
table.dnssecTable td.modified > div:after,
table.states td.modified > div:after,
.entry.modified .label:after,
.entry .value:first-child > div.modified:after, .contactCard span.modified.new:after,
.variantHeader.modified.new:after,
.viewSection.modified.new > .column > h3:after,
.viewSection > .column > h3.modified.new:after,
.viewSection > .column > .entry > .value .modified.new:not(td):after,
table.dnssecTable td.modified.new > div:after,
table.states td.modified.new > div:after,
.entry.modified.new .label:after,
.entry .value:first-child > div.modified.new:after, .contactCard span.modified.removed:after,
.variantHeader.modified.removed:after,
.viewSection.modified.removed > .column > h3:after,
.viewSection > .column > h3.modified.removed:after,
.viewSection > .column > .entry > .value .modified.removed:not(td):after,
table.dnssecTable td.modified.removed > div:after,
table.states td.modified.removed > div:after,
.entry.modified.removed .label:after,
.entry .value:first-child > div.modified.removed:after, div.priceTable span.pricechange.higher:after, div.priceTable span.pricechange.lower:after, div.priceTable span.pricechange.change:after, .wt-ot-contact:after, .wt-ot-client:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  font-size: 150%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
a .fontello-base:before, a [class^="icon-"]:before,
a [class*=" icon-"]:before, a body .rf-cp .rf-cp-ico-colps:before, body .rf-cp a .rf-cp-ico-colps:before, a body .rf-cp .rf-cp-ico-exp:before, body .rf-cp a .rf-cp-ico-exp:before, a .contactCard span.modified:before, .contactCard a span.modified:before,
a .variantHeader.modified:before,
a .viewSection.modified > .column > h3:before,
a .viewSection > .column > h3.modified:before,
a .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value a .modified:not(td):before,
a table.dnssecTable td.modified > div:before,
table.dnssecTable a td.modified > div:before,
a table.states td.modified > div:before,
table.states a td.modified > div:before,
a .entry.modified .label:before,
.entry.modified a .label:before,
a .entry .value:first-child > div.modified:before,
.entry a .value:first-child > div.modified:before, a .contactCard span.modified.new:before, .contactCard a span.modified.new:before,
a .variantHeader.modified.new:before,
a .viewSection.modified.new > .column > h3:before,
a .viewSection > .column > h3.modified.new:before,
a .viewSection > .column > .entry > .value .modified.new:not(td):before,
.viewSection > .column > .entry > .value a .modified.new:not(td):before,
a table.dnssecTable td.modified.new > div:before,
table.dnssecTable a td.modified.new > div:before,
a table.states td.modified.new > div:before,
table.states a td.modified.new > div:before,
a .entry.modified.new .label:before,
.entry.modified.new a .label:before,
a .entry .value:first-child > div.modified.new:before,
.entry a .value:first-child > div.modified.new:before, a .contactCard span.modified.removed:before, .contactCard a span.modified.removed:before,
a .variantHeader.modified.removed:before,
a .viewSection.modified.removed > .column > h3:before,
a .viewSection > .column > h3.modified.removed:before,
a .viewSection > .column > .entry > .value .modified.removed:not(td):before,
.viewSection > .column > .entry > .value a .modified.removed:not(td):before,
a table.dnssecTable td.modified.removed > div:before,
table.dnssecTable a td.modified.removed > div:before,
a table.states td.modified.removed > div:before,
table.states a td.modified.removed > div:before,
a .entry.modified.removed .label:before,
.entry.modified.removed a .label:before,
a .entry .value:first-child > div.modified.removed:before,
.entry a .value:first-child > div.modified.removed:before, a div.priceTable span.pricechange.higher:before, div.priceTable a span.pricechange.higher:before, a div.priceTable span.pricechange.lower:before, div.priceTable a span.pricechange.lower:before, a div.priceTable span.pricechange.change:before, div.priceTable a span.pricechange.change:before, a .wt-ot-contact:before, a .wt-ot-client:before, a:hover .fontello-base:before, a:hover [class^="icon-"]:before,
a:hover [class*=" icon-"]:before, a:hover body .rf-cp .rf-cp-ico-colps:before, body .rf-cp a:hover .rf-cp-ico-colps:before, a:hover body .rf-cp .rf-cp-ico-exp:before, body .rf-cp a:hover .rf-cp-ico-exp:before, a:hover .contactCard span.modified:before, .contactCard a:hover span.modified:before,
a:hover .variantHeader.modified:before,
a:hover .viewSection.modified > .column > h3:before,
a:hover .viewSection > .column > h3.modified:before,
a:hover .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value a:hover .modified:not(td):before,
a:hover table.dnssecTable td.modified > div:before,
table.dnssecTable a:hover td.modified > div:before,
a:hover table.states td.modified > div:before,
table.states a:hover td.modified > div:before,
a:hover .entry.modified .label:before,
.entry.modified a:hover .label:before,
a:hover .entry .value:first-child > div.modified:before,
.entry a:hover .value:first-child > div.modified:before, a:hover div.priceTable span.pricechange.higher:before, div.priceTable a:hover span.pricechange.higher:before, a:hover div.priceTable span.pricechange.lower:before, div.priceTable a:hover span.pricechange.lower:before, a:hover div.priceTable span.pricechange.change:before, div.priceTable a:hover span.pricechange.change:before, a:hover .wt-ot-contact:before, a:hover .wt-ot-client:before, a .fontello-base:after, a [class^="icon-"]:after,
a [class*=" icon-"]:after, a body .rf-cp .rf-cp-ico-colps:after, body .rf-cp a .rf-cp-ico-colps:after, a body .rf-cp .rf-cp-ico-exp:after, body .rf-cp a .rf-cp-ico-exp:after, a .contactCard span.modified:after, .contactCard a span.modified:after,
a .variantHeader.modified:after,
a .viewSection.modified > .column > h3:after,
a .viewSection > .column > h3.modified:after,
a .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value a .modified:not(td):after,
a table.dnssecTable td.modified > div:after,
table.dnssecTable a td.modified > div:after,
a table.states td.modified > div:after,
table.states a td.modified > div:after,
a .entry.modified .label:after,
.entry.modified a .label:after,
a .entry .value:first-child > div.modified:after,
.entry a .value:first-child > div.modified:after, a .contactCard span.modified.new:after, .contactCard a span.modified.new:after,
a .variantHeader.modified.new:after,
a .viewSection.modified.new > .column > h3:after,
a .viewSection > .column > h3.modified.new:after,
a .viewSection > .column > .entry > .value .modified.new:not(td):after,
.viewSection > .column > .entry > .value a .modified.new:not(td):after,
a table.dnssecTable td.modified.new > div:after,
table.dnssecTable a td.modified.new > div:after,
a table.states td.modified.new > div:after,
table.states a td.modified.new > div:after,
a .entry.modified.new .label:after,
.entry.modified.new a .label:after,
a .entry .value:first-child > div.modified.new:after,
.entry a .value:first-child > div.modified.new:after, a .contactCard span.modified.removed:after, .contactCard a span.modified.removed:after,
a .variantHeader.modified.removed:after,
a .viewSection.modified.removed > .column > h3:after,
a .viewSection > .column > h3.modified.removed:after,
a .viewSection > .column > .entry > .value .modified.removed:not(td):after,
.viewSection > .column > .entry > .value a .modified.removed:not(td):after,
a table.dnssecTable td.modified.removed > div:after,
table.dnssecTable a td.modified.removed > div:after,
a table.states td.modified.removed > div:after,
table.states a td.modified.removed > div:after,
a .entry.modified.removed .label:after,
.entry.modified.removed a .label:after,
a .entry .value:first-child > div.modified.removed:after,
.entry a .value:first-child > div.modified.removed:after, a div.priceTable span.pricechange.higher:after, div.priceTable a span.pricechange.higher:after, a div.priceTable span.pricechange.lower:after, div.priceTable a span.pricechange.lower:after, a div.priceTable span.pricechange.change:after, div.priceTable a span.pricechange.change:after, a .wt-ot-contact:after, a .wt-ot-client:after, a:hover .fontello-base:after, a:hover [class^="icon-"]:after,
a:hover [class*=" icon-"]:after, a:hover body .rf-cp .rf-cp-ico-colps:after, body .rf-cp a:hover .rf-cp-ico-colps:after, a:hover body .rf-cp .rf-cp-ico-exp:after, body .rf-cp a:hover .rf-cp-ico-exp:after, a:hover .contactCard span.modified:after, .contactCard a:hover span.modified:after,
a:hover .variantHeader.modified:after,
a:hover .viewSection.modified > .column > h3:after,
a:hover .viewSection > .column > h3.modified:after,
a:hover .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value a:hover .modified:not(td):after,
a:hover table.dnssecTable td.modified > div:after,
table.dnssecTable a:hover td.modified > div:after,
a:hover table.states td.modified > div:after,
table.states a:hover td.modified > div:after,
a:hover .entry.modified .label:after,
.entry.modified a:hover .label:after,
a:hover .entry .value:first-child > div.modified:after,
.entry a:hover .value:first-child > div.modified:after, a:hover div.priceTable span.pricechange.higher:after, div.priceTable a:hover span.pricechange.higher:after, a:hover div.priceTable span.pricechange.lower:after, div.priceTable a:hover span.pricechange.lower:after, a:hover div.priceTable span.pricechange.change:after, div.priceTable a:hover span.pricechange.change:after, a:hover .wt-ot-contact:after, a:hover .wt-ot-client:after {
  text-decoration: none;
}
.dynListAction.btn .fontello-base:before, .dynListAction.btn [class^="icon-"]:before,
.dynListAction.btn [class*=" icon-"]:before, .dynListAction.btn body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .dynListAction.btn .rf-cp-ico-colps:before, .dynListAction.btn body .rf-cp .rf-cp-ico-exp:before, body .rf-cp .dynListAction.btn .rf-cp-ico-exp:before, .dynListAction.btn .contactCard span.modified:before, .contactCard .dynListAction.btn span.modified:before,
.dynListAction.btn .variantHeader.modified:before,
.dynListAction.btn .viewSection.modified > .column > h3:before,
.dynListAction.btn .viewSection > .column > h3.modified:before,
.dynListAction.btn .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value .dynListAction.btn .modified:not(td):before,
.dynListAction.btn table.dnssecTable td.modified > div:before,
table.dnssecTable .dynListAction.btn td.modified > div:before,
.dynListAction.btn table.states td.modified > div:before,
table.states .dynListAction.btn td.modified > div:before,
.dynListAction.btn .entry.modified .label:before,
.entry.modified .dynListAction.btn .label:before,
.dynListAction.btn .entry .value:first-child > div.modified:before,
.entry .dynListAction.btn .value:first-child > div.modified:before, .dynListAction.btn div.priceTable span.pricechange.higher:before, div.priceTable .dynListAction.btn span.pricechange.higher:before, .dynListAction.btn div.priceTable span.pricechange.lower:before, div.priceTable .dynListAction.btn span.pricechange.lower:before, .dynListAction.btn div.priceTable span.pricechange.change:before, div.priceTable .dynListAction.btn span.pricechange.change:before, .dynListAction.btn .wt-ot-contact:before, .dynListAction.btn .wt-ot-client:before, .actionLink.icon .fontello-base:before, .actionLink.icon [class^="icon-"]:before,
.actionLink.icon [class*=" icon-"]:before, .actionLink.icon body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .actionLink.icon .rf-cp-ico-colps:before, .actionLink.icon body .rf-cp .rf-cp-ico-exp:before, body .rf-cp .actionLink.icon .rf-cp-ico-exp:before, .actionLink.icon .contactCard span.modified:before, .contactCard .actionLink.icon span.modified:before,
.actionLink.icon .variantHeader.modified:before,
.actionLink.icon .viewSection.modified > .column > h3:before,
.actionLink.icon .viewSection > .column > h3.modified:before,
.actionLink.icon .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value .actionLink.icon .modified:not(td):before,
.actionLink.icon table.dnssecTable td.modified > div:before,
table.dnssecTable .actionLink.icon td.modified > div:before,
.actionLink.icon table.states td.modified > div:before,
table.states .actionLink.icon td.modified > div:before,
.actionLink.icon .entry.modified .label:before,
.entry.modified .actionLink.icon .label:before,
.actionLink.icon .entry .value:first-child > div.modified:before,
.entry .actionLink.icon .value:first-child > div.modified:before, .actionLink.icon div.priceTable span.pricechange.higher:before, div.priceTable .actionLink.icon span.pricechange.higher:before, .actionLink.icon div.priceTable span.pricechange.lower:before, div.priceTable .actionLink.icon span.pricechange.lower:before, .actionLink.icon div.priceTable span.pricechange.change:before, div.priceTable .actionLink.icon span.pricechange.change:before, .actionLink.icon .wt-ot-contact:before, .actionLink.icon .wt-ot-client:before, .dynListAction.btn .fontello-base:after, .dynListAction.btn [class^="icon-"]:after,
.dynListAction.btn [class*=" icon-"]:after, .dynListAction.btn body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .dynListAction.btn .rf-cp-ico-colps:after, .dynListAction.btn body .rf-cp .rf-cp-ico-exp:after, body .rf-cp .dynListAction.btn .rf-cp-ico-exp:after, .dynListAction.btn .contactCard span.modified:after, .contactCard .dynListAction.btn span.modified:after,
.dynListAction.btn .variantHeader.modified:after,
.dynListAction.btn .viewSection.modified > .column > h3:after,
.dynListAction.btn .viewSection > .column > h3.modified:after,
.dynListAction.btn .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value .dynListAction.btn .modified:not(td):after,
.dynListAction.btn table.dnssecTable td.modified > div:after,
table.dnssecTable .dynListAction.btn td.modified > div:after,
.dynListAction.btn table.states td.modified > div:after,
table.states .dynListAction.btn td.modified > div:after,
.dynListAction.btn .entry.modified .label:after,
.entry.modified .dynListAction.btn .label:after,
.dynListAction.btn .entry .value:first-child > div.modified:after,
.entry .dynListAction.btn .value:first-child > div.modified:after, .dynListAction.btn div.priceTable span.pricechange.higher:after, div.priceTable .dynListAction.btn span.pricechange.higher:after, .dynListAction.btn div.priceTable span.pricechange.lower:after, div.priceTable .dynListAction.btn span.pricechange.lower:after, .dynListAction.btn div.priceTable span.pricechange.change:after, div.priceTable .dynListAction.btn span.pricechange.change:after, .dynListAction.btn .wt-ot-contact:after, .dynListAction.btn .wt-ot-client:after, .actionLink.icon .fontello-base:after, .actionLink.icon [class^="icon-"]:after,
.actionLink.icon [class*=" icon-"]:after, .actionLink.icon body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .actionLink.icon .rf-cp-ico-colps:after, .actionLink.icon body .rf-cp .rf-cp-ico-exp:after, body .rf-cp .actionLink.icon .rf-cp-ico-exp:after, .actionLink.icon .contactCard span.modified:after, .contactCard .actionLink.icon span.modified:after,
.actionLink.icon .variantHeader.modified:after,
.actionLink.icon .viewSection.modified > .column > h3:after,
.actionLink.icon .viewSection > .column > h3.modified:after,
.actionLink.icon .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value .actionLink.icon .modified:not(td):after,
.actionLink.icon table.dnssecTable td.modified > div:after,
table.dnssecTable .actionLink.icon td.modified > div:after,
.actionLink.icon table.states td.modified > div:after,
table.states .actionLink.icon td.modified > div:after,
.actionLink.icon .entry.modified .label:after,
.entry.modified .actionLink.icon .label:after,
.actionLink.icon .entry .value:first-child > div.modified:after,
.entry .actionLink.icon .value:first-child > div.modified:after, .actionLink.icon div.priceTable span.pricechange.higher:after, div.priceTable .actionLink.icon span.pricechange.higher:after, .actionLink.icon div.priceTable span.pricechange.lower:after, div.priceTable .actionLink.icon span.pricechange.lower:after, .actionLink.icon div.priceTable span.pricechange.change:after, div.priceTable .actionLink.icon span.pricechange.change:after, .actionLink.icon .wt-ot-contact:after, .actionLink.icon .wt-ot-client:after {
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: inherit;
}
.disabled .fontello-base:before, .disabled [class^="icon-"]:before,
.disabled [class*=" icon-"]:before, .disabled body .rf-cp .rf-cp-ico-colps:before, body .rf-cp .disabled .rf-cp-ico-colps:before, .disabled body .rf-cp .rf-cp-ico-exp:before, body .rf-cp .disabled .rf-cp-ico-exp:before, .disabled .contactCard span.modified:before, .contactCard .disabled span.modified:before,
.disabled .variantHeader.modified:before,
.disabled .viewSection.modified > .column > h3:before,
.disabled .viewSection > .column > h3.modified:before,
.disabled .viewSection > .column > .entry > .value .modified:not(td):before,
.viewSection > .column > .entry > .value .disabled .modified:not(td):before,
.disabled table.dnssecTable td.modified > div:before,
table.dnssecTable .disabled td.modified > div:before,
.disabled table.states td.modified > div:before,
table.states .disabled td.modified > div:before,
.disabled .entry.modified .label:before,
.entry.modified .disabled .label:before,
.disabled .entry .value:first-child > div.modified:before,
.entry .disabled .value:first-child > div.modified:before, .disabled div.priceTable span.pricechange.higher:before, div.priceTable .disabled span.pricechange.higher:before, .disabled div.priceTable span.pricechange.lower:before, div.priceTable .disabled span.pricechange.lower:before, .disabled div.priceTable span.pricechange.change:before, div.priceTable .disabled span.pricechange.change:before, .disabled .wt-ot-contact:before, .disabled .wt-ot-client:before, .disabled .fontello-base:after, .disabled [class^="icon-"]:after,
.disabled [class*=" icon-"]:after, .disabled body .rf-cp .rf-cp-ico-colps:after, body .rf-cp .disabled .rf-cp-ico-colps:after, .disabled body .rf-cp .rf-cp-ico-exp:after, body .rf-cp .disabled .rf-cp-ico-exp:after, .disabled .contactCard span.modified:after, .contactCard .disabled span.modified:after,
.disabled .variantHeader.modified:after,
.disabled .viewSection.modified > .column > h3:after,
.disabled .viewSection > .column > h3.modified:after,
.disabled .viewSection > .column > .entry > .value .modified:not(td):after,
.viewSection > .column > .entry > .value .disabled .modified:not(td):after,
.disabled table.dnssecTable td.modified > div:after,
table.dnssecTable .disabled td.modified > div:after,
.disabled table.states td.modified > div:after,
table.states .disabled td.modified > div:after,
.disabled .entry.modified .label:after,
.entry.modified .disabled .label:after,
.disabled .entry .value:first-child > div.modified:after,
.entry .disabled .value:first-child > div.modified:after, .disabled div.priceTable span.pricechange.higher:after, div.priceTable .disabled span.pricechange.higher:after, .disabled div.priceTable span.pricechange.lower:after, div.priceTable .disabled span.pricechange.lower:after, .disabled div.priceTable span.pricechange.change:after, div.priceTable .disabled span.pricechange.change:after, .disabled .wt-ot-contact:after, .disabled .wt-ot-client:after {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.fontello-base:before.disabled:before, [class^="icon-"]:before.disabled:before,
[class*=" icon-"]:before.disabled:before, body .rf-cp .rf-cp-ico-colps:before.disabled:before, body .rf-cp .rf-cp-ico-exp:before.disabled:before, .contactCard span.modified:before.disabled:before,
.variantHeader.modified:before.disabled:before,
.viewSection.modified > .column > h3:before.disabled:before,
.viewSection > .column > h3.modified:before.disabled:before,
.viewSection > .column > .entry > .value .modified:not(td):before.disabled:before,
table.dnssecTable td.modified > div:before.disabled:before,
table.states td.modified > div:before.disabled:before,
.entry.modified .label:before.disabled:before,
.entry .value:first-child > div.modified:before.disabled:before, div.priceTable span.pricechange.higher:before.disabled:before, div.priceTable span.pricechange.lower:before.disabled:before, div.priceTable span.pricechange.change:before.disabled:before, .wt-ot-contact:before.disabled:before, .wt-ot-client:before.disabled:before, .fontello-base:before.disabled:after, [class^="icon-"]:before.disabled:after,
[class*=" icon-"]:before.disabled:after, body .rf-cp .rf-cp-ico-colps:before.disabled:after, body .rf-cp .rf-cp-ico-exp:before.disabled:after, .contactCard span.modified:before.disabled:after,
.variantHeader.modified:before.disabled:after,
.viewSection.modified > .column > h3:before.disabled:after,
.viewSection > .column > h3.modified:before.disabled:after,
.viewSection > .column > .entry > .value .modified:not(td):before.disabled:after,
table.dnssecTable td.modified > div:before.disabled:after,
table.states td.modified > div:before.disabled:after,
.entry.modified .label:before.disabled:after,
.entry .value:first-child > div.modified:before.disabled:after, div.priceTable span.pricechange.higher:before.disabled:after, div.priceTable span.pricechange.lower:before.disabled:after, div.priceTable span.pricechange.change:before.disabled:after, .wt-ot-contact:before.disabled:after, .wt-ot-client:before.disabled:after, .fontello-base:after.disabled:before, [class^="icon-"]:after.disabled:before,
[class*=" icon-"]:after.disabled:before, body .rf-cp .rf-cp-ico-colps:after.disabled:before, body .rf-cp .rf-cp-ico-exp:after.disabled:before, .contactCard span.modified:after.disabled:before,
.variantHeader.modified:after.disabled:before,
.viewSection.modified > .column > h3:after.disabled:before,
.viewSection > .column > h3.modified:after.disabled:before,
.viewSection > .column > .entry > .value .modified:not(td):after.disabled:before,
table.dnssecTable td.modified > div:after.disabled:before,
table.states td.modified > div:after.disabled:before,
.entry.modified .label:after.disabled:before,
.entry .value:first-child > div.modified:after.disabled:before, div.priceTable span.pricechange.higher:after.disabled:before, div.priceTable span.pricechange.lower:after.disabled:before, div.priceTable span.pricechange.change:after.disabled:before, .wt-ot-contact:after.disabled:before, .wt-ot-client:after.disabled:before, .fontello-base:after.disabled:after, [class^="icon-"]:after.disabled:after,
[class*=" icon-"]:after.disabled:after, body .rf-cp .rf-cp-ico-colps:after.disabled:after, body .rf-cp .rf-cp-ico-exp:after.disabled:after, .contactCard span.modified:after.disabled:after,
.variantHeader.modified:after.disabled:after,
.viewSection.modified > .column > h3:after.disabled:after,
.viewSection > .column > h3.modified:after.disabled:after,
.viewSection > .column > .entry > .value .modified:not(td):after.disabled:after,
table.dnssecTable td.modified > div:after.disabled:after,
table.states td.modified > div:after.disabled:after,
.entry.modified .label:after.disabled:after,
.entry .value:first-child > div.modified:after.disabled:after, div.priceTable span.pricechange.higher:after.disabled:after, div.priceTable span.pricechange.lower:after.disabled:after, div.priceTable span.pricechange.change:after.disabled:after, .wt-ot-contact:after.disabled:after, .wt-ot-client:after.disabled:after {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.fontello-base:not(.plain):before, [class^="icon-"]:not(.plain):before,
[class*=" icon-"]:not(.plain):before, body .rf-cp .rf-cp-ico-colps:not(.plain):before, body .rf-cp .rf-cp-ico-exp:not(.plain):before, .contactCard span.modified:not(.plain):before,
.variantHeader.modified:not(.plain):before,
.viewSection.modified > .column > h3:not(.plain):before,
.viewSection > .column > h3.modified:not(.plain):before,
.viewSection > .column > .entry > .value .modified:not(td):not(.plain):before,
table.dnssecTable td.modified > div:not(.plain):before,
table.states td.modified > div:not(.plain):before,
.entry.modified .label:not(.plain):before,
.entry .value:first-child > div.modified:not(.plain):before, div.priceTable span.pricechange.higher:not(.plain):before, div.priceTable span.pricechange.lower:not(.plain):before, div.priceTable span.pricechange.change:not(.plain):before, .wt-ot-contact:not(.plain):before, .wt-ot-client:not(.plain):before, .fontello-base:not(.plain):after, [class^="icon-"]:not(.plain):after,
[class*=" icon-"]:not(.plain):after, body .rf-cp .rf-cp-ico-colps:not(.plain):after, body .rf-cp .rf-cp-ico-exp:not(.plain):after, .contactCard span.modified:not(.plain):after,
.variantHeader.modified:not(.plain):after,
.viewSection.modified > .column > h3:not(.plain):after,
.viewSection > .column > h3.modified:not(.plain):after,
.viewSection > .column > .entry > .value .modified:not(td):not(.plain):after,
table.dnssecTable td.modified > div:not(.plain):after,
table.states td.modified > div:not(.plain):after,
.entry.modified .label:not(.plain):after,
.entry .value:first-child > div.modified:not(.plain):after, div.priceTable span.pricechange.higher:not(.plain):after, div.priceTable span.pricechange.lower:not(.plain):after, div.priceTable span.pricechange.change:not(.plain):after, .wt-ot-contact:not(.plain):after, .wt-ot-client:not(.plain):after {
  display: inline;
  width: 1em;
  margin-right: .2em;
  margin-left: .2em;
  text-align: center;
}
.actionLink.icon .fontello-base, .actionLink.icon [class^="icon-"],
.actionLink.icon [class*=" icon-"], .actionLink.icon body .rf-cp .rf-cp-ico-colps, body .rf-cp .actionLink.icon .rf-cp-ico-colps, .actionLink.icon body .rf-cp .rf-cp-ico-exp, body .rf-cp .actionLink.icon .rf-cp-ico-exp, .actionLink.icon .contactCard span.modified, .contactCard .actionLink.icon span.modified,
.actionLink.icon .variantHeader.modified,
.actionLink.icon .viewSection.modified > .column > h3,
.actionLink.icon .viewSection > .column > h3.modified,
.actionLink.icon .viewSection > .column > .entry > .value .modified:not(td),
.viewSection > .column > .entry > .value .actionLink.icon .modified:not(td),
.actionLink.icon table.dnssecTable td.modified > div,
table.dnssecTable .actionLink.icon td.modified > div,
.actionLink.icon table.states td.modified > div,
table.states .actionLink.icon td.modified > div,
.actionLink.icon .entry.modified .label,
.entry.modified .actionLink.icon .label,
.actionLink.icon .entry .value:first-child > div.modified,
.entry .actionLink.icon .value:first-child > div.modified, .actionLink.icon div.priceTable span.pricechange.higher, div.priceTable .actionLink.icon span.pricechange.higher, .actionLink.icon div.priceTable span.pricechange.lower, div.priceTable .actionLink.icon span.pricechange.lower, .actionLink.icon div.priceTable span.pricechange.change, div.priceTable .actionLink.icon span.pricechange.change, .actionLink.icon .wt-ot-contact, .actionLink.icon .wt-ot-client {
  text-align: center;
}
a .fontello-base, a [class^="icon-"],
a [class*=" icon-"], a body .rf-cp .rf-cp-ico-colps, body .rf-cp a .rf-cp-ico-colps, a body .rf-cp .rf-cp-ico-exp, body .rf-cp a .rf-cp-ico-exp, a .contactCard span.modified, .contactCard a span.modified,
a .variantHeader.modified,
a .viewSection.modified > .column > h3,
a .viewSection > .column > h3.modified,
a .viewSection > .column > .entry > .value .modified:not(td),
.viewSection > .column > .entry > .value a .modified:not(td),
a table.dnssecTable td.modified > div,
table.dnssecTable a td.modified > div,
a table.states td.modified > div,
table.states a td.modified > div,
a .entry.modified .label,
.entry.modified a .label,
a .entry .value:first-child > div.modified,
.entry a .value:first-child > div.modified, a .contactCard span.modified.new, .contactCard a span.modified.new,
a .variantHeader.modified.new,
a .viewSection.modified.new > .column > h3,
a .viewSection > .column > h3.modified.new,
a .viewSection > .column > .entry > .value .modified.new:not(td),
.viewSection > .column > .entry > .value a .modified.new:not(td),
a table.dnssecTable td.modified.new > div,
table.dnssecTable a td.modified.new > div,
a table.states td.modified.new > div,
table.states a td.modified.new > div,
a .entry.modified.new .label,
.entry.modified.new a .label,
a .entry .value:first-child > div.modified.new,
.entry a .value:first-child > div.modified.new, a .contactCard span.modified.removed, .contactCard a span.modified.removed,
a .variantHeader.modified.removed,
a .viewSection.modified.removed > .column > h3,
a .viewSection > .column > h3.modified.removed,
a .viewSection > .column > .entry > .value .modified.removed:not(td),
.viewSection > .column > .entry > .value a .modified.removed:not(td),
a table.dnssecTable td.modified.removed > div,
table.dnssecTable a td.modified.removed > div,
a table.states td.modified.removed > div,
table.states a td.modified.removed > div,
a .entry.modified.removed .label,
.entry.modified.removed a .label,
a .entry .value:first-child > div.modified.removed,
.entry a .value:first-child > div.modified.removed, a div.priceTable span.pricechange.higher, div.priceTable a span.pricechange.higher, a div.priceTable span.pricechange.lower, div.priceTable a span.pricechange.lower, a div.priceTable span.pricechange.change, div.priceTable a span.pricechange.change, a .wt-ot-contact, a .wt-ot-client, a:hover .fontello-base, a:hover [class^="icon-"],
a:hover [class*=" icon-"], a:hover body .rf-cp .rf-cp-ico-colps, body .rf-cp a:hover .rf-cp-ico-colps, a:hover body .rf-cp .rf-cp-ico-exp, body .rf-cp a:hover .rf-cp-ico-exp, a:hover .contactCard span.modified, .contactCard a:hover span.modified,
a:hover .variantHeader.modified,
a:hover .viewSection.modified > .column > h3,
a:hover .viewSection > .column > h3.modified,
a:hover .viewSection > .column > .entry > .value .modified:not(td),
.viewSection > .column > .entry > .value a:hover .modified:not(td),
a:hover table.dnssecTable td.modified > div,
table.dnssecTable a:hover td.modified > div,
a:hover table.states td.modified > div,
table.states a:hover td.modified > div,
a:hover .entry.modified .label,
.entry.modified a:hover .label,
a:hover .entry .value:first-child > div.modified,
.entry a:hover .value:first-child > div.modified, a:hover div.priceTable span.pricechange.higher, div.priceTable a:hover span.pricechange.higher, a:hover div.priceTable span.pricechange.lower, div.priceTable a:hover span.pricechange.lower, a:hover div.priceTable span.pricechange.change, div.priceTable a:hover span.pricechange.change, a:hover .wt-ot-contact, a:hover .wt-ot-client {
  text-decoration: none;
}
.fontello-base.outside, .outside[class^="icon-"],
.outside[class*=" icon-"], body .rf-cp .outside.rf-cp-ico-colps, body .rf-cp .outside.rf-cp-ico-exp, .contactCard span.outside.modified,
.outside.variantHeader.modified,
.viewSection.modified > .column > h3.outside,
.viewSection > .column > h3.outside.modified,
.viewSection > .column > .entry > .value .outside.modified:not(td),
table.dnssecTable td.modified > div.outside,
table.states td.modified > div.outside,
.entry.modified .outside.label,
.entry .value:first-child > div.outside.modified, div.priceTable span.outside.pricechange.higher, div.priceTable span.outside.pricechange.lower, div.priceTable span.outside.pricechange.change, .outside.wt-ot-contact, .outside.wt-ot-client {
  position: relative;
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.fontello-base.outside:before, .outside[class^="icon-"]:before,
.outside[class*=" icon-"]:before, body .rf-cp .outside.rf-cp-ico-colps:before, body .rf-cp .outside.rf-cp-ico-exp:before, .contactCard span.outside.modified:before,
.outside.variantHeader.modified:before,
.viewSection.modified > .column > h3.outside:before,
.viewSection > .column > h3.outside.modified:before,
.viewSection > .column > .entry > .value .outside.modified:not(td):before,
table.dnssecTable td.modified > div.outside:before,
table.states td.modified > div.outside:before,
.entry.modified .outside.label:before,
.entry .value:first-child > div.outside.modified:before, div.priceTable span.outside.pricechange.higher:before, div.priceTable span.outside.pricechange.lower:before, div.priceTable span.outside.pricechange.change:before, .outside.wt-ot-contact:before, .outside.wt-ot-client:before, .fontello-base.outside:after, .outside[class^="icon-"]:after,
.outside[class*=" icon-"]:after, body .rf-cp .outside.rf-cp-ico-colps:after, body .rf-cp .outside.rf-cp-ico-exp:after, .contactCard span.outside.modified:after,
.outside.variantHeader.modified:after,
.viewSection.modified > .column > h3.outside:after,
.viewSection > .column > h3.outside.modified:after,
.viewSection > .column > .entry > .value .outside.modified:not(td):after,
table.dnssecTable td.modified > div.outside:after,
table.states td.modified > div.outside:after,
.entry.modified .outside.label:after,
.entry .value:first-child > div.outside.modified:after, div.priceTable span.outside.pricechange.higher:after, div.priceTable span.outside.pricechange.lower:after, div.priceTable span.outside.pricechange.change:after, .outside.wt-ot-contact:after, .outside.wt-ot-client:after {
  position: absolute;
}
.fontello-base.outside:before, .outside[class^="icon-"]:before,
.outside[class*=" icon-"]:before, body .rf-cp .outside.rf-cp-ico-colps:before, body .rf-cp .outside.rf-cp-ico-exp:before, .contactCard span.outside.modified:before,
.outside.variantHeader.modified:before,
.viewSection.modified > .column > h3.outside:before,
.viewSection > .column > h3.outside.modified:before,
.viewSection > .column > .entry > .value .outside.modified:not(td):before,
table.dnssecTable td.modified > div.outside:before,
table.states td.modified > div.outside:before,
.entry.modified .outside.label:before,
.entry .value:first-child > div.outside.modified:before, div.priceTable span.outside.pricechange.higher:before, div.priceTable span.outside.pricechange.lower:before, div.priceTable span.outside.pricechange.change:before, .outside.wt-ot-contact:before, .outside.wt-ot-client:before, .fontello-base.outside:not(.after):before, .outside[class^="icon-"]:not(.after):before,
.outside[class*=" icon-"]:not(.after):before, body .rf-cp .outside.rf-cp-ico-colps:not(.after):before, body .rf-cp .outside.rf-cp-ico-exp:not(.after):before, .contactCard span.outside.modified:not(.after):before,
.outside.variantHeader.modified:not(.after):before,
.viewSection.modified > .column > h3.outside:not(.after):before,
.viewSection > .column > h3.outside.modified:not(.after):before,
.viewSection > .column > .entry > .value .outside.modified:not(td):not(.after):before,
table.dnssecTable td.modified > div.outside:not(.after):before,
table.states td.modified > div.outside:not(.after):before,
.entry.modified .outside.label:not(.after):before,
.entry .value:first-child > div.outside.modified:not(.after):before, div.priceTable span.outside.pricechange.higher:not(.after):before, div.priceTable span.outside.pricechange.lower:not(.after):before, div.priceTable span.outside.pricechange.change:not(.after):before, .outside.wt-ot-contact:not(.after):before, .outside.wt-ot-client:not(.after):before {
  left: -1.5em;
}
.fontello-base.outside:after, .outside[class^="icon-"]:after,
.outside[class*=" icon-"]:after, body .rf-cp .outside.rf-cp-ico-colps:after, body .rf-cp .outside.rf-cp-ico-exp:after, .contactCard span.outside.modified:after,
.outside.variantHeader.modified:after,
.viewSection.modified > .column > h3.outside:after,
.viewSection > .column > h3.outside.modified:after,
.viewSection > .column > .entry > .value .outside.modified:not(td):after,
table.dnssecTable td.modified > div.outside:after,
table.states td.modified > div.outside:after,
.entry.modified .outside.label:after,
.entry .value:first-child > div.outside.modified:after, div.priceTable span.outside.pricechange.higher:after, div.priceTable span.outside.pricechange.lower:after, div.priceTable span.outside.pricechange.change:after, .outside.wt-ot-contact:after, .outside.wt-ot-client:after {
  right: 0;
}
.actionLink.icon .fontello-base, .actionLink.icon [class^="icon-"],
.actionLink.icon [class*=" icon-"], .actionLink.icon body .rf-cp .rf-cp-ico-colps, body .rf-cp .actionLink.icon .rf-cp-ico-colps, .actionLink.icon body .rf-cp .rf-cp-ico-exp, body .rf-cp .actionLink.icon .rf-cp-ico-exp, .actionLink.icon .contactCard span.modified, .contactCard .actionLink.icon span.modified,
.actionLink.icon .variantHeader.modified,
.actionLink.icon .viewSection.modified > .column > h3,
.actionLink.icon .viewSection > .column > h3.modified,
.actionLink.icon .viewSection > .column > .entry > .value .modified:not(td),
.viewSection > .column > .entry > .value .actionLink.icon .modified:not(td),
.actionLink.icon table.dnssecTable td.modified > div,
table.dnssecTable .actionLink.icon td.modified > div,
.actionLink.icon table.states td.modified > div,
table.states .actionLink.icon td.modified > div,
.actionLink.icon .entry.modified .label,
.entry.modified .actionLink.icon .label,
.actionLink.icon .entry .value:first-child > div.modified,
.entry .actionLink.icon .value:first-child > div.modified, .actionLink.icon div.priceTable span.pricechange.higher, div.priceTable .actionLink.icon span.pricechange.higher, .actionLink.icon div.priceTable span.pricechange.lower, div.priceTable .actionLink.icon span.pricechange.lower, .actionLink.icon div.priceTable span.pricechange.change, div.priceTable .actionLink.icon span.pricechange.change, .actionLink.icon .wt-ot-contact, .actionLink.icon .wt-ot-client {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
}
.fontello-base.small:before, .small[class^="icon-"]:before,
.small[class*=" icon-"]:before, body .rf-cp .small.rf-cp-ico-colps:before, body .rf-cp .small.rf-cp-ico-exp:before, .contactCard span.small.modified:before,
.small.variantHeader.modified:before,
.viewSection.modified > .column > h3.small:before,
.viewSection > .column > h3.small.modified:before,
.viewSection > .column > .entry > .value .small.modified:not(td):before,
table.dnssecTable td.modified > div.small:before,
table.states td.modified > div.small:before,
.entry.modified .small.label:before,
.entry .value:first-child > div.small.modified:before, div.priceTable span.small.pricechange.higher:before, div.priceTable span.small.pricechange.lower:before, div.priceTable span.small.pricechange.change:before, .small.wt-ot-contact:before, .small.wt-ot-client:before, .fontello-base.small:after, .small[class^="icon-"]:after,
.small[class*=" icon-"]:after, body .rf-cp .small.rf-cp-ico-colps:after, body .rf-cp .small.rf-cp-ico-exp:after, .contactCard span.small.modified:after,
.small.variantHeader.modified:after,
.viewSection.modified > .column > h3.small:after,
.viewSection > .column > h3.small.modified:after,
.viewSection > .column > .entry > .value .small.modified:not(td):after,
table.dnssecTable td.modified > div.small:after,
table.states td.modified > div.small:after,
.entry.modified .small.label:after,
.entry .value:first-child > div.small.modified:after, div.priceTable span.small.pricechange.higher:after, div.priceTable span.small.pricechange.lower:after, div.priceTable span.small.pricechange.change:after, .small.wt-ot-contact:after, .small.wt-ot-client:after {
  line-height: inherit;
  font-size: 120%;
}
.fontello-base.smaller:before, .smaller[class^="icon-"]:before,
.smaller[class*=" icon-"]:before, body .rf-cp .smaller.rf-cp-ico-colps:before, body .rf-cp .smaller.rf-cp-ico-exp:before, .contactCard span.smaller.modified:before,
.smaller.variantHeader.modified:before,
.viewSection.modified > .column > h3.smaller:before,
.viewSection > .column > h3.smaller.modified:before,
.viewSection > .column > .entry > .value .smaller.modified:not(td):before,
table.dnssecTable td.modified > div.smaller:before,
table.states td.modified > div.smaller:before,
.entry.modified .smaller.label:before,
.entry .value:first-child > div.smaller.modified:before, div.priceTable span.smaller.pricechange.higher:before, div.priceTable span.smaller.pricechange.lower:before, div.priceTable span.smaller.pricechange.change:before, .smaller.wt-ot-contact:before, .smaller.wt-ot-client:before, .fontello-base.smaller:after, .smaller[class^="icon-"]:after,
.smaller[class*=" icon-"]:after, body .rf-cp .smaller.rf-cp-ico-colps:after, body .rf-cp .smaller.rf-cp-ico-exp:after, .contactCard span.smaller.modified:after,
.smaller.variantHeader.modified:after,
.viewSection.modified > .column > h3.smaller:after,
.viewSection > .column > h3.smaller.modified:after,
.viewSection > .column > .entry > .value .smaller.modified:not(td):after,
table.dnssecTable td.modified > div.smaller:after,
table.states td.modified > div.smaller:after,
.entry.modified .smaller.label:after,
.entry .value:first-child > div.smaller.modified:after, div.priceTable span.smaller.pricechange.higher:after, div.priceTable span.smaller.pricechange.lower:after, div.priceTable span.smaller.pricechange.change:after, .smaller.wt-ot-contact:after, .smaller.wt-ot-client:after {
  line-height: inherit;
  font-size: 100%;
}
.fontello-base.inline:before, .inline[class^="icon-"]:before,
.inline[class*=" icon-"]:before, body .rf-cp .inline.rf-cp-ico-colps:before, body .rf-cp .inline.rf-cp-ico-exp:before, .contactCard span.inline.modified:before,
.inline.variantHeader.modified:before,
.viewSection.modified > .column > h3.inline:before,
.viewSection > .column > h3.inline.modified:before,
.viewSection > .column > .entry > .value .inline.modified:not(td):before,
table.dnssecTable td.modified > div.inline:before,
table.states td.modified > div.inline:before,
.entry.modified .inline.label:before,
.entry .value:first-child > div.inline.modified:before, div.priceTable span.inline.pricechange.higher:before, div.priceTable span.inline.pricechange.lower:before, div.priceTable span.inline.pricechange.change:before, .inline.wt-ot-contact:before, .inline.wt-ot-client:before, .fontello-base.inline:after, .inline[class^="icon-"]:after,
.inline[class*=" icon-"]:after, body .rf-cp .inline.rf-cp-ico-colps:after, body .rf-cp .inline.rf-cp-ico-exp:after, .contactCard span.inline.modified:after,
.inline.variantHeader.modified:after,
.viewSection.modified > .column > h3.inline:after,
.viewSection > .column > h3.inline.modified:after,
.viewSection > .column > .entry > .value .inline.modified:not(td):after,
table.dnssecTable td.modified > div.inline:after,
table.states td.modified > div.inline:after,
.entry.modified .inline.label:after,
.entry .value:first-child > div.inline.modified:after, div.priceTable span.inline.pricechange.higher:after, div.priceTable span.inline.pricechange.lower:after, div.priceTable span.inline.pricechange.change:after, .inline.wt-ot-contact:after, .inline.wt-ot-client:after {
  line-height: inherit;
  font-size: inherit;
}
.fontello-base[class~="state"], [class~="state"][class^="icon-"],
[class~="state"][class*=" icon-"], body .rf-cp [class~="state"].rf-cp-ico-colps, body .rf-cp [class~="state"].rf-cp-ico-exp, .contactCard span[class~="state"].modified,
[class~="state"].variantHeader.modified,
.viewSection.modified > .column > h3[class~="state"],
.viewSection > .column > h3[class~="state"].modified,
.viewSection > .column > .entry > .value [class~="state"].modified:not(td),
table.dnssecTable td.modified > div[class~="state"],
table.states td.modified > div[class~="state"],
.entry.modified [class~="state"].label,
.entry .value:first-child > div[class~="state"].modified, div.priceTable span[class~="state"].pricechange.higher, div.priceTable span[class~="state"].pricechange.lower, div.priceTable span[class~="state"].pricechange.change, [class~="state"].wt-ot-contact, [class~="state"].wt-ot-client {
  cursor: help;
}
.fontello-base[class~="state"]:before, [class~="state"][class^="icon-"]:before,
[class~="state"][class*=" icon-"]:before, body .rf-cp [class~="state"].rf-cp-ico-colps:before, body .rf-cp [class~="state"].rf-cp-ico-exp:before, .contactCard span[class~="state"].modified:before,
[class~="state"].variantHeader.modified:before,
.viewSection.modified > .column > h3[class~="state"]:before,
.viewSection > .column > h3[class~="state"].modified:before,
.viewSection > .column > .entry > .value [class~="state"].modified:not(td):before,
table.dnssecTable td.modified > div[class~="state"]:before,
table.states td.modified > div[class~="state"]:before,
.entry.modified [class~="state"].label:before,
.entry .value:first-child > div[class~="state"].modified:before, div.priceTable span[class~="state"].pricechange.higher:before, div.priceTable span[class~="state"].pricechange.lower:before, div.priceTable span[class~="state"].pricechange.change:before, [class~="state"].wt-ot-contact:before, [class~="state"].wt-ot-client:before, .fontello-base[class~="state"]:after, [class~="state"][class^="icon-"]:after,
[class~="state"][class*=" icon-"]:after, body .rf-cp [class~="state"].rf-cp-ico-colps:after, body .rf-cp [class~="state"].rf-cp-ico-exp:after, .contactCard span[class~="state"].modified:after,
[class~="state"].variantHeader.modified:after,
.viewSection.modified > .column > h3[class~="state"]:after,
.viewSection > .column > h3[class~="state"].modified:after,
.viewSection > .column > .entry > .value [class~="state"].modified:not(td):after,
table.dnssecTable td.modified > div[class~="state"]:after,
table.states td.modified > div[class~="state"]:after,
.entry.modified [class~="state"].label:after,
.entry .value:first-child > div[class~="state"].modified:after, div.priceTable span[class~="state"].pricechange.higher:after, div.priceTable span[class~="state"].pricechange.lower:after, div.priceTable span[class~="state"].pricechange.change:after, [class~="state"].wt-ot-contact:after, [class~="state"].wt-ot-client:after {
  margin: 0;
}
.fontello-base > .label, [class^="icon-"] > .label,
[class*=" icon-"] > .label, body .rf-cp .rf-cp-ico-colps > .label, body .rf-cp .rf-cp-ico-exp > .label, .contactCard span.modified > .label,
.variantHeader.modified > .label,
.viewSection.modified > .column > h3 > .label,
.viewSection > .column > h3.modified > .label,
.viewSection > .column > .entry > .value .modified:not(td) > .label,
table.dnssecTable td.modified > div > .label,
table.states td.modified > div > .label,
.entry.modified .label > .label,
.entry .value:first-child > div.modified > .label, div.priceTable span.pricechange.higher > .label, div.priceTable span.pricechange.lower > .label, div.priceTable span.pricechange.change > .label, .wt-ot-contact > .label, .wt-ot-client > .label {
  vertical-align: top;
}

/*
* icons can be placed before, after or at both locations of the encapsulated
* element. If no location is specified (by .after or .before) class, then the
* icon is placed before as default.
*/
.icon-clipboard.after:after, .icon-clipboard.before:before, .icon-clipboard:not(.after):before {
  content: '\e82f';
}

.icon-trash.after:after, .icon-trash.before:before, .icon-trash:not(.after):before {
  content: '\e82e';
}

.icon-remove.after:after, .icon-remove.before:before, .icon-remove:not(.after):before {
  content: '\e82e';
}

.icon-modified.after:after, .contactCard span.after.modified:after,
.after.variantHeader.modified:after,
.viewSection.modified > .column > h3.after:after,
.viewSection > .column > h3.after.modified:after,
.viewSection > .column > .entry > .value .after.modified:not(td):after,
table.dnssecTable td.modified > div.after:after,
table.states td.modified > div.after:after,
.entry.modified .after.label:after,
.entry .value:first-child > div.after.modified:after, div.priceTable span.after.pricechange.change:after, .icon-modified.before:before, .contactCard span.before.modified:before,
.before.variantHeader.modified:before,
.viewSection.modified > .column > h3.before:before,
.viewSection > .column > h3.before.modified:before,
.viewSection > .column > .entry > .value .before.modified:not(td):before,
table.dnssecTable td.modified > div.before:before,
table.states td.modified > div.before:before,
.entry.modified .before.label:before,
.entry .value:first-child > div.before.modified:before, div.priceTable span.before.pricechange.change:before, .icon-modified:not(.after):before, .contactCard span.modified:not(.after):before,
.variantHeader.modified:not(.after):before,
.viewSection.modified > .column > h3:not(.after):before,
.viewSection > .column > h3.modified:not(.after):before,
.viewSection > .column > .entry > .value .modified:not(td):not(.after):before,
table.dnssecTable td.modified > div:not(.after):before,
table.states td.modified > div:not(.after):before,
.entry.modified .label:not(.after):before,
.entry .value:first-child > div.modified:not(.after):before, div.priceTable span.pricechange.change:not(.after):before {
  content: '\e830';
}

.icon-warning.after:after, .icon-warning.before:before, .icon-warning:not(.after):before {
  content: '\e831';
}

.icon-price_higher.after:after, div.priceTable span.after.pricechange.higher:after, .icon-price_higher.before:before, div.priceTable span.before.pricechange.higher:before, .icon-price_higher:not(.after):before, div.priceTable span.pricechange.higher:not(.after):before {
  content: '\e832';
}

.icon-price_lower.after:after, div.priceTable span.after.pricechange.lower:after, .icon-price_lower.before:before, div.priceTable span.before.pricechange.lower:before, .icon-price_lower:not(.after):before, div.priceTable span.pricechange.lower:not(.after):before {
  content: '\e833';
}

.icon-removed.after:after, .contactCard span.after.modified.removed:after,
.after.variantHeader.modified.removed:after,
.viewSection.modified.removed > .column > h3.after:after,
.viewSection > .column > h3.after.modified.removed:after,
.viewSection > .column > .entry > .value .after.modified.removed:not(td):after,
table.dnssecTable td.modified.removed > div.after:after,
table.states td.modified.removed > div.after:after,
.entry.modified.removed .after.label:after,
.entry .value:first-child > div.after.modified.removed:after, .icon-removed.before:before, .contactCard span.before.modified.removed:before,
.before.variantHeader.modified.removed:before,
.viewSection.modified.removed > .column > h3.before:before,
.viewSection > .column > h3.before.modified.removed:before,
.viewSection > .column > .entry > .value .before.modified.removed:not(td):before,
table.dnssecTable td.modified.removed > div.before:before,
table.states td.modified.removed > div.before:before,
.entry.modified.removed .before.label:before,
.entry .value:first-child > div.before.modified.removed:before, .icon-removed:not(.after):before, .contactCard span.modified.removed:not(.after):before,
.variantHeader.modified.removed:not(.after):before,
.viewSection.modified.removed > .column > h3:not(.after):before,
.viewSection > .column > h3.modified.removed:not(.after):before,
.viewSection > .column > .entry > .value .modified.removed:not(td):not(.after):before,
table.dnssecTable td.modified.removed > div:not(.after):before,
table.states td.modified.removed > div:not(.after):before,
.entry.modified.removed .label:not(.after):before,
.entry .value:first-child > div.modified.removed:not(.after):before {
  content: '\e834';
}

.icon-resize-vertical.after:after, .icon-resize-vertical.before:before, .icon-resize-vertical:not(.after):before {
  content: '\e835';
}

.icon-ticket_status_trivial.after:after, .icon-ticket_status_trivial.before:before, .icon-ticket_status_trivial:not(.after):before {
  content: '\e836';
}

.icon-ticket_status_minor.after:after, .icon-ticket_status_minor.before:before, .icon-ticket_status_minor:not(.after):before {
  content: '\e837';
}

.icon-ticket_status_major.after:after, .icon-ticket_status_major.before:before, .icon-ticket_status_major:not(.after):before {
  content: '\e838';
}

.icon-ticket_status_critical.after:after, .icon-ticket_status_critical.before:before, .icon-ticket_status_critical:not(.after):before {
  content: '\e839';
}

.icon-ticket_status_blocker.after:after, .icon-ticket_status_blocker.before:before, .icon-ticket_status_blocker:not(.after):before {
  content: '\e83a';
}

.icon-tri-state-intermediate.after:after, .icon-tri-state-intermediate.before:before, .icon-tri-state-intermediate:not(.after):before {
  content: '\e83b';
}

.icon-tri-state-check.after:after, .icon-tri-state-check.before:before, .icon-tri-state-check:not(.after):before {
  content: '\e83c';
}

.icon-ti-state-unchecked.after:after, .icon-ti-state-unchecked.before:before, .icon-ti-state-unchecked:not(.after):before {
  content: '\e83d';
}

.icon-added.after:after, .contactCard span.after.modified.new:after,
.after.variantHeader.modified.new:after,
.viewSection.modified.new > .column > h3.after:after,
.viewSection > .column > h3.after.modified.new:after,
.viewSection > .column > .entry > .value .after.modified.new:not(td):after,
table.dnssecTable td.modified.new > div.after:after,
table.states td.modified.new > div.after:after,
.entry.modified.new .after.label:after,
.entry .value:first-child > div.after.modified.new:after, .icon-added.before:before, .contactCard span.before.modified.new:before,
.before.variantHeader.modified.new:before,
.viewSection.modified.new > .column > h3.before:before,
.viewSection > .column > h3.before.modified.new:before,
.viewSection > .column > .entry > .value .before.modified.new:not(td):before,
table.dnssecTable td.modified.new > div.before:before,
table.states td.modified.new > div.before:before,
.entry.modified.new .before.label:before,
.entry .value:first-child > div.before.modified.new:before, .icon-added:not(.after):before, .contactCard span.modified.new:not(.after):before,
.variantHeader.modified.new:not(.after):before,
.viewSection.modified.new > .column > h3:not(.after):before,
.viewSection > .column > h3.modified.new:not(.after):before,
.viewSection > .column > .entry > .value .modified.new:not(td):not(.after):before,
table.dnssecTable td.modified.new > div:not(.after):before,
table.states td.modified.new > div:not(.after):before,
.entry.modified.new .label:not(.after):before,
.entry .value:first-child > div.modified.new:not(.after):before {
  content: '\e83e';
}

.icon-zwnj.after:after, .icon-zwnj.before:before, .icon-zwnj:not(.after):before {
  content: '\e83f';
}

.icon-spin5.after:after, .icon-spin5.before:before, .icon-spin5:not(.after):before {
  content: '\e840';
}

.icon-loading.after:after, .icon-loading.before:before, .icon-loading:not(.after):before {
  content: '\e840';
}

.icon-plus.after:after, .icon-plus.before:before, .icon-plus:not(.after):before {
  content: '\e800';
}

.icon-minus.after:after, .icon-minus.before:before, .icon-minus:not(.after):before {
  content: '\e801';
}

.icon-cancel.after:after, .icon-cancel.before:before, .icon-cancel:not(.after):before {
  content: '\e802';
}

.icon-no.after:after, .icon-no.before:before, .icon-no:not(.after):before {
  content: '\e802';
}

.icon-close.after:after, .icon-close.before:before, .icon-close:not(.after):before {
  content: '\e802';
}

.icon-not-available.after:after, .icon-not-available.before:before, .icon-not-available:not(.after):before {
  content: '\e802';
}

.icon-clear.after:after, .icon-clear.before:before, .icon-clear:not(.after):before {
  content: '\e802';
}

.icon-deleted.state.after:after, .icon-deleted.state.before:before, .icon-deleted.state:not(.after):before {
  content: '\e802';
}

.icon-Cancelled.state.after:after, .icon-Cancelled.state.before:before, .icon-Cancelled.state:not(.after):before {
  content: '\e802';
}

.icon-ok.after:after, .icon-ok.before:before, .icon-ok:not(.after):before {
  content: '\e803';
}

.icon-yes.after:after, .icon-yes.before:before, .icon-yes:not(.after):before {
  content: '\e803';
}

.icon-available.after:after, .icon-available.before:before, .icon-available:not(.after):before {
  content: '\e803';
}

.icon-own.relation.after:after, .icon-own.relation.before:before, .icon-own.relation:not(.after):before {
  content: '\e803';
}

.icon-active.state.after:after, .icon-active.state.before:before, .icon-active.state:not(.after):before {
  content: '\e803';
}

.icon-lock.after:after, .icon-lock.before:before, .icon-lock:not(.after):before {
  content: '\e804';
}

.icon-hold.state.after:after, .icon-hold.state.before:before, .icon-hold.state:not(.after):before {
  content: '\e804';
}

.icon-link.after:after, .icon-link.before:before, .icon-link:not(.after):before {
  content: '\e805';
}

.icon-thumbs-up.after:after, .icon-thumbs-up.before:before, .icon-thumbs-up:not(.after):before {
  content: '\e806';
}

.icon-acc.after:after, .icon-acc.before:before, .icon-acc:not(.after):before {
  content: '\e806';
}

.icon-Approved.state.after:after, .icon-Approved.state.before:before, .icon-Approved.state:not(.after):before {
  content: '\e806';
}

.icon-thumbs-down.after:after, .icon-thumbs-down.before:before, .icon-thumbs-down:not(.after):before {
  content: '\e807';
}

.icon-Rejected.state.after:after, .icon-Rejected.state.before:before, .icon-Rejected.state:not(.after):before {
  content: '\e807';
}

.icon-block.after:after, .icon-block.before:before, .icon-block:not(.after):before {
  content: '\e808';
}

.icon-foreign.relation.after:after, .icon-foreign.relation.before:before, .icon-foreign.relation:not(.after):before {
  content: '\e808';
}

.icon-inactive.state.after:after, .icon-inactive.state.before:before, .icon-inactive.state:not(.after):before {
  content: '\e808';
}

.icon-ccw.after:after, .icon-ccw.before:before, .icon-ccw:not(.after):before {
  content: '\e809';
}

.icon-restorable.state.after:after, .icon-restorable.state.before:before, .icon-restorable.state:not(.after):before {
  content: '\e809';
}

.icon-arrows-cw.after:after, .icon-arrows-cw.before:before, .icon-arrows-cw:not(.after):before {
  content: '\e80a';
}

.icon-cw.after:after, .icon-cw.before:before, .icon-cw:not(.after):before {
  content: '\e80b';
}

.icon-calendar.after:after, .icon-calendar.before:before, .icon-calendar:not(.after):before {
  content: '\e80c';
}

.icon-sort-alt-up.after:after, .icon-sort-alt-up.before:before, .icon-sort-alt-up:not(.after):before {
  content: '\e80d';
}

.icon-sort-alt-down.after:after, .icon-sort-alt-down.before:before, .icon-sort-alt-down:not(.after):before {
  content: '\e80e';
}

.icon-clock.after:after, .icon-clock.before:before, .icon-clock:not(.after):before {
  content: '\e80f';
}

.icon-Pending.state.after:after, .icon-Pending.state.before:before, .icon-Pending.state:not(.after):before {
  content: '\e80f';
}

.icon-attach.after:after, .icon-attach.before:before, .icon-attach:not(.after):before {
  content: '\e810';
}

.icon-download.after:after, .icon-download.before:before, .icon-download:not(.after):before {
  content: '\e811';
}

.icon-pencil.after:after, .icon-pencil.before:before, .icon-pencil:not(.after):before {
  content: '\e812';
}

.icon-search.after:after, .icon-search.before:before, .icon-search:not(.after):before {
  content: '\e813';
}

.icon-list-bullet.after:after, .icon-list-bullet.before:before, .icon-list-bullet:not(.after):before {
  content: '\e814';
}

.icon-attention.after:after, .icon-attention.before:before, .icon-attention:not(.after):before {
  content: '\e815';
}

.icon-info.after:after, .icon-info.before:before, .icon-info:not(.after):before {
  content: '\e816';
}

.icon-down-dir.after:after, body .rf-cp .after.rf-cp-ico-exp:after, .icon-down-dir.before:before, body .rf-cp .before.rf-cp-ico-exp:before, .icon-down-dir:not(.after):before, body .rf-cp .rf-cp-ico-exp:not(.after):before {
  content: '\e817';
}

.icon-up-dir.after:after, .icon-up-dir.before:before, .icon-up-dir:not(.after):before {
  content: '\e818';
}

.icon-left-dir.after:after, body .rf-cp .after.rf-cp-ico-colps:after, .icon-left-dir.before:before, body .rf-cp .before.rf-cp-ico-colps:before, .icon-left-dir:not(.after):before, body .rf-cp .rf-cp-ico-colps:not(.after):before {
  content: '\e819';
}

.icon-right-dir.after:after, .icon-right-dir.before:before, .icon-right-dir:not(.after):before {
  content: '\e81a';
}

.icon-left-open.after:after, .icon-left-open.before:before, .icon-left-open:not(.after):before {
  content: '\e81b';
}

.icon-copy-rtl.after:after, .icon-copy-rtl.before:before, .icon-copy-rtl:not(.after):before {
  content: '\e81b';
}

.icon-right-open.after:after, .icon-right-open.before:before, .icon-right-open:not(.after):before {
  content: '\e81c';
}

.icon-copy-ltr.after:after, .icon-copy-ltr.before:before, .icon-copy-ltr:not(.after):before {
  content: '\e81c';
}

.icon-goto.after:after, .icon-goto.before:before, .icon-goto:not(.after):before {
  content: '\e81c';
}

.icon-left-angle.after:after, .icon-left-angle.before:before, .icon-left-angle:not(.after):before {
  content: '\e81f';
}

.icon-left-double-angle.after:after, .icon-left-double-angle.before:before, .icon-left-double-angle:not(.after):before {
  content: '\e820';
}

.icon-copy-all-rtl.after:after, .icon-copy-all-rtl.before:before, .icon-copy-all-rtl:not(.after):before {
  content: '\e820';
}

.icon-right-angle.after:after, .icon-right-angle.before:before, .icon-right-angle:not(.after):before {
  content: '\e821';
}

.icon-right-double-angle.after:after, .icon-right-double-angle.before:before, .icon-right-double-angle:not(.after):before {
  content: '\e822';
}

.icon-copy-all-ltr.after:after, .icon-copy-all-ltr.before:before, .icon-copy-all-ltr:not(.after):before {
  content: '\e822';
}

.icon-play.after:after, .icon-play.before:before, .icon-play:not(.after):before {
  content: '\e823';
}

.icon-wrench.after:after, .icon-wrench.before:before, .icon-wrench:not(.after):before {
  content: '\e824';
}

.icon-ote.after:after, .icon-ote.before:before, .icon-ote:not(.after):before {
  content: '\e824';
}

.icon-beaker.after:after, .icon-beaker.before:before, .icon-beaker:not(.after):before {
  content: '\e825';
}

.icon-staging.after:after, .icon-staging.before:before, .icon-staging:not(.after):before {
  content: '\e825';
}

.icon-fast-fw.after:after, .icon-fast-fw.before:before, .icon-fast-fw:not(.after):before {
  content: '\e826';
}

.icon-expand.after:after, .icon-expand.before:before, .icon-expand:not(.after):before {
  content: '\e827';
}

.icon-hidden.after:after, .icon-hidden.before:before, .icon-hidden:not(.after):before {
  content: '\e828';
}

.icon-help.after:after, .icon-help.before:before, .icon-help:not(.after):before {
  content: '\e829';
}

.icon-link-ext.after:after, .icon-link-ext.before:before, .icon-link-ext:not(.after):before {
  content: '\e82c';
}

.icon-error.after:after, .icon-error.before:before, .icon-error:not(.after):before {
  content: '\e82d';
}

.icon-cancel-circled.after:after, .icon-cancel-circled.before:before, .icon-cancel-circled:not(.after):before {
  content: '\e82d';
}

.icon-user.after:after, .icon-user.before:before, .icon-user:not(.after):before {
  content: '\e82b';
}

.icon-person.after:after, .after.wt-ot-contact:after, .after.wt-ot-client:after, .icon-person.before:before, .before.wt-ot-contact:before, .before.wt-ot-client:before, .icon-person:not(.after):before, .wt-ot-contact:not(.after):before, .wt-ot-client:not(.after):before {
  content: '\e82b';
}

.icon-bg-error.after:after, .icon-bg-error.before:before, .icon-bg-error:not(.after):before {
  content: '\e841';
}

.icon-lock-open.after:after, .icon-lock-open.before:before, .icon-lock-open:not(.after):before {
  content: '\f13e';
}

.actionLink.icon .icon-left-open.after:after, .actionLink.icon .icon-left-open.before:before, .actionLink.icon .icon-left-open:not(.after):before {
  line-height: 26px;
}
.actionLink.icon .icon-copy-rtl.after:after, .actionLink.icon .icon-copy-rtl.before:before, .actionLink.icon .icon-copy-rtl:not(.after):before {
  line-height: 26px;
}
.actionLink.icon .icon-right-open.after:after, .actionLink.icon .icon-right-open.before:before, .actionLink.icon .icon-right-open:not(.after):before {
  line-height: 26px;
}
.actionLink.icon .icon-copy-ltr.after:after, .actionLink.icon .icon-copy-ltr.before:before, .actionLink.icon .icon-copy-ltr:not(.after):before {
  line-height: 26px;
}
.actionLink.icon .icon-goto.after:after, .actionLink.icon .icon-goto.before:before, .actionLink.icon .icon-goto:not(.after):before {
  line-height: 26px;
}
.actionLink.icon .icon-right-open.after:after, .actionLink.icon .icon-right-open.before:before, .actionLink.icon .icon-right-open:not(.after):before {
  padding-left: 2px;
}
.actionLink.icon .icon-copy-ltr.after:after, .actionLink.icon .icon-copy-ltr.before:before, .actionLink.icon .icon-copy-ltr:not(.after):before {
  padding-left: 2px;
}
.actionLink.icon .icon-goto.after:after, .actionLink.icon .icon-goto.before:before, .actionLink.icon .icon-goto:not(.after):before {
  padding-left: 2px;
}
.actionLink.icon .icon-left-open.after:after, .actionLink.icon .icon-left-open.before:before, .actionLink.icon .icon-left-open:not(.after):before {
  padding-right: 2px;
}
.actionLink.icon .icon-copy-rtl.after:after, .actionLink.icon .icon-copy-rtl.before:before, .actionLink.icon .icon-copy-rtl:not(.after):before {
  padding-right: 2px;
}
.actionLink.icon .icon-plus {
  padding-top: 1px;
}

.relation.icon-foreign:before, .relation.icon-foreign:after,
.state.icon-deleted:before,
.state.icon-deleted:after,
.state.icon-inactive:before,
.state.icon-inactive:after,
.icon-not-available:before,
.icon-not-available:after {
  color: red;
}

.contending.icon-ok:before, .contending.icon-ok:after,
.relation.icon-own:before,
.relation.icon-own:after,
.state.icon-active:before,
.state.icon-active:after,
.icon-available:before,
.icon-available:after {
  color: green;
}

.contending.icon-ok {
  float: right;
}

.actionsMenu .rf-ddm-itm.rf-ddm-itm-dis[title] .rf-ddm-emptyIcon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /*line-height: 1em;*/
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  font-size: 150%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  content: '\e829';
}

/*
   Animation example, for spinners
*/
.animate-spin, .icon-loading {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
div.spinnerContainer {
  position: relative;
}

div.spinnerContainer .ajaxLoading.center {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 5px;
}

.viewPanelControlsContainer .ajaxLoading {
  background-image: url("/javax.faces.resource/css/images/ajaxloading.png.faces");
  animation: 1s linear 0s normal infinite spin;
}

.ajaxLoading.left {
  float: left;
}

.ajaxLoading.right {
  float: right;
}

.ajaxLoading.input {
  margin: 5px;
}

.buttonsContainer .ajaxLoading {
  margin: 5px;
}

.ajaxLoading:not(:empty) {
  padding-left: 26px;
  background-position: 0 50%;
  width: auto;
  height: auto;
}

.rf-is,
.rf-is-opt {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rf-is.rf-is-act {
  /*overflow: visible;*/
}

input.rf-is-fld:focus,
input.k-rf-ta-sl:focus {
  box-shadow: none;
}

body .rf-is:hover {
  background-image: url("/javax.faces.resource/css/images/Icon_Pencil.png.faces");
  background-position: right 5px center;
  background-repeat: no-repeat;
}

body .rf-ii:hover,
body .rf-it-lbl:hover {
  background-image: url("/javax.faces.resource/css/images/Icon_Pencil.png.faces");
  background-position: right 5px center;
  background-repeat: no-repeat;
}

body .rf-is.rf-is-dis:hover,
body .rf-ii-dis.rf-ii:hover,
body .rf-it-dis .rf-it-lbl:hover {
  background-image: none;
  background-position: initial;
  background-repeat: no-repeat;
}

body .rf-ii-dis.rf-ii:hover {
  border: 2px solid transparent;
}

.rf-is.rf-is-dis,
.inputDisabled,
.rf-insl-inp.inputDisabled,
.rf-is.inputDisabled,
input[type='text'][disabled='disabled'],
.inputText[readonly='readonly'],
.inputText[disabled='disabled'],
textarea[disabled='disabled'],
body .select2-container.select2-container-disabled .select2-choice,
body .select2-container.select2-container-disabled .select2-choice .select2-arrow,
body .k-rf-lta-disabled {
  border: 1px solid #B0B9C0;
  background-image: none;
  /**/background-color: #ECEDED;/**/
}

body .select2-container.select2-container-disabled .select2-choice .select2-arrow,
.k-rf-lta-disabled textarea,
.k-rf-lta-disabled input[type='text'] {
  border: none;
}

.rf-p.wikiPreview {
  padding: 1px 5px;
}

.wikiPreview > .rf-p-b > p {
  margin: 0;
}

body .rf-fu-hdr,
th.rf-dt-hdr-c {
  color: white;
  background-color: #030303;
  background-image: url("/javax.faces.resource/css/images/bg_header_shadow.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #858585, #030303);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #858585, #030303);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #858585, #030303);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #858585, #030303);/**/
  /**/background-image: linear-gradient(to bottom, #858585, #030303);/**/
  border: none;
  text-align: left;
}

/* collapsible panel */
body .rf-cp {
  padding: 0;
  border: none;
}

body .rf-cp-hdr {
  padding: 0;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  border-radius: 2px;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /**/background-image: linear-gradient(to bottom, #BAA266, #7E6E45);/**/
}

body .rf-cp-hdr .rf-cp-gr {
  height: 40px;
}

body .rf-cp-hdr .rf-cp-gr .rf-cp-ico {
  display: none;
}

body .rf-cp-hdr .rf-cp-gr .rf-cp-lbl {
  padding-left: 8px;
}

body .rf-cp-b {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}

body .rf-cp .rf-cp-exp-ico {
  padding-right: 10px;
}

body .rf-cp .rf-cp-ico-colps {
  background: none;
  /** background: transparent url("/javax.faces.resource/css/images/bg_search_section_collapsed.png.faces") 50% 50% no-repeat; */
}

body .rf-cp .rf-cp-ico-exp {
  background: none;
  /** background: transparent url("/javax.faces.resource/css/images/bg_search_section_expanded.png.faces") 50% 50% no-repeat; */
}

/* selector */
.rf-sel .rf-sel-cntr {
  border: 1px solid #B0B9C0;
}

.rf-sel .rf-sel-btn-arrow {
  height: 24px;
}

.rf-sel input.rf-sel-inp {
  width: 258px;
  height: 24px;
  padding-left: 5px;
  vertical-align: baseline;
  cursor: pointer;
  background: none;
}

.rf-sel .rf-sel-btn {
  border: none;
  background: transparent;
}

.rf-sel .rf-sel-btn-arrow {
  background: transparent url("/javax.faces.resource/css/images/bg_selector_button.png.faces") 0% 30% no-repeat;
}

/* drop down menu */
.rf-ddm-lst .rf-ddm-itm-lbl,
.rf-ddm-lst .rf-ddm-itm-lbl a {
  display: inline-block;
  min-width: 222px;
  color: inherit;
  text-decoration: none;
}

.actionsMenu .rf-ddm-lst .rf-ddm-itm-lbl a {
  padding: 0 10px 0 26px;
  margin: 0 -10px 0 -26px;
}

.actionsMenu .rf-ddm-itm.rf-ddm-itm-dis[title] {
  cursor: help;
}

/* inplace input for <h2> elements */
h2 .rf-ii {
  display: block;
  width: 100%;
  clear: left;
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

h2 .rf-ii-chng {
  background: none;
}

h2 input.rf-ii-fld,
h2 .rf-ii-lbl {
  color: inherit;
}

h2 .rf-ii-lbl {
  white-space: normal;
}

h2 .rf-ii-fld-cntr {
  background-color: transparent;
  width: 100%;
  height: 100%;
}

h2 .rf-ii-btn-prepos {
  bottom: 2px;
  right: 70px;
  left: auto;
  top: auto;
}

h2 .rf-ii {
  height: auto;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h2 .rf-ii:hover,
h2 .rf-ii.rf-ii-act {
  border: 2px solid #B0B9C0;
  background-color: #FFFFFF;
}

h2 input.rf-ii-fld {
  background-color: #FFFFFF;
}

/* inplace select */
body .rf-is {
  background-color: #FFFFFF;
}

body .rf-is input.rf-is-fld,
body .rf-is .rf-is-fld-cntr,
body .rf-is .rf-is-lst-dec,
body .rf-is-opt,
body .rf-is.rf-is-act {
  background-color: #FFFFFF;
}

body .rf-is-opt.rf-is-sel {
  /**/background: none repeat scroll 0 0 #BAA266;/**/
  color: #FFFFFF;
}

body .rf-is-fld,
body .rf-is-opt,
body .rf-is-lbl {
  font-size: 12px;
  line-height: 22px;
}

body .rf-is-lbl {
  display: inline-block;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

body .rf-is-dflt-lbl {
  color: black;
}

body .rf-is-fld-cntr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 268px;
  margin: 1px 5px;
  position: absolute !important;
}

body .rf-is-fld {
  width: 100%;
  height: 22px;
  padding: 1px 5px;
  border: 1px solid #B0B9C0;
  font-size: 12px;
  background: none;
}

body .rf-is-chng {
  background: none;
}

body input.rf-is-fld {
  font-size: 12px;
  /*height: 24px;*/
  width: 100% !important;
}

body .rf-is-btn-pos {
  top: 8px;
  left: 2px;
}

body .rf-is-lst-pos,
body .rf-is-lst-cord {
  width: 302px !important;
}

body .rf-is-btn-prepos {
  top: -8px;
  right: 50px;
}

/* inplace input */
body .rf-is-btn,
body .rf-ii-btn {
  display: inline-block;
  width: 14px;
  height: 14px;
  /**/border: 1px solid #DDDDDD;/**/
  margin-left: 4px;
  line-height: 24px;
  color: #192730;
  border-radius: 4px;
  text-align: center;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

body input[id$='Okbtn'].rf-ii-btn,
body input[id$='Okbtn'].rf-is-btn {
  border: 1px solid #192730;
  /* fallback if no backround image*/
  background-color: #192730;
  /* fallback */
  background-image: url("/javax.faces.resource/css/images/bg_header_shadow.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #4F616D, #192730);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #4F616D, #192730);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #4F616D, #192730);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #4F616D, #192730);
  background-image: linear-gradient(to bottom, #4f616d, #192730);
  background-position: left top;
  background-repeat: repeat-x;
}

body .rf-is-shdw-t,
body .rf-is-shdw-b,
body .rf-is-shdw-l,
body .rf-is-shdw-r,
body .rf-is-shdw,
body .rf-ii-btn-shdw-t,
body .rf-ii-btn-shdw-b,
body .rf-ii-btn-shdw-l,
body .rf-ii-btn-shdw-r,
body .rf-ii-btn-shdw {
  background: none;
}

/* collapsible panel */
body .rf-cp-b {
  color: #999999;
}

.tango .rf-dt {
  border: none;
  /*border-collapse: separate;*/
}

.tango .rf-dt-hdr-c {
  text-align: center;
  padding: 4px;
  font-weight: bold;
}

.tango .rf-cst,
.tango .rf-cst-nd,
.tango .rf-cst-shdr-c,
.tango .rf-dt-shdr-c {
  border-bottom: none;
}

.tango .rf-cst-shdr-c:first-child,
.tango .rf-cst-shdr-c:last-child,
.tango .rf-dt-shdr-c:first-child,
.tango .rf-dt-shdr-c:last-child,
.tango .rf-dt-hdr-c:first-child,
.tango .rf-dt-hdr-c:last-child {
  border-radius: 2px;
}

.tango .rf-cst-shdr-c:first-child,
.tango .rf-dt-shdr-c:first-child,
.tango .rf-dt-hdr-c:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tango .rf-dt-hdr-c:only-child,
.tango .rf-dt-c:only-child {
  border-radius: 0;
}

.tango .rf-dt-c:only-child {
  /**/border-top: 1px solid #ECEDED;/**/
}

.tango .rf-dt-hdr-c:only-child {
  border-top: 1px solid #B0B9C0;
}

.tango .rf-dt-hdr-c {
  border-right: 1px solid #B0B9C0;
}

.tango .rf-cst-shdr-c:last-child,
.tango .rf-dt-shdr-c:last-child,
.tango .rf-dt-hdr-c:last-child:not(:only-child) {
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tango .rf-cst-c {
  background-color: transparent;
}

.tango .rf-cst-c,
.tango .rf-dt-c {
  padding: 8px 10px;
  /**/border-color: #ECEDED;/**/
  border-bottom: none;
}

.registrarDataTable .rf-dt-ftr-c,
.tango .rf-cst-c.last,
.tango .rf-dt-c.last {
  border-right: none;
}

body .rf-sel-sel {
  /**/background-color: #BAA266;/**/
}

body .rf-fu-hdr {
  margin: 0;
  background: transparent;
}

body .actionsMenu,
body .rf-fu-itm-rgh {
  font-weight: normal;
  color: #030303;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

.actionsMenu.rf-ddm-lbl,
.actionsMenu.rf-ddm-lbl-dis {
  z-index: auto;
}

.actionsMenu .rf-ddm-lbl-dec {
  font-weight: inherit;
  background: url("/javax.faces.resource/css/images/bg_multiaction.png.faces") no-repeat right 20%;
  padding-right: 20px;
}

.actionsMenu .rf-ddm-lst,
.actionsMenu .rf-ddm-lst-bg,
.actionsMenu .rf-ddm-itm {
  background: whitesmoke;
}

.actionsMenu .rf-ddm-lst-bg {
  /**/border-color: #DDDDDD;/**/
}

.actionsMenu .rf-ddm-lst {
  border: 1px solid #B0B9C0;
}

.actionsMenu .rf-ddm-itm-sel,
.actionsMenu .rf-ddm-itm-unsel,
.actionsMenu .rf-ddm-itm-dis {
  padding: 0 10px 0 0;
  border: 0;
}

.actionsMenu .rf-ddm-itm-sel {
  /**/background-color: #BAA266;/**/
}

.actionsMenu.issueActions .rf-ddm-itm {
  min-width: 276px;
}

.rf-dt-c.status.due {
  background-color: red;
}

.rf-dt-c.exemptionInput {
  width: 250px;
  overflow: visible;
}

.rf-dt-c.exemptionInput .rf-msg-err {
  text-align: initial;
}

.rf-dt-c .rf-ii {
  height: 26px;
}

.rf-dt-c .rf-ii .rf-ii-lbl {
  display: inline-block;
  height: 100%;
}

.rf-dt-c.inputBlock .inputText {
  width: 100%;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rf-dt-c.owner {
  text-align: center;
}

.rf-dt-c.name {
  min-width: 160px;
  max-width: 460px;
}

.rf-dt-c.priority {
  width: 120px;
  text-align: right;
}

.rf-dt-hdr-c.date.medium,
.rf-dt-c.date.medium {
  min-width: 220px;
  max-width: 220px;
  width: 220px;
}

.rf-dt-c.name.internal {
  font-weight: bold;
}

.viewSection td.rf-dt-ftr-c {
  text-align: left;
  font-weight: normal;
  border-style: none;
  /**/background-color: #DDDDDD;/**/
}

.tango .rf-cst-c {
  padding: 0 10px;
}

.tango .rf-cst-r.last-row .rf-cst-c {
  padding-bottom: 8px;
}

.tango .rf-dt-hdr-c.force-borders:last-child {
  border-right: 1px solid #B0B9C0;
}

.docTable td.rf-dt-ftr-c {
  border-style: none;
  font-weight: normal;
  text-align: center;
}

.docTable td.rf-dt-c {
  vertical-align: top;
}

input[type='checkbox'][disabled] + label {
  /**/color: #B0B9C0;/**/
}

.inputTextarea,
.wikiPreview {
  height: 220px;
  border: 1px solid #B0B9C0;
  margin: 0;
  padding: 1px 5px;
  width: 978px;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.regularWidth .inputTextarea {
  width: 268px;
  padding: 1px 5px;
}

.inputCheckbox,
.inputCheckboxLabel {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0;
  vertical-align: middle;
}

.inputCheckbox {
  margin-right: 6px;
}

.vBlock {
  margin-bottom: 40px;
}

.inputVBlock {
  margin-bottom: 16px;
}

.hRow {
  float: left;
  margin-right: 20px;
}

.fieldBlock {
  float: left;
  width: 480px;
}

.fieldBlock.alfa {
  clear: both;
}

.fieldBlock.sectionText {
  width: 538px;
  padding: 0;
}

.fieldBlock.omega {
  float: right;
  clear: right;
}

.fieldBlock.newBlock {
  clear: left;
}

.fieldBlock .labelBlock {
  float: left;
  width: 190px;
  margin-right: 10px;
  position: relative;
}

.labelBox {
  min-height: 24px;
  border-bottom: 1px solid #B0B9C0;
  margin-top: 1px;
}

.labelBox.twoLines {
  height: 50px;
}

.infoBoxPanel {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  /**/background-color: #BAA266;/**/
  border-radius: 3px;
  cursor: help;
}

.infoBoxPanel:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '\e816';
  font-family: fontello;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  font-size: 16px;
  color: #FFFFFF;
}

.fieldBlock .inputBlock {
  float: left;
  width: 280px;
}

.fieldBlock.commentTextarea {
  width: 760px;
}

.fieldBlock.commentTextarea textarea {
  resize: vertical;
}

.fieldBlock.doubleWidth {
  width: 1000px;
}

.fieldBlock.doubleWidth .inputBlock {
  width: 800px;
}

.fieldBlock.increasedSize {
  width: 1000px;
  height: 350px;
}

.fieldBlock.increasedSize .inputBlock {
  width: 800px;
  height: 350px;
}

.fieldBlock.commentTextarea .inputBlock .wikiPreview,
.fieldBlock.commentTextarea .inputBlock .inputTextarea,
.fieldBlock.commentTextarea .inputBlock {
  width: 560px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fieldBlock.commentTextarea.increasedSize .inputBlock .inputTextarea,
.fieldBlock.commentTextarea.increasedSize .inputBlock .wikiPreview,
.fieldBlock.commentTextarea .inputBlock {
  width: 800px;
  height: 300px;
  font-size: 16px;
}

.fieldBlock .previewLabelBox {
  margin-top: 6px;
  /*border-bottom: 1px solid $color-border;*/
}

.fieldBlock .increasedSize .previewLabelBox {
  font-size: 16px;
}

.inputContainer.disabledMessage {
  font-style: italic;
  border: none;
  border-bottom: 1px solid #b0b9c0;
  border-left: 1px solid #b0b9c0;
  line-height: 24px;
  padding: 1px 6px 0 5px;
  cursor: default;
  display: block;
}

.fieldBlock .inputBlock .inputContainer {
  position: relative;
}

.fieldBlock .inputBlock .inputContainer .inputMessage {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 32px;
  bottom: 100%;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover {
  width: 278px;
  height: auto;
  overflow: visible;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:before {
  content: "";
  float: left;
  width: 5px;
  height: 32px;
}

.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err:before,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-inf:before,
.fieldBlock .inputBlock .inputContainer .inputMessage:after {
  content: "\02026";
  float: right;
  position: relative;
  top: -16px;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  line-height: 14px;
  color: #EB3D26;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
}

/* show ellipsis if multiple messages was generated but the first message is not too long */
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err:before,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-inf:before {
  left: 0;
}

/* hide ellipsis on hover if multiple messages was generated */
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err:before,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:before {
  display: none;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover:before,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover:after {
  display: none;
}

.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-err,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-inf,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-inf {
  float: right;
  width: 240px;
  min-height: 30px;
  padding-left: 35px;
  padding-right: 5px;
  line-height: 15px;
  margin-left: -5px;
}

.fieldBlock.normalError.fullwidth .inputBlock .inputContainer .inputMessage .rf-msg-err,
.fieldBlock.normalError.fullwidth .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  float: left;
  width: 240px;
}

.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-err,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  background-image: none;
  background-position: 0 3px;
}

/* hide ellipsis for first message */
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err:first-child:before,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-inf:first-child:before {
  display: none;
}

/* display icon only once */
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-err:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err:first-child:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err:first-child:last-child,
.systems .inputContainer .inputMessage .rf-msgs-err:first-child:last-child {
  background-image: url("/javax.faces.resource/css/images/bg_field_error.png.faces");
  background-position: left center;
}

.systems .inputContainer .inputMessage .rf-msgs-err:first-child:last-child {
  padding: 1rem 2rem;
}

/* display icon only once */
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-inf:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-inf:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-inf:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-inf:first-child:last-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:first-child:last-child {
  background-image: url("/javax.faces.resource/info.png.faces?ln=org.richfaces");
  background-position: left center;
}

/* on hover only the last element (on bottom) should have an icon */
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-inf:first-child,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:first-child {
  background-image: none;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err,
.fieldBlock.normalError.fullwidth .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.fieldBlock.normalError.fullwidth .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-inf,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf {
  float: none;
  width: 250px;
  padding-left: 30px;
  padding-right: 0;
  margin-left: 0;
  background-position: left bottom;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-inf,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf {
  background-position: center center;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-sum,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-det {
  display: block;
  min-height: 28px;
  padding: 4px 4px 2px;
  background-color: #FFFFFF;
  border: 1px solid #F7B1A8;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf .rf-msgs-sum,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf .rf-msg-det {
  border-color: #B0B9C0;
}

/* disable top border with rounded corners for all error message summaries */
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err .rf-msgs-sum,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf .rf-msgs-sum {
  border-top: none;
  border-radius: 0;
}

/* enable top border with rounded corners for first error message summary */
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err:first-child .rf-msgs-sum,
.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:first-child .rf-msgs-sum {
  border-top: 1px solid #F7B1A8;
  border-radius: 10px 10px 0 0;
}

.fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-inf:first-child .rf-msgs-sum {
  border-top: 1px solid #B0B9C0;
}

.fieldBlock .inputBlock .inputContainer .inputCheckbox {
  /*margin-top: 2px;*/
}

.fieldBlock .inputBlock .inputContainer .infoMessage {
  line-height: 26px;
}

.fieldBlock .inputBlock .inputBlock {
  width: 160px;
}

.inputBlock .inputText,
.inputBlock .inputSelect,
.inputBlock .rf-is {
  width: 268px;
}

.inputBlock input[type='text'],
.inputBlock textarea,
.inputBlock .inputText,
.inputBlock .inputSelect,
.inputBlock .select2-container,
.inputBlock .rf-is {
  background-image: none;
}

.inputBlock .inputContainer > input[type="checkbox"] {
  height: 24px;
}

.inputBlock .inputText.phoneNumber {
  width: 181px;
  margin-right: 5px;
}

.inputBlock .inputText.phoneNumberExt {
  width: 70px;
}

/*.inputBlock .inputTextarea {
  width: 538px;
}*/
.inputBlock .inputSelect {
  width: 280px;
  height: 26px;
  padding-right: 0;
  padding-top: 3px;
}

.rf-sel-lst-scrl {
  width: 280px !important;
}

.labelBlock .inputElementContainer {
  display: block;
  height: 24px;
  float: left;
}

.labelBlock .inputElement {
  display: table-cell;
  height: 24px;
  vertical-align: middle;
}

.labelBlock .inputLabel {
  min-height: 24px;
  line-height: 24px;
  position: absolute;
  bottom: 1px;
}

.labelBlock .inputLabel {
  max-width: 190px;
}

.labelBlock.optional .inputLabel {
  max-width: 170px;
  left: 20px;
}

.labelBlock.described .inputLabel {
  max-width: 165px;
}

.labelBlock.optional.described .inputLabel {
  max-width: 145px;
}

.labelBlock:not(.optional) div.infoBoxPanel + label {
  max-width: 165px;
}

.labelBlock .twoLines .inputLabel {
  width: 96px;
}

.fieldBlock.rich-calendar .inputBlock .inputContainer .inputMessage {
  width: 250px;
}

.fieldBlock.rich-calendar .inputBlock .inputContainer .inputMessage .rf-msg-err,
.fieldBlock.rich-calendar .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  width: 210px;
}

.fieldBlock.rich-calendar .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.fieldBlock.rich-calendar .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err {
  width: 220px;
}

.inputBlock .rf-cal-inp {
  height: 22px;
  margin-right: 10px;
  width: 238px;
  padding: 1px 5px;
}

.inputBlock .k-rf-ta-c {
  width: 237px;
  margin-top: 2px;
}

.inputBlock .k-rf-ta-c input,
.inputBlock .k-rf-ta-c textarea {
  margin-top: 3px;
}

.inputBlock .k-rf-lta .k-rf-lta-l-c {
  width: 30px;
  padding-bottom: 3px;
  padding-top: 5px;
}

.inputBlock .k-rf-ta-c .k-rf-ta {
  width: 227px;
  font-size: 100%;
}

.ajaxLoading {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url("/javax.faces.resource/css/images/ajaxloading_transparent_bg.gif.faces") no-repeat 50% 50%;
}

.indicatorMessage > span {
  display: inline-block;
  vertical-align: middle;
}

.indicatorMessage > span + span {
  padding-left: 10px;
}

.inputBlock .cell {
  float: left;
  width: 50%;
  text-align: center;
  border-right: 1px solid #B0B9C0;
  margin-bottom: -90px;
  padding-bottom: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cell:last-child {
  border-right: none;
}

.fieldBlock.vBlock.last .cell,
.fieldBlock.vBlock.last .cell,
.cell.last {
  margin-bottom: 0;
  padding-bottom: 0;
}

.fieldBlock.vBlock.first .cell,
.fieldBlock.vBlock.first .cell,
.cell.first {
  margin-top: -25px;
  padding-top: 25px;
}

.head .cell {
  margin-bottom: 0;
  padding-bottom: 0;
  border-right: none;
  border-bottom: 1px solid #B0B9C0;
}

.fieldBlock.head {
  margin-bottom: 1em;
}

.inputBlock .rf-insl {
  display: inline-block;
  width: 100%;
}

.inputBlock .rf-insl-trc-cntr {
  display: inline-block;
  position: relative;
  width: 194px;
  height: 25px;
  border-bottom: 1px solid #B0B9C0;
}

.inputBlock .rf-insl-mn,
.inputBlock .rf-insl-mx {
  display: none;
}

.inputBlock .rf-insl-trc {
  margin-top: 8px;
}

.inputBlock .rf-insl-inp-cntr {
  display: inline-block;
}

.inputBlock .rf-insl-inp-cntr input.rf-insl-inp {
  width: 62px;
  height: 22px;
  padding: 1px 5px;
  margin-left: 12px;
  border: 1px solid #B0B9C0;
  text-align: right;
}

div.date.inputText.disabled {
  line-height: 24px;
  /**/background-color: #ECEDED;/**/
  color: black;
}

.fieldBlock.fullwidth .inputBlock {
  width: 978px;
}

.fieldBlock.fullwidth .inputBlock .inputContainer .inputMessage .rf-msg-err,
.fieldBlock.fullwidth .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  width: 938px;
}

.fieldBlock.fullwidth .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.fieldBlock.fullwidth .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err {
  width: 948px;
}

.fullwidth .inputText {
  width: 966px;
}

.fullwidth-l .inputText {
  width: 988px;
}

.fullwidth-l .inputTextarea {
  width: 998px;
}

.fieldBlock.number .inputBlock .inputText,
.inputBlock.number .inputText {
  text-align: right;
}

.inlineInputContainer {
  position: relative;
}

.formatSelectorPanel {
  float: right;
  margin-top: 5px;
}

.formatSelectorPanel .vBlock {
  margin-bottom: 20px;
}

.formatSelectorPanel .fieldBlock {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

.formatSelector {
  float: right;
}

.formatSelectorPanel .inputBlock {
  width: auto;
}

.formatSelectorPanel .inputBlock .rf-sel input.rf-sel-inp {
  width: 60px;
}

.multiSelectList {
  width: 690px;
  margin-left: 10px;
  float: left;
}

.multiSelectContainer {
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.multiSelectApex, .multiSelectRegistrar {
  width: 850px;
  float: left;
  margin-bottom: 40px;
}

.tariffPanel .inputTextarea {
  height: 100px;
}

.slot-info * {
  line-height: 26px;
  height: 26px;
  box-sizing: border-box;
}

div.time-format {
  float: left;
  margin-top: 10px;
}
div.time-format > label {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  border-bottom: 1px solid #B0B9C0;
  margin-right: 10px;
  padding-right: 10px;
}
div.time-format > select {
  width: 120px;
  height: 26px;
  display: inline-block;
  vertical-align: bottom;
}

div.tags {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
div.tags > div.tag {
  float: left;
  height: 24px;
  line-height: 24px;
  border: 1px solid #B0B9C0;
  padding: 0 0.5em;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
div.tags > div.tag > span {
  display: inline-block;
}
div.tags > div.tag > span.value {
  vertical-align: top;
}
div.tags > div.tag > span.action {
  width: 24px;
  text-align: center;
  margin-right: -0.5rem;
}
div.tags > div.tag > span.action > a {
  font-size: 20px;
  color: #192730;
  text-decoration: none;
  display: inline-block;
}

div.fieldBlock.tags div.inputContainer {
  padding-left: 0.25rem;
}
div.fieldBlock.tags input[type="text"] {
  float: left;
  margin-right: 0.25rem;
  width: 268px;
}
div.fieldBlock.tags div.buttonsContainer {
  clear: none;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.5rem;
  padding: 0;
  width: auto;
  position: relative;
}
div.fieldBlock.tags div.tags {
  clear: both;
}
div.fieldBlock.tags div.tags > div.buttonsContainer {
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  body .select2-search input,
  body .select2-search-choice-close,
  body .select2-container .select2-choice abbr,
  body .select2-container .select2-choice .select2-arrow b {
    background-image: none !important;
  }
}
/* disable standard backgrounds */
body .select2-container .select2-choice abbr,
body .select2-container .select2-choice .select2-arrow b,
body .select2-search input,
body .select2-search input.select2-active,
body .select2-more-results.select2-active {
  background: none;
}

body .select2-container.select2-container-disabled.readonly .select2-choice {
  color: #030303;
}

body .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: none !important;
}

body .filterPanel .dynListItem .select2-container {
  width: 219px;
}

body .select2-container {
  width: 100%;
}

body .select2-container.select2-drop-above.select2-drop-active a,
body .select2-container-active .select2-choice,
body .select2-container .select2-choice,
body .select2-container .select2-choice a,
body .select2-container.select2-drop-above.select2-drop-active a,
body .select2-container .select2-choice,
body .select2-container-active .select2-choice,
body .select2-container-active .select2-choice a {
  border-width: 1px;
  border-style: solid;
  border-color: #B0B9C0;
  border-radius: 0;
  color: #030303;
  background-image: none;
  background-color: #FFFFFF;
  line-height: 22px;
  height: 22px;
  padding: 1px 5px;
}

body .inputBlock .invalid .select2-container .select2-choice,
body .inputBlock .select2-container.invalid .select2-choice {
  background-color: #FDECE9;
  border: 1px solid #F7B1A8;
}

body .select2-container-active .select2-choice,
body .select2-container-active .select2-choices,
body .select2-container-active .select2-choice,
body .select2-container-active .select2-choice a {
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
  /*box-shadow: 0 3px 6px red;*/
  /**/border-color: #BAA266;/**/
  box-shadow: none;
}

body .select2-container .select2-choice .select2-arrow,
body .select2-container .select2-choice .select2-arrow {
  border-radius: 0;
  border-left: none;
  background: transparent url("/javax.faces.resource/css/images/bg_selector_button.png.faces") 0% 30% no-repeat;
  width: 15px;
}

body .select2-offscreen,
body .select2-offscreen:focus,
body .select2-offscreen,
body .select2-offscreen:focus {
  border: 1px solid #B0B9C0;
  background-color: #B0B9C0;
}

body .inputBlock .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #B0B9C0;
}

body .select2-drop,
body .select2-drop.select2-drop-above.select2-drop-active {
  padding-top: 2px;
  /**/border-color: #BAA266;/**/
  border-radius: 0;
  box-shadow: none;
}

body .select2-dropdown-open .select2-choice {
  box-shadow: none;
}

body .select2-container.select2-container-active.select2-container-disabled {
  box-shadow: none;
}

body .select2-search input {
  font-family: inherit;
  background-image: none;
  padding: 1px 5px;
  border-width: 1px;
  border-style: solid;
}

body .select2-results .select2-highlighted {
  /**/background: #BAA266;/**/
}

body .select2-container .select2-choice abbr {
  top: 2px;
  right: 20px;
  font-size: 20px;
}

body .select2-container .select2-choice abbr:after {
  content: "×";
}

body .select2-dropdown-open.select2-drop-above .select2-choice,
body .select2-dropdown-open.select2-drop-above .select2-choices {
  border-color: #B0B9C0;
  border-radius: 0;
  background: inherit;
}

body .inputBlock .select2-container-multi .select2-choices {
  background-image: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body .inputBlock .select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
  padding: 4px 5px;
}

body .inputBlock .select2-container-multi .select2-choices .select2-search-choice {
  margin: 2px 0 2px 5px;
}

body .inputBlock .select2-container-multi .select2-search-choice-close {
  top: 3px;
}

.buttonsContainer.inline {
  display: initial;
}

.buttonsContainer {
  clear: both;
  margin-top: 12px;
}

.buttonsContainer.page {
  padding: 10px;
}

.actionButton ~ .actionButton {
  margin-right: 10px;
}

div.actionButton.icon,
div.actionLink.icon {
  width: 26px;
}

div.actionButton.icon.text,
div.actionLink.text {
  width: auto;
}

.buttonsContainer .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
.buttonsContainer .btn > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: inherit;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}
.buttonsContainer .btn.dynListAction.minus {
  line-height: 22px;
}
.buttonsContainer .btn.dynListAction.minus > a {
  color: #030303;
  border-radius: 4px;
  border: 1px solid #B0B9C0;
  background-image: linear-gradient(to bottom, #eceded, #d9dadb);
  background-image: -o-linear-gradient(to bottom, #eceded, #d9dadb);
  background-image: -ms-linear-gradient(to bottom, #eceded, #d9dadb);
  background-image: -moz-linear-gradient(to bottom, #eceded, #d9dadb);
  background-image: -webkit-linear-gradient(to bottom, #eceded, #d9dadb);
}
.buttonsContainer .btn.dynListAction.plus > a {
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #4D4D4D;
  background-image: linear-gradient(to bottom, #858585, #4d4d4d);
  background-image: -o-linear-gradient(to bottom, #858585, #4d4d4d);
  background-image: -ms-linear-gradient(to bottom, #858585, #4d4d4d);
  background-image: -moz-linear-gradient(to bottom, #858585, #4d4d4d);
  background-image: -webkit-linear-gradient(to bottom, #858585, #4d4d4d);
}

.actionButton.icon input:hover,
.actionLink.icon a:hover {
  cursor: pointer;
  text-decoration: none;
}

.actionButton.icon,
.actionLink.icon {
  font-size: 20px;
}

div.buttonsContainer.editButtonsContainer {
  position: relative;
}

.formSectionContent .buttonsContainer {
  padding: 0;
}

.buttonsContainer:empty {
  margin: 0;
}

.actionLink.right + .actionLink.right {
  margin-right: 5px;
}

.actionLink + .actionLink {
  margin-left: 5px;
}

.actionLink > a > [class^="icon-"],
.actionLink > a > [class*=" icon-"] {
  height: 100%;
}

.actionLink.icon > span:not([id$=':status']),
.actionLink.icon > a {
  padding-left: 0;
  padding-right: 0;
}

.actionLink.icon {
  min-width: 26px;
}

.rf-dt-c.action.center > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rf-dt-c.action .buttonsContainer {
  margin: 0;
  display: inline-flex;
}

.buttonsContainer.resultButtons {
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  /*padding-left: 10px;*/
}

.selectOneButtons.buttonsContainer {
  margin-top: 0;
  margin-bottom: 12px;
}

.actionButton.cancel.right {
  float: right;
}

.actionLink.filterReset {
  margin-top: 10px;
  font-size: 12px;
}

.buttonsContainer > .content {
  position: relative;
}

.buttonsContainer > .content > .raligned {
  float: right;
}

.follow-up-actions {
  position: absolute;
  margin-right: 2em;
  top: 0;
  display: inline-block;
  float: left;
}

.follow-up-actions > .label {
  position: absolute;
  left: 0;
  height: 26px;
  line-height: 26px;
}

.follow-up-actions > .actions {
  float: left;
}

.follow-up-actions > .label + .actions {
  margin-left: 1em;
}

.follow-up-action {
  display: inline-block;
  height: 26px;
}

.follow-up-action:not(:last-child) {
  margin-right: 2em;
}

.follow-up-action > * {
  vertical-align: middle;
  height: 100%;
}

.follow-up-action > input + label {
  margin-left: .5em;
}

.follow-up-action > label {
  cursor: pointer;
}

.formSectionContent > .formSectionContentPanel > .buttonsContainer {
  position: static;
  width: 100%;
  margin: 0;
  padding: 0;
}
.formSectionContent > .formSectionContentPanel > .buttonsContainer:not(:last-child) {
  margin-bottom: 40px;
}

.buttonsContainer > .raligned > [class^="action"] {
  float: none;
  display: inline-block;
}

.buttonsContainer > .raligned > [class^="action"] + [class^="action"] {
  margin-left: 10px;
  margin-right: 0;
}

.help {
  cursor: help;
}

.rf-tt ul {
  margin-right: 20px;
}

.rf-tt-cntr {
  max-width: 400px;
}

.tooltip {
  max-width: 600px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  background-color: #FFFFFF;
}

.tooltip .entry {
  margin-left: 5px;
  margin-right: 5px;
}

.tooltip .entry {
  margin-left: 0;
  margin-right: 0;
}

.tooltip .entry:first-child,
.column .entry:first-child,
.column h3:first-child {
  margin-top: 0;
}

.tooltipIndicator {
  cursor: help;
}

.tooltip .tooltipBody {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.tooltip pre {
  margin: 0;
  padding: 0;
}

.tooltip .body ul {
  margin: 0;
  padding: 10px 10px 10px 20px;
}

.tooltip .issue .icon .value {
  background-size: auto auto;
  padding-left: 44px;
  background-position: 10px center;
  background-repeat: no-repeat;
}

div.tooltip.tooltipError.contact,
div.tooltipError {
  padding: 5px;
  color: #EB3D26;
  border: 1px solid #F7B1A8;
  background-color: #FDECE9;
  max-width: 200px;
  border-radius: 4px;
}

.stepsForm {
  position: relative;
}

.noStepsForm {
  position: relative;
}

.formSectionContainer {
  clear: left;
  background: transparent url("/javax.faces.resource/css/images/bg_section_shadow.png.faces") no-repeat top center;
}

.formSectionContainer.undecorated {
  border: none;
  background: none;
}

.formSectionContainer.unnamed {
  padding-top: 35px;
}

.formSectionContainer.first {
  background: none;
  border-top: none;
}

.formSectionContainer.current {
  margin-bottom: 40px;
}

.formSectionContent {
  margin: 0 10px 10px;
}

.formSectionHeaderContainer {
  position: relative;
}

body.error h2,
h2.formSectionHeader {
  padding: 0 10px;
  margin-bottom: 25px;
}

h2.formSectionHeader {
  border-top: 1px dotted #999999;
}

.formSectionContainer .inactive h2.formSectionHeader {
  margin-bottom: 0;
  padding-top: 0;
}

.domainCheckDomainNamePanel h2.formSectionHeader,
.domainCheckResultsPanel h2.formSectionHeader,
.formSectionContainer.first h2.formSectionHeader,
.inputArea h2.formSectionHeader {
  border-top: none;
  margin-top: 0;
}

.formSectionContent h2.formSectionHeader {
  padding-left: 0;
  padding-right: 0;
}

.step {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 10px;
  line-height: 30px;
  font-size: 20px;
}

.stepCounter {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: gray;
  color: white;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  float: right;
  margin-left: 8px;
  display: block;
}

.inactive h2 {
  /**/color: #858585;/**/
  margin-bottom: 0px;
  margin-top: 0px;
  background: url("/javax.faces.resource/css/images/bg_section_shadow.png.faces") no-repeat scroll center top transparent;
}

.future-1 h2 {
  background-color: #EEEEEE;
}

.future-1 .stepCounter {
  background-color: #F2F2F2;
  color: grey;
}

.future-2 h2 {
  /**/background-color: #DDDDDD;/**/
}

.future-2 .stepCounter {
  background-color: #E3E3E3;
  color: grey;
}

.future-3 h2 {
  background-color: #CCCCCC;
}

.future-3 .stepCounter {
  background-color: #D3D3D3;
  color: grey;
}

.future-4 h2 {
  background-color: #BBBBBB;
}

.future-4 .stepCounter {
  background-color: #C3C3C3;
  color: grey;
}

.future-5 h2 {
  background-color: #AAAAAA;
}

.future-5 .stepCounter {
  background-color: #B3B3B3;
  color: grey;
}

.future-6 h2 {
  background-color: #999999;
}

.future-6 .stepCounter {
  background-color: #A3A3A3;
  color: grey;
}

.future-7 h2 {
  background-color: #888888;
  color: #B5B5B5;
}

.future-7 .stepCounter {
  background-color: #939393;
  color: grey;
}

.stepsForm .buttonsContainer {
  position: absolute;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noStepsForm .buttonsContainer {
  /*  width: 1180px;
    margin: 0 10px 30px 10px;*/
  margin-bottom: 30px;
}

.buttonsContainer.future-0 {
  bottom: 0px;
  margin-bottom: 0;
}

.buttonsContainer.future-1 {
  bottom: 30px;
}

.buttonsContainer.future-2 {
  bottom: 70px;
}

.buttonsContainer.future-3 {
  bottom: 110px;
}

.buttonsContainer.future-4 {
  bottom: 150px;
}

.buttonsContainer.future-5 {
  bottom: 190px;
}

.buttonsContainer.future-6 {
  bottom: 230px;
}

.buttonsContainer.future-7 {
  bottom: 270px;
}

/*
______________________________________________________________________________
   |       |
   | knipp |           Knipp Medien und Kommunikation GmbH
    - - - -


    TANGO SHARED LIBRARY

    Copyright (C) by Knipp Medien und Kommunikation GmbH

    initial author:    Igor Lubimov
    version:           $Revision: 16130 $
                       $Date: 2019-05-10 14:00:17 +0200 (Fri, 10 May 2019) $
                       $Author: michael.bauland $

*/
/*
================================================================================
===== CSS file language switcher component =====================================
================================================================================
*/
.languageSwitcher {
  position: relative;
  z-index: 5;
  min-width: 120px;
  text-align: right;
  line-height: 30px;
  /**/color: white;/**/
  margin: 0;
}

.languageSwitcher .title {
  font-weight: 600;
  vertical-align: middle;
  white-space: nowrap;
}

.languageSwitcher .title:before,
.languageSwitcher .title:after {
  display: inline-block;
  vertical-align: inherit;
  margin: 0 5px;
  font-family: "fontello";
  font-weight: normal;
}

.languageSwitcher .title:before {
  font-size: 30px;
  margin-left: 0;
  content: '\e82a';
  /* world map */
}

.languageSwitcher .title:after {
  margin-right: 0;
  content: '\e817';
  /* down-dir icon */
}

.languageSwitcher ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  /**/color: white;/**/
  /**/background-color: #666666;/**/
  z-index: 1000;
  width: 100%;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 0.25s ease-out 0.5s;
  -o-transition: -o-transform 0.25s ease 0.5s;
  -ms-transition: -ms-transform 0.25s ease 0.5s;
  transition: transform 0.25s ease 0.5s;
}

.languageSwitcher:hover ul {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.languageSwitcher ul li {
  border-style: solid;
  border-width: 1px 0;
  /**/border-bottom-color: #5E5C5F;/**/
  /**/border-top-color: #858585;/**/
  -webkit-transition: background 0.3s ease-out 0s;
  -moz-transition: background 0.3s ease-out 0s;
  -o-transition: background 0.3s ease-out 0s;
  transition: background 0.3s ease-out 0s;
}

.languageSwitcher ul li:hover {
  /**/background-color: #BAA266;/**/
}

.languageSwitcher ul li span,
.languageSwitcher ul a {
  display: block;
  padding: 0 10px 0 25px;
  color: inherit !important;
  text-decoration: none;
}

.languageSwitcher ul li.active > span {
  padding-left: 10px;
}

.languageSwitcher ul li.active > span:before {
  display: inline-block;
  width: 15px;
  content: "\2713";
}

#headerContainer {
  /**/height: 90px;/**/
  /**/color: #858585;/**/
  /**/background-color: #333333;/**/
  position: relative;
}

#maintenanceInfoContainer {
  /**/background-color: #333333;/**/
}

.maintenanceInfoMsg {
  color: #EB3D26;
  position: relative;
  padding: 10px;
  padding-left: 40px;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.maintenanceInfoMsg .content {
  margin-left: 1rem;
}

.maintenanceInfoMsg .content a {
  color: #EB3D26;
  margin-left: .5rem;
}

.maintenanceInfoMsg:before {
  content: '\e815';
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  left: 10px;
  font-family: fontello;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 20px;
  color: #FFFFFF;
  border-radius: 4px;
  background-color: #EB3D26;
}

#headerContainer a {
  /**/color: #858585;/**/
}

#headerContainer strong {
  /**/color: #FFFFFF;/**/
}

a.homeLink {
  background: transparent url("/javax.faces.resource/brand/core/css/images/logo.png.faces") no-repeat left center/contain;
  /**/width: 120px;/**/
  height: 35px;
}

#headerContainer a.homeLink {
  float: left;
  /**/width: 249px;/**/
  /**/height: 45px;/**/
  margin: 10px;
}

#headerContainer a.homeLink .homeLinkText {
  display: none;
}

#headerContainer .userInfoContainer {
  float: right;
  position: relative;
  /**/border-bottom: 1px solid #666666;/**/
  line-height: normal;
  margin-left: 10px;
  max-width: 310px;
  font-size: 10px;
}

#headerContainer .userInfoContainer .userActions {
  position: absolute;
  height: 30px;
  right: 0;
  font-size: 12px;
}
#headerContainer .userInfoContainer .userActions:before, #headerContainer .userInfoContainer .userActions:after {
  display: block;
  position: absolute;
  font-family: "fontello";
  font-weight: normal;
}
#headerContainer .userInfoContainer .userActions:before {
  bottom: 0;
  left: 5px;
  font-size: 20px;
  content: '\e82b';
}
#headerContainer .userInfoContainer .userActions:after {
  top: 0;
  right: 5px;
  content: '\e817';
}

#headerContainer .userInfoContainer .userActions .iconMenu {
  width: 33px;
  padding: 0;
  background: none;
}

#headerContainer .userInfoContainer .userActions .iconMenu.user {
  width: 33px;
  height: 30px;
  padding: 0;
}

#headerContainer .userInfoContainer .userActions .iconMenu.rf-ddm-sel {
  border-style: dotted;
  border-radius: 3px;
}

#headerContainer .userInfoContainer .userActions .iconMenu.user .rf-ddm-lbl-dec {
  display: block;
  height: 100%;
  width: 100%;
}

.tango.registryDescription,
.tango.registryDescription * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tango.registryDescription {
  height: inherit;
  overflow: hidden;
  padding-top: 10px;
  text-shadow: none;
}

body.tango.login .tango.registryDescription {
  width: auto;
}

.tango.registryDescription > .apex {
  white-space: nowrap;
  margin-right: 1rem;
  position: relative;
}

.tango.registryDescription > .apex > .uname,
.tango.registryDescription > .apex > .aname {
  display: inline-block;
  vertical-align: text-bottom;
}

.tango.registryDescription > .apex > .uname {
  font-size: 28px;
  font-weight: 600;
}

.tango.registryDescription > .apex > .aname {
  font-size: 20px;
  font-weight: 400;
  /**/color: #858585;/**/
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  margin-left: 4px;
  padding: 2px 4px;
  padding-right: 0;
  bottom: 0;
}

.tango.registryDescription > .flavor {
  font-size: 16px;
  font-weight: lighter;
  text-transform: uppercase;
}

.tango.registryDescription > .apex > .aname.expand:hover {
  max-width: 600px;
  width: auto !important;
  z-index: 100;
  /**/border: 1px solid #666666;/**/
  border-radius: 4px;
  white-space: normal;
  overflow: visible;
  padding-right: 4px;
  display: inline-block;
  /**/background-color: #333333;/**/
}

.headActions,
.headActions > .localeControls,
.headActions > .userInfoContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.headActions {
  max-width: 480px;
  float: right;
  padding: 10px;
  padding-left: 0;
}

.headActions > .localeControls {
  float: left;
  /*width: 150px;*/
}

.userInfo {
  width: 100%;
}

.userInfo > .userInfo-generic > .info {
  margin-right: 40px;
}

.userInfo > .userInfo-generic > .actions {
  float: right;
  width: 35px;
  height: 35px;
}

.userInfo-generic > .info > .username {
  /**/color: white;/**/
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.userInfo-generic > .info > .username.expand:hover,
.userInfo-additional > .client.expand:hover,
.userInfo-additional > .impersonation.expand:hover {
  white-space: normal;
  position: absolute;
  /**/background-color: #333333;/**/
  /**/border: 1px solid #666666;/**/
  z-index: 100;
  margin-left: -5px;
  margin-top: -5px;
  padding: 4px;
  border-radius: 4px;
  width: 100%;
}

.userInfo-generic > .info > .username > .usertype {
  /**/color: #858585;/**/
  font-weight: normal;
}

.userInfo-additional > .client,
.userInfo-additional > .impersonation {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.userInfo-additional > .client {
  font-style: italic;
}

#menuContainer {
  width: 100em;
}

#menuContainer .homeItem {
  display: none;
  /**/background-color: #333333;/**/
}

#menuContainer a.homeLink .homeLinkText {
  display: none;
}

.is-sticky #menuContainer .homeItem {
  display: initial;
}

.is-sticky .not-sticky {
  display: none;
}

.menuContainer {
  /**/background-color: #333333;/**/
}

.menuTopArea {
  white-space: nowrap;
}

nav ul ul {
  display: none;
  min-width: 20em;
  z-index: 2;
}

/*nav ul li:hover > ul {*/
nav ul ul.open,
nav ul li.hover > ul {
  display: block;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-table;
}

nav ul:after {
  display: block;
  content: "";
  clear: both;
}

nav ul li {
  float: left;
  /**/background-color: #242424;/**/
}

nav *:hover > a,
nav a.focused,
nav a.open,
nav a.hover {
  /**/color: #BAA266;/**/
  /**/background-color: #030303;/**/
}

nav a {
  display: block;
  padding: 0 9px;
  /*vertical-align: middle;*/
  text-decoration: none;
}

nav ul ul {
  position: absolute;
  padding: 0;
  top: 100%;
  color: #FFFFFF;
  /**/background: #666666;/**/
}

nav ul ul li {
  position: relative;
  float: none;
  /**/border-top: 1px solid #858585;/**/
  /**/border-bottom: 1px solid #5E5C5F;/**/
}

nav ul ul li a {
  display: block;
  color: #FFFFFF;
  /**/background-color: #666666;/**/
}

nav ul ul li a:hover,
nav ul ul li a.focused,
nav ul ul li a.hover {
  color: #FFFFFF;
  /**/background-color: #BAA266;/**/
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

nav a:hover,
nav a.focused,
nav a.hover {
  text-decoration: none;
}

nav ul .menuItem {
  margin-right: 4px;
  line-height: 35px;
}

nav ul .menuItem.last {
  margin-right: 0;
}

nav .menuItem {
  /**/color: #BAA266;/**/
}

nav ul .menuItem.active {
  /**/color: #FFFFFF;/**/
}

a.menuItemLink,
a.subItemLink {
  color: inherit;
}

a.menuItemLink {
  text-transform: uppercase;
}

.multi.menuItem > a:after {
  display: inline-block;
  font-family: fontello;
  content: '\e817';
  padding-left: 5px;
  text-align: center;
}

.multi.menuItem.hover > a:after,
.multi.menuItem.open > a:after,
.multi.menuItem > a:hover:after {
  /**/background-color: #030303;/**/
}

.menuItem.active {
  /**/background-color: #4D4D4D;/**/
}

.menuDropDownLink .rf-ddm-itm-lbl:before,
.subItemLink:before {
  display: inline-block;
  width: 1em;
  font-family: fontello;
  content: '\e81a';
}

.menuDropDownLink .rf-ddm-lst {
  border: none;
  /**/background-color: #666666;/**/
}

.menuDropDownLink .rf-ddm-lst-bg {
  border: none;
  background: none;
}

.menuDropDownLink .rf-ddm-itm-unsel {
  /**/border-top-color: #858585;/**/
  /**/border-bottom-color: #5E5C5F;/**/
  background-color: inherit;
}

.menuDropDownLink .rf-ddm-itm-ic {
  display: none;
}

/*.menuDropDownLink .rf-ddm-itm-unsel.active,*/
.menuDropDownLink .rf-ddm-itm-sel {
  /**/background: #BAA266;/**/
  /**/border-color: #BAA266;/**/
  /**/border-top-color: #858585;/**/
  /**/border-bottom-color: #5E5C5F;/**/
}

.menuDropDownLink a,
.menuDropDownLink .rf-ddm-itm-lbl {
  padding-left: 7px;
  line-height: 36px;
  font-weight: normal;
  color: #FFFFFF;
}

.menuSecondArea {
  clear: both;
  /**/background-color: #ECEDED;/**/
}

.menuSecondArea .menuItems {
  height: 36px;
  overflow: hidden;
  /**/background-color: #4D4D4D;/**/
}

.menuContainer .menuSecondArea .menuItem a {
  float: left;
  height: 20px;
  padding: 0 9px;
  margin-top: 8px;
  line-height: 20px;
  /**/color: #AAAAAA;/**/
  /**/border-left: 1px solid #AAAAAA;/**/
  text-decoration: none;
}

.menuContainer .menuSecondArea .quickJumpContainer {
  /**/color: #AAAAAA;/**/
}

.menuContainer .menuSecondArea .menuItem.first a {
  border-left: none;
}

.menuContainer .menuSecondArea .menuItem.active a {
  color: #FFFFFF;
}

.is-sticky > * {
  z-index: 91;
}

.is-sticky > h1 {
  z-index: 90;
}

#sticky-header {
  display: none;
  float: right;
  height: 36px;
  max-width: 360px;
  padding-right: 10px;
  line-height: initial;
  /**/color: #858585;/**/
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.is-sticky #sticky-header {
  display: block;
}

footer nav {
  display: inline-block;
}

#footerContainer, #push {
  height: 40px;
}

#footerContainer {
  /**/background-color: #333333;/**/
}

.footerArea {
  width: 100em;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  /**/color: #AAAAAA;/**/
}

.footerInfo {
  margin-left: 10px;
  margin-right: 10px;
}
.footerInfo span.version {
  float: right;
}
.footerInfo nav {
  margin-left: 200px;
}
.footerInfo nav a:hover,
.footerInfo nav a.focused,
.footerInfo nav a.hover {
  text-decoration: underline;
  /**/color: #AAAAAA;/**/
  /**/background-color: #333333;/**/
}
.footerInfo nav a.menuItemLink {
  text-transform: none;
}

.messagesContainer:before {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  left: 10px;
  font-family: fontello;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 20px;
  color: #FFFFFF;
  border-radius: 4px;
}

.messagesContainer {
  position: relative;
  margin: 20px 10px;
  padding: 10px;
  padding-left: 40px;
  /**/border: 2px solid #EDDD8E;/**/
  color: #A28B19;
  /**/background-color: #FAF5DF;/**/
  min-height: 30px;
}

.messagesContainer:before {
  content: '\e816';
  /**/background-color: #BAA266;/**/
}

.messagesContainer.error:before {
  content: '\e815';
  background-color: #EB3D26;
}

.messagesContainer.error {
  border-color: #F7B1A8;
  color: #EB3D26;
  background-color: #FDECE9;
}

.messagesContainer.warn:before {
  content: '\e815';
}

.messagesContainer.warn {
  border-color: #E87600;
}

.messagesContainer.warn:before {
  content: '\e815';
}

.messagesContainer.warn {
  border-color: #E87600;
}

.messagesContainer > ul {
  margin: 0;
}

.messagesContainer > div {
  margin-left: 40px;
}

div.actionErrors ul {
  padding-left: 10px;
}

.msgContainer:before, div.contention-set-preview:before {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  left: 10px;
  font-family: fontello;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 20px;
  color: #FFFFFF;
  border-radius: 4px;
  content: '\e816';
  /**/background-color: #BAA266;/**/
}

.msgContainer, div.contention-set-preview {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 10px;
  padding-left: 40px;
  border: 2px solid #D88132;
  color: #CC711D;
  background-color: #F5E1CE;
  min-height: 54px;
}

.msgContainer.warning:before, div.warning.contention-set-preview:before {
  content: '\e815';
  background-color: #D88132;
}

.msgContainer .message, div.contention-set-preview .message {
  display: inline-block;
  padding-left: 10px;
}

#contentContainer > .msgContainer, #contentContainer > div.contention-set-preview {
  margin: 0 10px 40px 10px;
}

span.error {
  display: block;
  margin-bottom: 5px;
  color: #EB3D26;
}

.k-rf-lta.invalid,
.rf-cal.invalid input,
.rf-sel.invalid .rf-sel-cntr,
.inputText.invalid,
.inputTextarea.invalid,
.select2-container.invalid a {
  border: 1px solid #F7B1A8;
  background-color: #FDECE9;
}

.k-rf-lta.invalid textarea {
  background-color: #FDECE9;
}

div.errorMessage {
  padding: 0 10px;
}

.invalid .outputId {
  color: red;
}

.rf-msg.messagesContainer.error:empty {
  display: none;
}

.error .rf-msg-err {
  background: none;
}

.errorPanel .rf-msgs-err,
.errorPanel .rf-msg-err,
.contactError .rf-msg-err,
.hostsContainer .rf-msg-err,
.contactCountError .rf-msg-err {
  background-image: url("/javax.faces.resource/css/images/bg_global_messages_error.png.faces");
  background-size: 16px;
  background-repeat: no-repeat;
}

.contactError .rf-msg-err {
  display: inline-block;
  margin-bottom: 20px;
}

.contactError {
  text-align: center;
}

.rf-msg.float {
  background: none repeat scroll 0 0 #FFFFFF;
  position: absolute;
  min-width: 150px;
  z-index: 100;
}

.rf-msg.float.right {
  margin-left: 5px;
  width: 345px;
  left: 100%;
}

.rf-msg.float.left {
  margin-right: 5px;
  min-width: 150px;
  right: 100%;
}

.rf-msg.float.top {
  margin-bottom: 5px;
  bottom: 100%;
  width: 100%;
}

.rf-msg.float .rf-msg-err {
  background-position: 5px 5px;
  border: 1px solid #EB3D26;
  padding: 5px 5px 5px 39px;
}

.rf-msg-err > .rf-msg-det > dl,
.rf-msgs-err > .rf-msgs-sum > dl {
  max-height: 150px;
  overflow: auto;
  line-height: initial;
}
.rf-msg-err > .rf-msg-det > dl > dt,
.rf-msgs-err > .rf-msgs-sum > dl > dt {
  float: left;
  clear: left;
  display: inline;
  font-weight: 600;
}
.rf-msg-err > .rf-msg-det > dl > dt:after,
.rf-msgs-err > .rf-msgs-sum > dl > dt:after {
  content: ':';
}
.rf-msg-err > .rf-msg-det > dl > dd,
.rf-msgs-err > .rf-msgs-sum > dl > dd {
  font-style: italic;
}
.rf-msg-err > .rf-msg-det > dl > dd:not(:last-of-type),
.rf-msgs-err > .rf-msgs-sum > dl > dd:not(:last-of-type) {
  margin-bottom: 0.25em;
}
.rf-msg-err > .rf-msg-det > div.error-info,
.rf-msgs-err > .rf-msgs-sum > div.error-info {
  font-size: smaller;
  font-style: italic;
}
.rf-msg-err > .rf-msg-det > div.error-info:first-child,
.rf-msgs-err > .rf-msgs-sum > div.error-info:first-child {
  margin-top: 0.25em;
}

.popupPanel {
  color: #999999;
}

.popupPanel .introMessage {
  margin: 40px 0;
  padding: 0;
}

.rf-pp-cntr.cpPopupPanel.cpGroupSelectorPopup,
.rf-pp-cntr.cpPopupPanel.cpGroupSelectorPopup .rf-pp-shdw,
.rf-pp-cntr.cpPopupPanel.cpGroupSelectorPopup .rf-pp-cnt-scrlr {
  width: 600px !important;
}

.rf-pp-cntr.cpContactSearchPopup,
.rf-pp-cntr.cpPopupPanel.cpContactSearchPopup .rf-pp-shdw,
.rf-pp-cntr.cpPopupPanel.cpContactSearchPopup .rf-pp-cnt-scrlr {
  width: 600px !important;
}

body .rf-pp-hdr {
  /**/background-color: #DDDDDD;/**/
  /* fallback */
  background-image: url("/javax.faces.resource/css/images/bg_header_shadow.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

/* workaround for https://issues.jboss.org/browse/RF-12337 */
div.hiddenPopupPanelContainer {
  display: none;
}

.cpPopupPanel .fieldBlock {
  margin-left: 0;
  margin-right: 0;
}

.cpPopupPanel .popupPanelContent {
  margin-top: 30px;
}

.cpPopupPanel.contactPopup .fieldBlock {
  margin-left: 10px;
  margin-right: 10px;
}

.popupBody {
  max-width: 1180px;
}

.popupPanel .messagesContainer,
.popupPanel .fieldBlock {
  margin-left: 0;
  margin-right: 0;
}

.popupPanel .messagesContainer {
  width: 706px;
  margin-top: 0;
}

#filterContainer {
  float: left;
  width: 25%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#resultContainer {
  float: right;
  width: 70%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.updated {
  color: #C4B48F !important;
  font-weight: bold !important;
  font-size: 130% !important;
  transition: linear all 2s 0s;
}

.searchFilter {
  width: 280px;
  margin-left: 10px;
}

.searchFilter .filterSection {
  position: relative;
}

.filterSection .subSection {
  display: block;
  padding-top: 5px;
}

/* prevent margin overlapping of collapsible panel with "totals" container*/
.filterSection .rf-cp-b {
  margin-bottom: 0;
}

.filterSection .filterSectionNumber {
  position: absolute;
  right: 35px;
  top: 11px;
  min-width: 30px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  /**/background-color: #7E6E45;/**/
  padding: 0 3px;
}

.filterSection .filterPanel {
  clear: both;
}

.filterSection .filterSectionNumber .ajaxLoading {
  display: none;
  margin: 1px;
  width: 16px;
  height: 16px;
  background-image: url("/javax.faces.resource/css/images/ajaxloading_filter_section.gif.faces");
}

.filterSection .filterPanelHeader .ajaxLoading {
  display: none;
  float: right;
  margin: 2px 0;
  width: 16px;
  height: 16px;
  background-image: url("/javax.faces.resource/css/images/ajaxloading_transparent_bg.gif.faces");
}

.searchResultsCounterPanel .ajaxLoading {
  display: none;
  float: right;
  margin: 5px 0px;
}

.filterSection .filterPanel .caption {
  color: #999999;
}

.filterSection .filterPanelHeader .caption {
  float: left;
}

.filterSection .filterPanelHeader .number {
  float: right;
}

.filterSection .filterPanel .filterPanelBody {
  clear: left;
  margin-bottom: 10px;
  position: relative;
}

.filterSection .filterPanel .filterPanelBody .infoBoxPanel {
  position: absolute;
  top: 3px;
  right: 3px;
  display: none;
}

.filterSection .filterPanel .filterPanelBody .ccTypedValue .infoBoxPanel {
  top: 34px;
  right: 64px;
}

.filterSection .filterPanel .filterPanelBody .dynListItem .infoBoxPanel {
  right: 80px;
}

.filterSection .filterPanel.filterList .filterPanelBody:hover .infoBoxPanel {
  display: none;
}

.filterSection .filterPanel .filterPanelBody .dynListItem:hover .infoBoxPanel,
.filterSection .filterPanel .filterPanelBody:hover .infoBoxPanel {
  display: block;
}

.filterSection .filterPanel .filterPanelBody .dynListItem:hover .inputText.info,
.filterSection .filterPanel .filterPanelBody:hover .inputText.info {
  padding-right: 30px;
}

.filterSection .filterPanel .inputText {
  width: 280px;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filterSection .filterPanel .inputText.listItem {
  width: 204px;
}

.filterSection .filterPanel .rf-sel input.rf-sel-inp {
  width: 253px;
}

.filterSection .filterPanel .filterPanelBody .inputText,
.filterSection .filterPanel .filterPanelBody .rf-sel input.rf-sel-inp {
  /*padding-left: 10px;*/
}

.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .primary {
  width: 122px;
  margin-right: 5px;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .secondary {
  width: 92px;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock {
  width: 219px;
  margin-bottom: 0;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock .labelBox {
  display: none;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock .rf-msgs {
  display: none;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock div.rf-cal + .timeZoneName {
  margin-top: 5px;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock .inputBlock {
  width: 219px;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock .inputBlock .rf-cal-inp {
  width: 207px;
}
.filterSection .filterPanel .filterPanelBody .ccDoubleAttributeDate .inputDate .fieldBlock .inputBlock img.rf-cal-btn {
  right: 3px;
  top: 8px;
}

.filterSection .filterPanel .filterPanelBody .contact-filter .primary {
  width: 140px;
  margin-right: 5px;
}
.filterSection .filterPanel .filterPanelBody .contact-filter .secondary {
  width: 135px;
}
.filterSection .filterPanel .filterPanelBody .contact-filter .inputText {
  margin-top: 5px;
}
.filterSection .filterPanel .filterPanelBody .contact-filter .infoBoxPanel {
  top: 34px;
}

.filterSection .filterPanel .filterPanelBody .ccSelectAttribute .rf-sel.selection input.rf-sel-inp {
  width: 222px;
}

.filterSection .filterPanel .filterPanelBody .ccTypedValue .rf-sel {
  vertical-align: top;
}

.filterSection .filterPanel .filterPanelBody .ccTypedValue .rf-sel input.rf-sel-inp {
  width: 112px;
}

.filterSection .filterPanel .filterPanelBody .ccTypedValue .inputText.value {
  width: 112px;
  margin: 0;
  margin-left: 10px;
}

.filterSection .inputDate > span {
  display: inline-block;
  line-height: 24px;
  margin-top: 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.filterSection .inputDate img.rf-cal-btn {
  position: absolute;
  right: 60px;
  top: 34px;
  cursor: pointer;
}
.filterSection .inputDate .inputDatePopup {
  width: 190px;
}

.filterSection .dynListItem .filterPanel .filterPanelBody .inputDate .inputText {
  width: 173px;
  margin-right: 10px;
}

.filterSection .dynListItem {
  position: relative;
}

.filterSection .dynListItem .rf-sel.multi input.rf-sel-inp,
.filterSection .dynListItem .filterPanel .filterPanelBody .ccTypedValue .rf-sel input.rf-sel-inp {
  width: 193px;
}

.filterSection .dynListItem .filterPanel .filterPanelBody .ccTypedValue .inputText.value {
  display: block;
  width: 220px;
  margin: 0;
  margin-top: 5px;
}

.searchFilter .filterSection .dynListItem .buttonsContainer {
  position: absolute;
  /*left: 224px;*/
  right: 0px;
  bottom: 1px;
  margin: 0;
  padding: 0;
  border: none;
}

.searchFilter .filterSection .filterPanelBody .dynListItem .buttonsContainer {
  bottom: 1px;
}

.searchFilter .filterSection .filterPanelBody .dynListItem {
  margin-top: 5px;
}

.searchFilter .buttonsContainer.total {
  padding: 10px 0;
  border-top: 3px solid #B0B9C0;
  border-bottom: 3px solid #B0B9C0;
}

.searchFilter .filterSection h4 {
  margin-top: 10px;
  margin-bottom: 0;
}

.searchFilter .filterSection h4:first-child,
.searchFilter .filterSection h4 {
  margin-top: 0;
}

.buttonsContainer .searchButton.default {
  float: left;
}

.buttonsContainer .resultCount {
  display: block;
  float: right;
  height: 26px;
  line-height: 26px;
  font-size: 20px;
}

.buttonsContainer .resultCount.updated {
  font-size: 26px !important;
}

.filterPanel .typedCountry {
  width: 220px;
}

.filterPanel .typedCountry .value {
  margin-top: 5px;
}

#filterContainer .searchFilterForm {
  position: relative;
}

#filterContainer .buttonsContainer.total {
  position: relative;
  width: 280px;
  height: 28px;
  background-color: #FFFFFF;
}

#filterContainer.headless .buttonsContainer.total {
  position: absolute;
  top: 0;
  margin-top: 45px;
}

#filterContainer.bottomless .searchFilter {
  margin-bottom: 66px;
}

#filterContainer.bottomless .buttonsContainer.total {
  position: fixed;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.itemsPerPageContainer {
  display: block;
  float: right;
  line-height: 20px;
  margin-top: 6px;
}

.itemsPerPageContainer .rf-sel .rf-sel-cntr {
  font-size: 12px;
  border-radius: 2px;
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

.itemsPerPageContainer .rf-sel .rf-sel-btn-arrow {
  background-image: url("/javax.faces.resource/css/images/bg_multiaction.png.faces");
}

.rf-dt-c .rf-ii.number {
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rf-dt-c .rf-ii.number input {
  text-align: right;
}

.rf-dt-c .rf-ii.number:hover {
  background-position: 1% center;
}

.rf-dt-c.status {
  text-align: center;
}

.searchResultTable {
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  clear: both;
}

.searchResultTable td {
  word-wrap: break-word;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.actionsMenu {
  border-radius: 4px;
}

.searchResultTable .rf-dt-c.action {
  width: 100px;
  overflow: visible;
}

.rf-dt .rf-dt-c.date {
  text-align: center;
}

.rf-dt .rf-dt-c.balance {
  text-align: right;
}

.searchResultTable .rf-dt-c.date {
  width: 140px;
}

.searchResultTable .rf-dt-c.state {
  width: 100px;
  text-align: center;
}

.searchResultTable .rf-dt-c.state.short {
  width: 70px;
}

.searchResultTable .rf-dt-c.handle {
  min-width: 100px;
  max-width: 140px;
  text-align: center;
}

.searchResultTable .rf-dt-c.registrar {
  min-width: 100px;
  max-width: 140px;
  width: 140px;
  text-align: center;
}

.searchResultTable .expandable {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  display: block;
  white-space: nowrap;
}

.searchResultTable .expandable.expand:hover {
  max-width: 200px;
  width: auto !important;
  z-index: 100;
  position: absolute;
  border: 1px solid #B0B9C0;
  border-radius: 4px;
  margin: -5px;
  padding: 4px;
  white-space: normal;
}

.pager {
  font-size: 13px;
}

.pager > input {
  text-align: right;
  background: none;
  padding: 1px 5px;
  margin-left: .25em;
  margin-right: .25em;
}

.pager > .scroller > div {
  position: absolute;
  display: none;
  width: 100%;
  z-index: 100;
  background-color: white;
  left: 0;
  top: 0;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pager.disabled > .scroller {
  display: none;
}

.pager > .scroller > div > * {
  line-height: 20px;
}

.pager > .scroller {
  cursor: pointer;
}

.pager > .scroller.active > div {
  display: block;
  border: 1px solid black;
  cursor: initial;
}

.formSectionContainer.searchResultsDataScrollerContainer {
  position: relative;
  margin-bottom: 20px;
}

.pager > .scroller .searchResultsDataScroller.rf-ds {
  padding-bottom: 0;
  margin-top: 0;
}

.pager > .scroller .searchResultsDataScroller.rf-ds,
.formSectionContainer.searchResultsDataScrollerContainer.top {
  margin-bottom: 0;
}

.pager > .scroller .searchResultsDataScroller.rf-ds,
.formSectionContainer.searchResultsDataScrollerContainer.top > .searchResultsDataScroller.rf-ds {
  border-bottom: none;
}

.searchResultsDataScroller > .page-count {
  float: left;
  padding: 2px 2px 3px;
}

.searchResultsDataScrollerContainer .searchResultsDataScroller .rf-ds-btn.rf-ds-dis:hover,
.searchResultsDataScrollerContainer .searchResultsDataScroller .rf-ds-btn {
  margin: 2px 0;
}

.pager:hover > .scroller .ajaxLoading,
.searchResultsDataScrollerContainer .ajaxLoading {
  position: absolute;
  top: 2px;
  width: 100%;
  height: 20px;
  z-index: 10;
}

.searchResultsDataScroller.rf-ds {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #999999;
}

.searchResultsDataScroller .rf-ds-nmb-btn {
  float: left;
  border: none;
  background: none;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  min-width: 2em;
}

.searchResultsDataScroller .rf-ds-nmb-btn:hover {
  border: none;
  background: none;
}

.searchResultsDataScroller .rf-ds-nmb-btn.rf-ds-act {
  color: #AAAAAA;
}

.searchResultsDataScroller .rf-ds-btn-prev,
.searchResultsDataScroller .rf-ds-btn-fastrwd,
.searchResultsDataScroller .rf-ds-btn-first,
.searchResultsDataScroller .rf-ds-btn-next,
.searchResultsDataScroller .rf-ds-btn-fastfwd,
.searchResultsDataScroller .rf-ds-btn-last,
.searchResultsDataScroller .rf-ds-btn-prev:hover,
.searchResultsDataScroller .rf-ds-btn-fastrwd:hover,
.searchResultsDataScroller .rf-ds-btn-first:hover,
.searchResultsDataScroller .rf-ds-btn-next:hover,
.searchResultsDataScroller .rf-ds-btn-fastfwd:hover,
.searchResultsDataScroller .rf-ds-btn-last:hover {
  display: block;
  position: absolute;
  width: 24px;
  height: 20px;
  border: none;
  background: none;
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}

.searchResultsDataScroller .rf-ds-btn-last,
.searchResultsDataScroller .rf-ds-btn-last:hover {
  right: 0px;
  background-image: url("/javax.faces.resource/css/images/step_last.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-next,
.searchResultsDataScroller .rf-ds-btn-next:hover {
  right: 48px;
  background-image: url("/javax.faces.resource/css/images/step_next.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-fastfwd,
.searchResultsDataScroller .rf-ds-btn-fastfwd:hover {
  right: 24px;
  background-image: url("/javax.faces.resource/css/images/step_forward.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-prev,
.searchResultsDataScroller .rf-ds-btn-prev:hover {
  right: 72px;
  background-image: url("/javax.faces.resource/css/images/step_prev.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-fastrwd,
.searchResultsDataScroller .rf-ds-btn-fastrwd:hover {
  right: 96px;
  background-image: url("/javax.faces.resource/css/images/step_rewind.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-first,
.searchResultsDataScroller .rf-ds-btn-first:hover {
  right: 120px;
  background-image: url("/javax.faces.resource/css/images/step_first.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-first.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_first_disabled.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-fastrwd.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_rewind_disabled.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-prev.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_prev_disabled.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-next.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_next_disabled.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-fastfwd.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_forward_disabled.png.faces");
}

.searchResultsDataScroller .rf-ds-btn-last.rf-ds-dis {
  background-image: url("/javax.faces.resource/css/images/step_last_disabled.png.faces");
}

.searchResultTable .rf-dt-c.checkbox {
  width: 20px;
}

.searchResultTable .rf-dt-c .tableEntry {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.searchResultTable .number {
  text-align: right;
}

.registrarSearchResultTable.searchResultTable .rf-dt-c.name .tableEntry {
  width: auto;
}

.registrarSearchResultTable.searchResultTable .rf-dt-c.name .registrarName {
  padding-right: 30px;
  display: inline-block;
  word-break: break-word;
}

.registrarSearchResultTable.searchResultTable .rf-dt-c.registrarId .tableEntry {
  width: 95px;
}

.registrarSearchResultTable.searchResultTable .rf-dt-c.ianaId {
  width: 100px;
}

.registrarSearchResultTable.searchResultTable .rf-dt-c.contact .tableEntry {
  width: 197px;
}

.filterPanel.registrarAdminDataSearch .select2-container {
  width: 141px;
  vertical-align: top;
}

/* action column uses the general style with 61px width */
#resultDiv > div {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.searchResultOperations {
  float: right;
  margin-bottom: 20px;
}

.searchResultOperations .actionLink,
.searchResultOperations .actionButton,
.searchResultOperations .actionsMenu {
  display: inline-block;
  vertical-align: middle;
}

.searchResultOperations .actionLink ~ .actionsMenu,
.searchResultOperations .actionButton ~ .actionsMenu {
  margin-left: 5px;
}

.order {
  display: block;
  /*width: 100%;*/
  white-space: nowrap;
}

.order:before {
  background-image: url("/javax.faces.resource/css/images/sort_uns.gif.faces");
  background-position: 0 50%;
  background-repeat: no-repeat;
  content: '.';
  display: inline-block;
  color: transparent;
  width: 15px;
  /*float: left;*/
}

.order.ascending:before {
  background-image: url("/javax.faces.resource/css/images/sort_asc.gif.faces");
}

.order.descending:before {
  background-image: url("/javax.faces.resource/css/images/sort_des.gif.faces");
}

.sortOrderList + .pager {
  margin-left: 1rem;
}

.sortOrderList .order {
  width: auto;
}

.sortOrderList * {
  line-height: 20px;
  /*vertical-align: middle;*/
}

.sortOrderList {
  font-size: 12px;
  line-height: 20px;
}

.sortOrderList span {
  display: inline-block;
  height: 20px;
}

a.order {
  color: inherit;
}

a.order:hover {
  text-decoration: none;
  color: inherit;
}

a.orderClear {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  color: inherit;
}

a.orderClear:hover {
  text-decoration: none;
}

.separator {
  padding-left: 5px;
  padding-right: 5px;
}

.sortOrderList .dropTarget.rf-drp-hvr {
  display: inline-block;
  width: 30px;
}

.dropTarget.first {
  width: 5px;
}

.orderHandle {
  white-space: nowrap;
}

.sorting {
  font-weight: bold;
}

.contactSearchResultTable td.rf-dt-c.handle {
  text-align: left;
  position: relative;
}
.contactSearchResultTable td.rf-dt-c.handle > span:first-child {
  float: left;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.contactSearchResultTable td.rf-dt-c.handle > span:first-child:not(:only-child) {
  padding-right: 30px;
}
.contactSearchResultTable td.rf-dt-c.handle > [class^="icon-"],
.contactSearchResultTable td.rf-dt-c.handle > [class*=" icon-"] {
  position: absolute;
  right: 10px;
}

.dynListPanel .dynListItem {
  clear: both;
  margin-bottom: 20px;
}

.dynListPanel .dynListItem.last {
  margin-bottom: 0;
}

.dynListPanel .dynListItem .dynListPanel {
  float: left;
  clear: left;
}

.dynListPanel .buttonsContainer {
  display: inline-block;
  width: auto;
  margin: 0;
  vertical-align: top;
}

.inputBlock .dynListItem .inputText {
  width: 212px;
}

div.history.header span {
  display: inline-block;
  white-space: nowrap;
}
div.history.header span.time-frame {
  width: 360px;
}
div.history.header span.serial {
  width: 40px;
  text-align: right;
}
div.history.header span.separator {
  width: 10px;
  padding: 0;
  text-align: center;
}
div.history.header span.start, div.history.header span.end {
  width: 175px;
}
div.history.header span.type:before {
  padding-left: .5em;
  padding-right: .5em;
}

.entry.transcript .value .icon-info:after {
  line-height: 20px;
}

table.dnssecTable td.modified > div,
table.states td.modified > div,
.entry.modified .label,
.entry .value:first-child > div.modified {
  position: relative;
}

.entry .value:first-child > div.modified {
  position: relative;
  padding-right: 0;
}

.contactCard span.modified:after,
.variantHeader.modified:after,
.viewSection.modified > .column > h3:after,
.viewSection > .column > h3.modified:after,
.viewSection > .column > .entry > .value:not(:first-child) .modified:after,
table.dnssecTable td.modified > div:after,
table.states td.modified > div:after,
.entry.modified .label:after,
.entry .value:first-child > div.modified:before {
  content: "\A0";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  background-size: cover;
  width: 14px;
  height: 14px;
  line-height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.viewSection > .column > .entry > .value .modified:after,
.viewSection > .column > h3.modified:after,
.viewSection.modified > .column > h3:after,
.variantHeader.modified:after {
  margin-top: initial;
  position: initial;
}

.entry .value:first-child > div.modified:before {
  left: 0;
}

.viewSection > .column > .entry > .value .modified:after,
.viewSection > .column > h3.modified:after,
.contactCard span.modified:after {
  margin-left: 5px;
  position: initial;
}

.contactCard span.modified,
.variantHeader.modified,
.viewSection.modified > .column > h3,
.viewSection > .column > h3.modified,
.viewSection > .column > .entry > .value :not(td).modified,
table.dnssecTable td.modified > div,
table.states td.modified > div,
.entry.modified .label,
.entry .value:first-child > div.modified {
  /*background-image: url("/javax.faces.resource/css/images/modified.svg.faces");*/
}
.contactCard span.modified::before,
.variantHeader.modified::before,
.viewSection.modified > .column > h3::before,
.viewSection > .column > h3.modified::before,
.viewSection > .column > .entry > .value :not(td).modified::before,
table.dnssecTable td.modified > div::before,
table.states td.modified > div::before,
.entry.modified .label::before,
.entry .value:first-child > div.modified::before {
  color: #0061ff;
}

.contactCard span.modified.new,
.variantHeader.modified.new,
.viewSection.modified.new > .column > h3,
.viewSection > .column > h3.modified.new,
.viewSection > .column > .entry > .value :not(td).modified.new,
table.dnssecTable td.modified.new > div,
table.states td.modified.new > div,
.entry.modified.new .label,
.entry .value:first-child > div.modified.new {
  /*background-image: url("/javax.faces.resource/css/images/added.svg.faces");*/
}
.contactCard span.modified.new::before,
.variantHeader.modified.new::before,
.viewSection.modified.new > .column > h3::before,
.viewSection > .column > h3.modified.new::before,
.viewSection > .column > .entry > .value :not(td).modified.new::before,
table.dnssecTable td.modified.new > div::before,
table.states td.modified.new > div::before,
.entry.modified.new .label::before,
.entry .value:first-child > div.modified.new::before {
  color: #15b500;
}

.contactCard span.modified.removed {
  text-decoration: line-through;
}

.contactCard span.modified.removed,
.variantHeader.modified.removed,
.viewSection.modified.removed > .column > h3,
.viewSection > .column > h3.modified.removed,
.viewSection > .column > .entry > .value :not(td).modified.removed,
table.dnssecTable td.modified.removed > div,
table.states td.modified.removed > div,
.entry.modified.removed .label,
.entry .value:first-child > div.modified.removed {
  /*background-image: url("/javax.faces.resource/css/images/removed.svg.faces");*/
}
.contactCard span.modified.removed::before,
.variantHeader.modified.removed::before,
.viewSection.modified.removed > .column > h3::before,
.viewSection > .column > h3.modified.removed::before,
.viewSection > .column > .entry > .value :not(td).modified.removed::before,
table.dnssecTable td.modified.removed > div::before,
table.states td.modified.removed > div::before,
.entry.modified.removed .label::before,
.entry .value:first-child > div.modified.removed::before {
  color: #EB3D26;
}

.markData .column div {
  word-wrap: break-word;
}

.viewContainer {
  clear: left;
}

.detailsArea {
  padding: 0 0 20px;
}

div.column {
  width: 400px;
  float: left;
}

div.column.span2 {
  width: 800px;
}

div.column.span3 {
  width: 100em;
}

div.column div.column {
  clear: both;
}

.viewSection + .viewSection {
  margin-top: 24px;
}

.viewSection + .pageControls {
  margin-top: 24px;
}

.viewSection .content {
  padding: 0 10px;
}

.viewSection > .pageControls:last-child {
  margin-bottom: 24px;
}

.entry {
  margin: 0 10px 24px;
  width: 380px;
  min-height: 26px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.entry.long {
  margin: 0 10px 24px;
  width: 780px;
  min-height: 26px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.viewSection.float .entry {
  float: left;
}

.entry.last {
  margin-bottom: 0;
}

.viewSection h3 {
  min-height: 26px;
  margin: 0 10px 24px;
  padding-top: 2px;
  line-height: 24px;
  /**/border-bottom: 2px solid #BAA266;/**/
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.viewSection.float h3 {
  clear: both;
}

.viewSection.float .entry.reset {
  clear: both;
}

.viewSection .formSectionContainer {
  background: none;
}

.viewSection .row {
  clear: both;
}

.inputBlock .viewContainer {
  padding-bottom: 5px;
}

.inputBlock .viewContainer,
.entry .label ~ .value {
  border-left: 1px solid #B0B9C0;
  border-bottom: 1px solid #B0B9C0;
  padding-left: 10px;
}

.entry .label ~ .value {
  width: 250px;
  word-wrap: break-word;
}

.inputBlock .viewContainer,
.entry .label ~ .longValue {
  border-left: 1px solid #B0B9C0;
  border-bottom: 1px solid #B0B9C0;
  padding-left: 10px;
}

.entry .label ~ .longValue {
  width: 650px;
  word-wrap: break-word;
}

.longPopup {
  max-height: 80vh;
  width: 840px;
}

.widget .entry {
  display: inline-block;
  margin: 0 0 30px;
  width: 100%;
  float: left;
}

.entry .value {
  color: black;
  height: 100%;
  min-height: 26px;
  padding-top: 2px;
  word-break: break-word;
}

.entry .value .hasTooltip {
  cursor: pointer;
}

.tooltip.unbounded {
  max-width: none;
}

.entry label {
  color: #999999;
}

.entry * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.entry .label {
  width: 120px;
  height: 100%;
  min-height: 26px;
  float: left;
  margin-right: 10px;
  padding-top: 2px;
  border-bottom: 1px solid #B0B9C0;
}

.entry .value {
  width: 100%;
  float: left;
}

.entry .longValue {
  width: 100%;
  float: left;
}

.entry .value table {
  width: 100%;
}

.tooltip.codepoints dl,
.domainData.tooltip.hosts ul,
.detailsArea .entry .value ul {
  list-style: none;
  padding: 0;
  margin: 0px;
}

.detailsArea .checkbox * {
  vertical-align: middle;
}

.detailsArea .checkbox input[type='checkbox'] {
  padding: 0;
  margin: 0;
}

.detailsArea .checkbox input + label {
  margin-left: 5px;
}

.domainData.tooltip {
  position: fixed;
  z-index: 10;
  cursor: text;
  display: block;
  background-color: white;
  border: 1px solid #B0B9C0;
  margin: 5px;
  padding: 10px;
  color: black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.domainData.tooltip.hidden {
  visibility: hidden;
}

.domainData.tooltip.shown {
  visibility: visible;
}

.entry.contactDetailsContainer .value {
  padding-top: 0;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  -moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.tooltip.contact {
  background: transparent;
  border: none;
  padding: 0;
}

.tooltip.contact .contactZone {
  margin: 0;
  border: none;
}

.hostsList,
.contactsList {
  max-height: 200px;
  overflow: auto;
}

.tooltip.codepoints {
  min-width: 250px;
  max-width: 600px;
  line-height: 20px;
  font-size: 12px;
}

.tooltip.codepoints h2 {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 16px;
  padding-right: 10px;
  margin-right: 10px;
  text-transform: none;
}

.tooltip.codepoints dl dt {
  float: left;
  display: inline-block;
}

.tooltip.codepoints table.codePointsListing {
  border-collapse: collapse;
  width: 100%;
}

.tooltip.codepoints table.codePointsListing tr.odd {
  /**/background-color: #ECEDED;/**/
}

.tooltip.codepoints table.codePointsListing td.character {
  color: black;
  font-weight: bold;
  text-transform: none;
}

.tooltip.codepoints table.codePointsListing td.codePoint {
  padding-left: 10px;
  text-transform: uppercase;
}

.tooltip.codepoints table.codePointsListing td.codePointName {
  padding-left: 10px;
}

.orderViewLabel {
  padding-left: 2em;
}

/*.tooltipIndicator:after {
  content: '?';
}*/
h3.view {
  margin: 25px 0 35px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #B0B9C0;
  text-transform: uppercase;
  vertical-align: bottom;
  position: relative;
}

.tabs span.ajaxLoading {
  position: absolute;
  left: -22px;
  top: 6px;
}

.tabs .tab {
  float: left;
  position: relative;
  top: 1px;
  border-left: 1px solid #B0B9C0;
  border-right: 1px solid #B0B9C0;
  padding: 1px 20px 0;
  margin-top: -1px;
}

.tabs .tab:not(.active) + .tab {
  border-left: none;
}

.tabs .tab:first-of-type {
  border-left: none;
}

.tabs .tab:last-of-type {
  border-right: none;
}

.tabs .tab.active {
  background-color: white;
  border: none;
  border-bottom: 1px solid white;
}

.tabs .tab.disabled {
  background-color: #ECEDED;
  color: #858585;
}

.tabs .tab[title] {
  cursor: help;
}

.tooltip .container pre {
  overflow: visible;
}

.versionBody .ajaxLoading {
  margin-left: 10px;
  margin-top: 10px;
}

.domainData .contacts {
  width: 700px;
  margin-left: -10px;
  margin-top: -10px;
}

.contactCountError {
  padding-bottom: 10px;
}

.contactZone {
  width: 290px;
  height: 250px;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
}

.contactZone.empty {
  border: 1px dashed #B0B9C0;
}

.contactZone.empty.invalid {
  border-color: #F7B1A8;
  background-color: #FDECE9;
}

.contactZone.filled {
  border-color: black;
  border: 1px solid;
  /**/background-color: #BAA266;/**/
  color: white;
}

/* workaround for rich faces drag indication (TANGPCP-1097):                  */
/* if the explicit RF drag indicator is used then the component "jumps"       */
/* because RF centers the indicator at the mouse position. without the        */
/* explicit indicator component the original position of the dragged          */
/* component is retained                                                      */
body > .contactZone.filled.ui-draggable {
  border: 3px solid red;
  cursor: move;
}

body > .contactZone.filled.ui-draggable .buttonsContainer,
body > .contactZone.filled.ui-draggable .state {
  display: none;
}

body > .contactZone.filled.ui-draggable .bullet {
  color: transparent;
}

body > .contactZone.filled.ui-draggable.rf-ind-acpt {
  border: 3px solid green;
}

.contactDialogue > .messagesContainer {
  margin: 10px 10px 30px !important;
  padding-left: 50px;
}
.contactDialogue > .contactDataContainer .formSectionContainer > h3 {
  padding-left: 10px;
  padding-right: 10px;
}

.tooltip .contactZone {
  height: auto;
}

.domainData .contactGroup {
  float: left;
}

.markDataButtons {
  margin-bottom: 40px;
}

.markDataButtons .fetchClaimsKey {
  clear: left;
}

.contactType {
  /*float: left;*/
  /*width: 42px;*/
  position: relative;
  display: inline-block;
}

.contactType .bullet {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  border-radius: 50%;
  background: black;
  margin-right: .5em;
  display: inline-block;
  font-weight: 600;
}

.contactType .buddy {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 18px;
  display: block;
}

.contactZone.empty .bullet {
  /**/background-color: #ECEDED;/**/
  color: white;
}

.contactZone.empty .buddy {
  color: #BBBBBB;
  /** replaced by fontello background: transparent url("/javax.faces.resource/css/images/person_grey.png.faces") no-repeat; */
}
.contactZone.empty .buddy::before {
  margin: 0;
}

.contactZone.filled .bullet {
  /**/background-color: #7E6E45;/**/
}

.contactZone.filled .buddy {
  color: #FFFFFF;
  /** replaced by fontello background: transparent url("/javax.faces.resource/css/images/person_white.png.faces") no-repeat; */
}
.contactZone.filled .buddy::before {
  margin: 0;
}

.editButton,
.domainData .unassign {
  vertical-align: middle;
  display: inline-block;
  width: 23px;
  height: 23px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /**/border-color: #DDDDDD;/**/
  text-align: center;
  line-height: 23px;
  /* fallback if no backround image*/
  /**/background-color: #DDDDDD;/**/
  /* fallback */
  background-image: url("/javax.faces.resource/css/images/bg_header_shadow.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  background-position: left top;
  background-repeat: repeat-x;
}

.editButton:not(:last-child) {
  margin-right: 5px;
}

.buttonsContainer .btn.editBtn a,
.editButton a {
  line-height: 23px;
  width: 23px;
  display: inline-block;
  text-indent: -10000em;
  background-image: url("/javax.faces.resource/css/images/Icon_Pencil.png.faces");
  background-position: center center;
  background-repeat: no-repeat;
}

.domainData .unassign a {
  color: #030303;
}

.domainData .unassign a:hover {
  text-decoration: none;
}

.domainData .unassign a:after,
.domainData .unassign span:after {
  content: "×";
  color: #030303;
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0;
  font-size: 24px;
  font-weight: 600;
  margin-top: -23px;
}

.btn.disabled a,
.btn.disabled a:after,
.btn.disabled span,
.btn.disabled span:after,
.btn.minus.disabled a,
.btn.minus.disabled a:after,
.btn.minus.disabled span,
.btn.minus.disabled span:after,
.domainData .unassign.disabled a,
.domainData .unassign.disabled a:after,
.domainData .unassign.disabled span,
.domainData .unassign.disabled span:after {
  cursor: not-allowed;
  /**/color: #B0B9C0;/**/
  font-weight: 600;
}

.contactDetails {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 1.21em;
  max-width: 100%;
}

.contactCard div {
  max-width: 100%;
  word-break: break-all;
}

.contactCard > div + div {
  margin-top: .5em;
}

.contactCard .address > div + div {
  margin-top: .25em;
}

.contactCard .address .streets > div + div {
  margin-top: .25em;
}

.emptyContact {
  margin: 0 10px;
  /**/color: #DDDDDD;/**/
  text-align: center;
}

.domainData .contactTypeFull {
  margin-top: 40px;
  font-size: 25px;
}

.domainData .dragndrop {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.rf-ind-drag.contactDragInProgress .contactCard div,
.domainData .contactCard div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hostsContainer .rf-msg-wrn {
  background-image: url("/javax.faces.resource/css/images/bg_global_messages_warning.png.faces");
  background-size: 16px;
  background-repeat: no-repeat;
}

.exemptionInput .rf-msg-err,
.nameServer .rf-msg-err,
.ipAddress .rf-msg-err {
  min-height: 30px;
  padding-left: 34px;
  line-height: 14px;
  background-image: url("/javax.faces.resource/css/images/bg_field_error.png.faces");
  background-size: auto;
}

.domainData .emptyContact .contactOperationsSeparator {
  display: inline-block;
  line-height: 26px;
}

.domainData .emptyContact .popupActions .actionLink.pop-up {
  width: 100px;
}

.domainData .emptyContact .popupActions .actionLink.first {
  float: left;
}

.domainData .emptyContact .popupActions .actionLink.last {
  float: right;
}

.domainData .emptyContact .handleInputContainer .contactOperationsSeparator {
  display: block;
}

.domainData .emptyContact .handleInputContainer .fieldBlock {
  margin: 0;
  text-align: left;
}

.domainData .emptyContact .handleInputContainer .fieldBlock .labelBlock {
  width: 130px;
}

.domainData .emptyContact .handleInputContainer .fieldBlock .inputBlock {
  width: 130px;
}

.domainData .emptyContact .handleInputContainer .fieldBlock .inputBlock .inputText {
  width: 118px;
}

.domainData .emptyContact .fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-err,
.domainData .emptyContact .fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  width: 90px;
}

.domainData .emptyContact .fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.domainData .emptyContact .fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err {
  width: 100px;
}

.domainData .buttonsContainer.contact {
  float: right;
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
}

.cpPopupPanel.contactPopup .rf-pp-hdr-cntrls {
  font-size: 20px;
  font-weight: normal;
}

.cpPopupPanel.contactPopup .rf-pp-cnt {
  padding-left: 0;
  padding-right: 0;
}

.cpPopupPanel.contactPopup .buttonsContainer.formActions .actionButton,
.cpPopupPanel.contactPopup .buttonsContainer.formActions .actionLink {
  margin-right: 10px;
}

.cpPopupPanel.contactPopup .buttonsContainer.formActions .actionButton.cancel,
.cpPopupPanel.contactPopup .buttonsContainer.formActions .actionLink.cancel {
  margin-left: 10px;
}

.domainData .contactZone.filled.ui-draggable {
  cursor: move;
}

.domainData .contactZone.filled .state {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  right: 10px;
  bottom: 10px;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  color: black;
  font-weight: 900;
  cursor: help;
}

.rf-ind-drag.contactDragInProgress.contactDetails {
  border: 3px solid red;
  color: white;
  /**/background: #BAA266;/**/
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
  height: 250px;
  width: 290px;
  cursor: move;
  line-height: 14px;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}

.rf-ind-drag.acceptingContactDrag {
  border: 3px solid green;
}

.domainData table .nameServer {
  width: 300px;
  font-size: 12px;
  position: relative;
}

.domainData table .ipAddress {
  width: 250px;
  font-size: 12px;
}

.domainData table .action {
  width: 70px;
}

.domainData table div.btn {
  float: right;
}

.domainData table.innerTable,
.domainData table.hostTable {
  border-bottom: none;
  border-color: #B0B9C0;
}

.domainData table.innerTable .action,
.domainData table.innerTable .last {
  width: 24px;
}

.domainData table.innerTable .last.readonly {
  width: auto;
}

.domainData table.innerTable td,
.domainData table.hostTable td {
  border-bottom: none;
  border-color: #B0B9C0;
  vertical-align: top;
}

.domainData table .nameServer input.hostname {
  background-image: none;
  width: 100%;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.domainData .innerTable .buttonsContainer,
.domainData .hostTable .buttonsContainer {
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
}

.domainData .innerTable.markTable .buttonsContainer {
  width: 24px;
}

.domainData .innerTable .rf-ii,
.domainData .hostTable .rf-ii {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#domainCreateSuccess .domainList {
  margin-bottom: 30px;
  margin-left: 10px;
}

#domainCreateSuccess .successInfo {
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: 10px;
}

.cpInlineSearchPopup {
  width: 650px;
  position: relative;
}

.cpInlineSearchPopup .rf-pp-cnt {
  padding: 0;
}

.cpInlineSearchPopup .searchLine .rf-ii:hover {
  background-image: none;
}

.cpInlineSearchPopup .searchLine {
  width: 640px;
  height: 35px;
  line-height: 35px;
  background: 95% 50% #F2F2F2;
  margin-top: 6px;
  font-style: italic;
  color: #999999;
  padding-left: 10px;
  position: relative;
}

.cpInlineSearchPopup .searchLine .ajaxLoading {
  background-image: url("/javax.faces.resource/css/images/ajaxloading_grey_bg.gif.faces");
  position: absolute;
  right: 80px;
  top: 8px;
}

.cpInlineSearchPopup .input,
.cpInlineSearchPopup .rf-ii-fld {
  background: #F2F2F2;
  border: none;
  font-size: 18px;
  width: 560px;
  line-height: 35px;
  height: 35px;
}

.cpInlineSearchPopup .rf-ii-lbl {
  font-size: 18px;
}

.cpInlineSearchPopup .searchIcon {
  width: 30px;
  height: 30px;
  float: right;
  margin-top: 5px;
  margin-right: 40px;
}

.cpInlineSearchPopup .emptySearch {
  margin-left: 10px;
  margin-top: 10px;
}

.cpInlineSearchPopup .searchResult {
  clear: both;
  border-style: none;
  padding-bottom: 30px;
  padding-top: 15px;
}

.tango .cpInlineSearchPopup .rf-dt-c {
  padding: 4px;
}

.cpInlineSearchPopup table {
  width: 100%;
}

.tango .cpInlineSearchPopup th {
  background: none;
  border-right: none;
  color: #999999;
}

.tango .cpInlineSearchPopup table,
.tango .cpInlineSearchPopup td {
  border: none;
}

.tango .cpInlineSearchPopup table thead tr {
  border-bottom: 2px solid #F2F2F2;
}

.tango .cpInlineSearchPopup table th div {
  text-align: left;
}

.tango .cpInlineSearchPopup table tr div {
  overflow: hidden;
}

.tango .cpInlineSearchPopup table tr div.actionButton {
  overflow: visible;
}

.cpInlineSearchPopup table td.checkbox {
  text-align: center;
}

.tango .cpInlineSearchPopup table .handle {
  width: 90px;
  margin-left: 10px;
}

.tango .cpInlineSearchPopup table .name {
  width: 120px;
}

.tango .cpInlineSearchPopup table .organization {
  width: 95px;
}

.tango .cpInlineSearchPopup table .email {
  width: 115px;
}

.tango .cpInlineSearchPopup table .address {
  width: 94px;
}

.tango .cpInlineSearchPopup table .owner {
  width: 90px;
  margin-left: 10px;
}

.tango .cpInlineSearchPopup table tbody .owner {
  font-size: 18px;
}

.tango .cpInlineSearchPopup table .nameServer {
  width: 245px;
}

.tango .cpInlineSearchPopup table .action {
  width: 78px;
}

.cpInlineSearchPopup table td .actionButton {
  float: right;
  margin-right: 10px;
}

.cpInlineSearchPopup .searchResultOperations {
  margin: 10px;
}

.buttonsContainer.pageControls {
  margin: 0 10px 10px;
}

.dnssecDataEnterNewPanel {
  margin-top: 30px;
  width: 770px;
}

.newDnssecDataInfoPanel {
  height: 24px;
  line-height: 24px;
  padding-top: 1px;
  margin-left: 10px;
  float: left;
}

.fetchedDNSKEYRecordsPanel {
  display: inline-block;
  width: 770px;
  clear: left;
  margin-bottom: 20px;
}

.fetchedDNSKEYRecordsPanelConfirm {
  display: inline-block;
  width: 770px;
  clear: left;
  margin-top: 15px;
}

.fetchedDNSKEYRecordsPanelInfo {
  display: inline-block;
  width: 770px;
  clear: left;
  margin-bottom: 15px;
}

.applicationInfo .label,
.applicationInfo label {
  text-transform: capitalize;
}

.dnssecDataEnterNewPanel .inputTextarea {
  width: 568px;
}

.dnssecDataEnterNewPanel .fieldBlock,
.dnssecDataEnterNewPanel .fieldBlock .inputBlock {
  width: auto;
}

.dnssecDataEnterNewPanel .select2-container {
  width: 350px;
}

.dnssecDataEnterNewPanel .fieldBlock.newDnssecDataNewPublicKey .inputBlock .inputContainer .inputMessage .rf-msg-err,
.dnssecDataEnterNewPanel .fieldBlock.newDnssecDataNewPublicKey .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  width: 528px;
}

.dnssecDataEnterNewPanel .fieldBlock.newDnssecDataNewPublicKey .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
.dnssecDataEnterNewPanel .fieldBlock.newDnssecDataNewPublicKey .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err {
  width: 538px;
}

.domainCheckDomainNamePanel {
  width: 490px;
  float: left;
}

.domainCheckResultsPanel {
  width: 600px;
  float: right;
}

.domainCheckResultTable {
  width: 100%;
}

.domainCheckResultTable .reason,
.domainCheckResultTable .claimsKey,
.domainCheckResultTable .hasTrademark,
.domainCheckResultTable .available {
  text-align: center;
}

.domainCheckResultTable .hasTrademark span,
.domainCheckResultTable .available span {
  font-size: 18px;
}

.columnIP .k-rf-ta-c {
  margin-top: 5px;
}

.columnIP .k-rf-ta-c .k-rf-ta {
  width: 187px;
  padding: 0;
  background-image: none;
}

.markUploadPanel .rf-fu {
  float: left;
}

.markUploadPanel .rf-fu-itm:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.markUploadPanel .rf-fu-itm-rgh {
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
  float: right;
}

.markUploadPanel .rf-fu-itm-lft {
  width: auto;
  float: left;
}

.markUploadPanel .rf-fu-itm-lnk {
  color: #030303;
}

.markUploadPanel .rf-fu-itm-lnk:hover {
  color: #030303;
  text-decoration: none;
}

.markUploadPanel .sectionText {
  width: 400px;
}

.parseMarkMessages {
  max-height: 100px;
}

.tango .priceTablePanel .priceTable .price {
  text-align: right;
}

.fileUploadMessages {
  float: left;
  height: 248px;
  overflow-y: auto;
}

.fileUploadMessages > div {
  padding-left: 10px;
  max-width: 300px;
  border-top: 1px solid #B0B9C0;
}

.fileUploadMessages > div:first-child {
  border-top: none;
}

.formSectionContent > div.fileUpload {
  /*margin: 0 10px 40px 10px;*/
  margin-bottom: 40px;
}

.toUpload {
  margin-bottom: 1em;
}

.toUpload .rf-fu {
  float: left;
  width: auto;
  border: none;
  background: transparent;
}

.toUpload .rf-fu-btns-lft {
  width: auto;
  background-color: transparent;
  overflow: inherit;
}

.toUpload .rf-fu-btns-rgh {
  display: none;
}

.toUpload .rf-fu-btn-add,
.toUpload .rf-fu-btn-add-dis,
.toUpload .rf-fu-btn-upl,
.toUpload .rf-fu-btn-clr {
  /*padding: 4px;*/
  margin: 0;
  /**/border: 1px solid #DDDDDD;/**/
  border-radius: 4px;
  /**/background-color: #DDDDDD;/**/
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

.toUpload .rf-fu-btn-cnt-add {
  line-height: 24px;
  font-weight: 600;
  padding: 0 10px !important;
  background-image: none;
  cursor: pointer;
}

.toUpload .rf-fu-btn-cnt-add:hover {
  text-decoration: underline;
}

.toUpload .rf-fu-lst {
  display: none;
}

.toUpload .uploadStatus {
  width: 30px;
  height: 30px;
}

.viewPanelControlsContainer .toUpload .fileUpload {
  float: right;
}

.attachmentTable {
  vertical-align: top;
  width: 100%;
}

.fileUpload.readonly table.rf-dt {
  vertical-align: top;
  width: 1180px;
}

.fileUpload.readonly {
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.fileUpload .rf-fu-itm-rgh {
  width: auto;
}

.fileUpload .rf-fu-itm-lnk {
  display: inline-block;
  padding: 2px 5px;
  color: inherit;
}

.fileUpload div.rf-fu-itm {
  vertical-align: top;
}

.fileUpload td.numeric {
  text-align: right;
}

.fileUpload td.fileName,
.fileUpload td.fileType,
.fileUpload td.comment,
.fileUpload input.rf-ii-fld,
.fileUpload span.rf-ii {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fileUpload td.fileName {
  max-width: 120px;
}

.fileUpload td.fileType {
  max-width: 70px;
}

.fileUpload td.comment,
.fileUpload input.rf-ii-fld,
.fileUpload span.rf-ii {
  width: 380px;
}

.fileUpload.small div.rf-fu-lst {
  height: 0 !important;
}

.fileUpload.small {
  border: none;
  margin-top: 1rem;
}

.hostSearchResultTable.searchResultTable {
  width: 100%;
}
.hostSearchResultTable.searchResultTable .rf-dt-c.registrar {
  min-width: 250px;
  max-width: 350px;
}
.hostSearchResultTable.searchResultTable .rf-dt-c.domainname .hostName {
  max-width: 250px;
  padding-right: 30px;
  display: inline-block;
  word-break: break-word;
}

.userSearchResultTable.searchResultTable {
  width: 100%;
}

.userSearchResultTable.searchResultTable .rf-dt-c.username .userId {
  padding-right: 30px;
  display: inline-block;
  word-break: break-word;
}

.userSearchResultTable.searchResultTable.withRegistrar .rf-dt-c.username {
  width: 155px;
}

.userSearchResultTable.searchResultTable.withRegistrar .rf-dt-c.registrar {
  width: 187px;
}

.userSearchResultTable.searchResultTable.withRegistrar .rf-dt-hdr-c.firstnamelastname,
.userSearchResultTable.searchResultTable.withRegistrar .rf-dt-c.firstnamelastname {
  width: 167px;
}

.userSearchResultTable.searchResultTable.withRegistrar .rf-dt-c.privileges {
  width: auto;
}

.userSearchResultTable.searchResultTable.noRegistrar .rf-dt-c.username {
  width: 240px;
}

.userSearchResultTable.searchResultTable.noRegistrar .rf-dt-hdr-c.firstnamelastname,
.userSearchResultTable.searchResultTable.noRegistrar .rf-dt-c.firstnamelastname {
  width: 247px;
}

.userSearchResultTable.searchResultTable.noRegistrar .rf-dt-c.privileges {
  width: auto;
}

.userSearchResultTable.searchResultTable .rf-dt-c.privileges .tableEntry .serviceName {
  font-weight: bold;
}

.userSearchResultTable.searchResultTable .rf-dt-c.privileges .tableEntry ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

.searchResultTable td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.domainSearchResultTable {
  width: 100%;
}

.domainSearchResultTable .rf-dt-c.domainname {
  max-width: 250px;
}

.domainSearchResultTable.searchResultTable .rf-dt-c.deleted,
.domainSearchResultTable.searchResultTable .rf-dt-c.deleted .tableEntry {
  width: 40px;
}

.domainSearchResultTable.searchResultTable .stateLabel {
  cursor: help;
}

.domainName.deleted,
.domainName.pendingDelete,
.domainName.restorable,
.deleted {
  text-decoration: line-through;
}

.stateContainer {
  position: relative;
}

.stateContainer > .link.domain {
  float: left;
  padding-right: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.link.domain > div > a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.link.domain.deleted a {
  text-decoration: line-through;
}

.stateContainer > .state {
  position: absolute;
  right: 0;
}

.popup.renew .fieldBlock {
  margin-left: 0;
  margin-right: 0;
}

.popup.renew .intro {
  margin-bottom: 2em;
}

.popup.lock .intro {
  margin-bottom: 3em;
}

/*
============ application search ================================================
*/
.applicationSearchResultTable {
  width: 100%;
}

.viewContact .variantPanel {
  max-width: 600px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  height: auto;
}

.markDataContact .contactDetailsContainer,
.viewContact .variantPanel .contactDetailsContainer {
  text-align: center;
}

.markDataContact .contactDetailsContainer .title {
  font-weight: bold;
}

.contactDeletePanel .contactDetails,
.markDataContact .contactDetailsContainer .contactDetails,
.viewContact .variantPanel .contactDetails {
  text-align: left;
  display: inline-block;
  padding: 10px;
  border: 1px solid #B0B9C0;
  border-radius: 10px;
  min-width: 170px;
  margin: 0;
  float: none;
  position: static;
}

.markDataContact h3,
.contactUsage h3 {
  margin-left: 10px;
  margin-right: 10px;
}

.contactDeletePanel {
  padding-top: 1em;
}

div.legend {
  clear: both;
}

.viewSection.variantsContainer .formSectionContainer {
  padding-top: 0;
}

.setupDisclosures {
  clear: both;
}

.setupDisclosures .variantPanel .formSectionContainer {
  padding-top: 20px;
}

.setupDisclosures table.contactDisclosures {
  margin: 0 auto;
}

.viewContact.highlight .disclosure {
  position: relative;
}

.viewContact.highlight .disclosure.granted {
  /**/background-color: #FAF5DF;/**/
}

.viewContact.highlight .disclosure.denied {
  background-color: #FDECE9;
}

.viewContact .disclosure.default {
  padding-right: 2em;
}

.viewContact.highlight .disclosure.default:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  content: "\2713";
}

.viewContact.restrictedView .disclosure.default:after {
  display: none;
}

.viewContact.restrictedView .disclosure.granted {
  background-color: inherit;
}

.viewContact.highlight .entry.disclosure.granted .value {
  /**/background-color: #FAF5DF;/**/
}

.viewContact.highlight .entry.disclosure.denied .value {
  background-color: #FDECE9;
}

.viewContact.highlight .entry.disclosure {
  background-color: white;
}

.variantsContainer {
  clear: both;
  display: flex;
}

.variantsContainer .addresses {
  width: 100%;
  display: flex;
}

.variantPanel .formSectionContainer {
  padding-top: 40px;
}

.variantHeader {
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
}

.variantTypeFlag {
  margin: 0px 10px;
}

.variantLabelContainer {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.variantLabelContainer > .infoBoxPanel {
  bottom: 0;
}

.variantLabel {
  margin-right: 10px;
}

.variantPanel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.variantPanel:not(:empty) {
  width: 50%;
  border-left: 1px solid #B0B9C0;
  border-right: 1px solid #B0B9C0;
}

.variantPanel:first-of-type {
  border-left: none;
}

.variantPanel:last-of-type {
  border-right: none;
}

.variantPanel.singleAddressType {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  border-left: none;
  border-right: none;
}

.variantPanel .actionLink.inline.icon .icon-copy.label > span {
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
}

.singleAddressType.omega,
.singleAddressType.alpha {
  border: none;
}

.variantPanel .buttonsContainer {
  clear: none;
}

.variantPanel .row.buttons {
  min-height: 36px;
}

.variantPanel.alpha .buttonsContainer {
  position: relative;
  margin: 0 30px 10px 30px;
  float: right;
}

.variantPanel.omega .buttonsContainer {
  position: relative;
  margin: 0 10px 10px 30px;
  float: left;
}

.variantPanel .fieldBlock.alfa {
  clear: none;
}

.buttonsContainer.locButtonsContainer .actionLink {
  float: left;
}

.buttonsContainer.copyToLocButtonsContainer .actionLink {
  float: right;
}

.buttonsContainer .actionLink.copyToInt {
  float: left;
}

.actionLink.copyToLoc a:after {
  background-image: url("/javax.faces.resource/css/images/step_next.png.faces");
  background-position: right center;
  background-repeat: no-repeat;
  background-color: transparent;
  text-decoration-color: transparent;
  color: transparent;
  border-radius: 0;
  padding: 0;
  padding-left: 10px;
  width: auto;
  content: ">";
}

.actionLink.copyToInt a:before {
  background-image: url("/javax.faces.resource/css/images/step_prev.png.faces");
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
  text-decoration-color: transparent;
  color: transparent;
  border-radius: 0;
  padding: 0;
  width: auto;
  padding-right: 10px;
  content: "<";
}

table.us-ascii {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #B0B9C0;
  border-collapse: collapse;
}
table.us-ascii td {
  border: 1px solid #B0B9C0;
  padding: 4px;
}

.dashboard .issueDashboardTileTable td.rf-dt-c {
  padding: 5px;
}

.dashboard .issueDashboardTileTable .type {
  width: 20px;
}

.dashboard .issueDashboardTileTable .key {
  width: 70px;
}

.dashboard .issueDashboardTileTable .summary,
.dashboard .issueDashboardTileTable .summary .tableEntry {
  width: 147px;
}

.dashboard .issueDashboardTileTable .priority {
  width: 20px;
}

.dashboard .issueDashboardTileTable .state {
  width: 83px;
}

.dashboard .issueDashboardTileTable .assignee,
.dashboard .issueDashboardTileTable .assignee .tableEntry {
  width: auto;
}

.dashboard .issueDashboardTileTable .action {
  width: 50px;
}

.dashboard .widget .rf-p-b {
  padding: 10px;
}

.dashboard .searchResultTable {
  margin-bottom: 0;
  width: 100%;
}

.issueLinkDisplayContainer .rf-cp-hdr {
  text-transform: none;
  font-weight: normal;
}

.issueLinkDisplayContainer .descriptionViewContainer > div {
  padding: 10px 0;
}

.issueLinkDisplayContainer .descriptionViewContainer > div.view {
  padding: 30px 0 0;
}

.linkPanel .view .entry {
  max-width: 380px;
  width: 380px;
}

.linkPanel .view .body {
  padding: 0 10px;
  margin-bottom: 20px;
}

.issueLinkDisplayContainer .type span,
.issueLinkDisplayContainer .priority span,
.searchResultTable.issueTable .type span,
.searchResultTable.issueTable .priority span {
  display: block;
  color: transparent;
  cursor: help;
}

.issueLinkDisplayContainer .type span,
.searchResultTable.issueTable .type span {
  width: 20px;
  height: 20px;
}

.issueLinkDisplayContainer .priority span,
.searchResultTable.issueTable .priority span {
  width: 24px;
  height: 18px;
}

.issueLinkDisplayContainer .type span,
.issueLinkDisplayContainer .priority span,
.searchResultTable.issueTable .type span,
.searchResultTable.issueTable .priority span {
  background-repeat: no-repeat;
  background-position: 50%;
}

.issueLinkDisplayContainer .issueLinkActions {
  display: none;
}

.issueLinkDisplayContainer:not(.editing):hover .issueLinkActions {
  display: block;
}

.issueHandle.general,
.wt-it-general:before,
.issueLinkDisplayContainer .type .general,
.searchResultTable.issueTable .type .general,
.tooltip .issue .icon.wt-it-general .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.issueHandle.technical,
.wt-it-technical:before,
.issueLinkDisplayContainer .type .technical,
.searchResultTable.issueTable .type .technical,
.tooltip .issue .icon.wt-it-technical .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.issueHandle.billing,
.wt-it-billing:before,
.issueLinkDisplayContainer .type .billing,
.searchResultTable.issueTable .type .billing,
.tooltip .issue .icon.wt-it-billing .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.issueHandle.legal,
.wt-it-legal:before,
.issueLinkDisplayContainer .type .legal,
.searchResultTable.issueTable .type .legal,
.tooltip .issue .icon.wt-it-legal .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.issueHandle.application-review,
.wt-it-application-review:before,
.issueLinkDisplayContainer .type .application-review,
.searchResultTable.issueTable .type .application-review,
.tooltip .issue .icon.wt-it-application-review .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces");
}

.issueHandle.domain-review,
.wt-it-domain-review:before,
.issueLinkDisplayContainer .type .domain-review,
.searchResultTable.issueTable .type .domain-review,
.tooltip .issue .icon.wt-it-domain-review .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces");
}

.issueHandle.contention-resolution,
.wt-it-contention-resolution:before,
.issueLinkDisplayContainer .type .contention-resolution,
.searchResultTable.issueTable .type .contention-resolution,
.tooltip .issue .icon.wt-it-contention-resolution .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces");
}

.issueHandle.abuse-review,
.wt-it-abuse-review:before,
.issueLinkDisplayContainer .type .abuse-review,
.searchResultTable.issueTable .type .abuse-review,
.tooltip .issue .icon.wt-it-abuse-review .value {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces");
}

.entry.wt-it-abuse-review,
.entry.wt-it-application-review,
.entry.wt-it-contention-resolution,
.entry.wt-it-domain-review,
.entry.wt-it-general {
  background-image: none;
  padding-left: 0;
}

h2 .issueHandle {
  display: inline-block;
  width: auto;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
}

.wt-p-trivial:before,
.issueLinkDisplayContainer .priority .trivial,
.searchResultTable.issueTable .priority .trivial,
.tooltip .issue .icon.wt-p-trivial .value {
  color: #dacfb1;
  /**  replaced by fontello
  background-image: url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces"); */
}

.wt-p-minor:before,
.issueLinkDisplayContainer .priority .minor,
.searchResultTable.issueTable .priority .minor,
.tooltip .issue .icon.wt-p-minor .value {
  color: #ab9560;
  /**  replaced by fontello
  background-image: url(#f50e19"/javax.faces.resource/css/images/Ticket_status_minor.png.faces"); */
}

.wt-p-major:before,
.issueLinkDisplayContainer .priority .major,
.searchResultTable.issueTable .priority .major,
.tooltip .issue .icon.wt-p-major .value {
  color: #ba7c51;
  /**  replaced by fontello
  background-image: url("/javax.faces.resource/css/images/Ticket_status_major.png.faces"); */
}

.wt-p-critical:before,
.issueLinkDisplayContainer .priority .critical,
.searchResultTable.issueTable .priority .critical,
.tooltip .issue .icon.wt-p-critical .value {
  color: #ed6351;
  /**  replaced by fontello
  background-image: url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces"); */
}

.wt-p-blocker:before,
.issueLinkDisplayContainer .priority .blocker,
.searchResultTable.issueTable .priority .blocker,
.tooltip .issue .icon.wt-p-blocker .value {
  color: #f50e19;
  /**  replaced by fontello
  background-image: url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces"); */
}

.searchResultTable.issueTable th span.titleHeader {
  cursor: help;
}

.is-sticky .quickJumpContainer {
  display: none;
}

.quickJumpContainer {
  padding-top: 4px;
  float: right;
  margin-right: 10px;
}

.quickJumpContainer .fieldBlock {
  width: auto;
}

.quickJumpContainer.domainQuickJump .fieldBlock .labelBlock {
  width: 225px;
}
.quickJumpContainer.domainQuickJump .fieldBlock .labelBlock label.inputLabel {
  max-width: 200px;
}

.quickJumpContainer .fieldBlock .inputBlock {
  width: 145px;
}

.quickJumpContainer .fieldBlock .inputBlock .inputContainer {
  position: inherit;
}

.quickJumpContainer .fieldBlock .inputBlock input[type='text'].inputText {
  width: 100px;
}

.quickJumpContainer .vBlock {
  margin-bottom: 0;
}

.selectOneButtons.buttonsContainer.issues .actionButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
  height: 26px;
  float: left;
}

.selectOneButtons.buttonsContainer.issues .actionButton ~ .actionButton {
  margin: 0;
}

.selectOneButtons.buttonsContainer.issues .actionButton.dual {
  width: 50%;
}

.selectOneButtons.buttonsContainer.issues > .actionButton > input {
  width: 100%;
  padding: 0;
  border-radius: 0;
  border-right-width: 0;
}

.selectOneButtons.buttonsContainer.issues > .actionButton:first-child > input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.selectOneButtons.buttonsContainer.issues > .actionButton:last-child > input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}

/* checkbox column uses the general style with 20px width */
.issueSearchResultTable.searchResultTable {
  width: 100%;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.date {
  width: auto;
  min-width: 0;
  max-width: none;
}

.issueSearchResultTable.searchResultTable .rf-dt-hdr-c.key {
  width: 100px;
}

.issueSearchResultTable.searchResultTable .rf-dt-hdr-c.priority span {
  color: #FFFFFF;
  display: inline-block;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.priority {
  width: auto;
  text-align: center;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.priority span {
  display: inline-block;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.state {
  width: auto;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.date > div,
.issueSearchResultTable.searchResultTable .rf-dt-c.state > div {
  white-space: pre;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.assignee {
  width: 100px;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.reporter {
  width: 100px;
}

.issueSearchResultTable.searchResultTable .rf-dt-c.assignee,
.issueSearchResultTable.searchResultTable .rf-dt-c.reporter {
  overflow: visible;
  background-color: inherit;
}

.issueFilterSections .inputCheckbox,
.issueFilterSections .inputCheckboxLabel {
  height: auto;
}

.issueFilterSections .inputCheckbox {
  margin-right: 10px;
}

.issueFilterSections .inputCheckboxLabel {
  width: 210px;
}

.audienceBadge {
  float: left;
  border: 1px solid #B0B9C0;
  margin-right: .25em;
  margin-bottom: 4px;
  height: 24px;
}

.audienceBadge span {
  display: inline-block;
  height: 100%;
  margin-left: .25em;
  float: left;
  line-height: 24px;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.audienceBadge span.audienceName {
  overflow: hidden;
}

.audienceBadge span:only-child {
  margin-right: .25em;
}

.audienceAddPanel .inputBlock .select2-container {
  width: 654px;
  margin-right: 10px;
}

.fullwidth.audience .inputText {
  width: 642px;
}

.fullwidth.audience > .inputBlock {
  width: 980px;
}

.fullwidth.audience > .inputBlock > .inputContainer {
  width: 980px;
  position: static;
}

.multiSelectRemoveBtn,
.audienceBtn {
  width: 24px;
  text-align: center;
}

.multiSelectRemoveBtn a,
.audienceBtn a {
  width: 100%;
  height: 100%;
  font-size: 20px;
  color: #192730;
  text-decoration: none;
  display: inline-block;
}

.audienceName.internal {
  /** replaced by fontello background: transparent url("/javax.faces.resource/css/images/person_grey.png.faces") no-repeat; */
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 17px;
}
.audienceName.internal::before {
  color: #BBBBBB;
}

.audienceAddPanel {
  padding-top: 20px;
  width: 100%;
}

.audienceAddPanel .fieldBlock {
  margin-left: 0;
  width: 100%;
}

.audienceAddPanel .vBlock {
  /*margin-bottom: 10px;*/
}

.audienceAddPanel .inputBlock,
.audienceAddPanel .inputBlock .inputContainer {
  width: 780px;
}

.audienceBadge,
.audienceAddPanel .inputText,
.audienceAddPanel .rf-sel {
  vertical-align: top;
}

.audienceBtnContainer {
  display: none;
}

.watchListInput {
  float: left;
  margin-right: 10px;
}

.audienceBadgeContainer {
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: top;
}

.fullwidth .audienceInlineContainer {
  width: 976px;
}

.fullwidth .audienceInlineContainer span {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 4px;
}

.audienceInlineContainer .userSelector {
  margin-bottom: 4px;
}

.fullwidth .audienceInlineContainer .userSelector {
  width: 200px;
}

.userSelectorInput {
  margin-bottom: 36px;
}

.issueHandle {
  clear: left;
  display: block;
  width: 1186px;
  height: 36px;
  border: 2px solid white;
  line-height: 36px;
}

h2.issueSummaryHeader {
  height: auto;
  padding-right: 10px;
  text-transform: none;
}

h2.issueSummaryHeader .actionsMenu {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}

.descriptionViewContainer {
  width: 100%;
  position: relative;
}

.descriptionViewContainer .rf-it {
  padding: 0;
  background: none;
}

.descriptionViewContainer .commentTextarea.rf-it {
  width: 100em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.commentTextarea.rf-it {
  padding: 0;
  background: none;
  width: 560px;
}

.commentTextarea .rf-it-lbl {
  display: inline-block;
  width: 548px;
  border: 1px solid #B0B9C0;
  line-height: 20px;
  min-height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: none;
  padding-left: 5px;
  padding-right: 5px;
}

.descriptionViewContainer .rf-it-lbl {
  display: inline-block;
  width: 958px;
  border: 1px solid #B0B9C0;
  background: none;
  padding: 2px 10px;
}

.descriptionViewContainer .rf-it-fld {
  background-color: transparent;
}

.descriptionViewContainer .commentTextarea .rf-it-fld-cntr textarea,
.descriptionViewContainer .commentTextarea .rf-it-lbl {
  padding: 10px;
  width: 1180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.commentTextarea .rf-it-prev,
.descriptionViewContainer .rf-it-prev {
  /**/background-color: #DDDDDD;/**/
}

.commentTextarea .rf-it-lbl.rf-it-none,
.descriptionViewContainer .rf-it-lbl.rf-it-none {
  display: none;
}

.commentTextarea .rf-it-fld-cntr textarea {
  display: inline-block;
  width: 548px;
  border: 1px solid #B0B9C0;
  padding: 5px;
  resize: none;
}

.descriptionViewContainer .rf-it-fld-cntr textarea {
  display: inline-block;
  width: 958px;
  border: 1px solid #B0B9C0;
  padding: 2px 10px;
  resize: none;
  background-image: none;
}

.commentTextarea .rf-it-lbl.active {
  border: 1px solid #B0B9C0;
}

.commentTextarea .rf-it p {
  font-size: 11px;
  margin: 0;
}

.descriptionViewContainer .rf-it p {
  font-size: 12px;
  margin: 0;
}

.commentTextarea .rf-ii-btn-prepos,
.descriptionViewContainer .rf-ii-btn-prepos {
  bottom: 5px;
  right: 105px;
  top: auto;
}

.rf-it-dis .rf-it-lbl {
  border: 1px solid #B0B9C0;
  /**/background-color: #ECEDED;/**/
}

.transitionButtons {
  float: left;
  margin-left: 20px;
}

.workflowButton {
  float: left;
  position: relative;
  height: 26px;
}

.workflowButton + .workflowButton {
  border-left: none;
}

.workflowButton > .kj-dab {
  height: 100%;
  /*border-radius: 0;*/
}

.workflowButton + .workflowButton > .kj-dab {
  /*border-left: none;*/
  margin-left: 10px;
}

/*.workflowButton:first-child > .kj-dab {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}


.workflowButton:last-child > .kj-dab {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}*/
.workflowSubButtons {
  width: 300px;
  float: left;
  position: absolute;
  margin-right: 20px;
  top: 26px;
  left: 0;
}

.workflowSubButton {
  float: left;
  position: relative;
}

.transitionButton-none {
  display: none;
}

.issueViewPanel {
  position: relative;
}

.issueViewPanel .rf-cp-b {
  padding: 0 10px;
}

.issueViewPanel .rf-cp-b .rf-cp-b {
  padding: 0;
}

.issueViewPanel .detail + .detail {
  border-top: 1px dotted;
  margin-top: 20px;
  padding-top: 20px;
}

.detail .issueLinkDisplayContainer .descriptionViewContainer {
  margin-top: 10px;
  clear: both;
}

.issueViewSectionContainer {
  padding-top: 40px;
}

.viewPanelControlsContainer {
  position: absolute;
  right: 38px;
  top: 6px;
}

.issueViewAudiencePanel .audienceContentPanel {
  margin: 0;
}

.issueViewAudiencePanel .externalAudienceListInput {
  margin-bottom: 0;
}

.logbookCommentBtn {
  position: absolute;
  bottom: 1px;
  right: 2px;
  display: none;
}

.logbookCommentBtn .actionLink {
  min-width: 0;
  vertical-align: baseline;
}

.descriptionViewContainer:hover .logbookCommentBtn {
  display: block;
}

.descriptionViewContainer:hover .rf-it-act ~ .logbookCommentBtn {
  display: none;
}

.logbookCommentBtn input,
.logbookCommentBtn label {
  padding-left: 10px;
  line-height: 2em;
  white-space: nowrap;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
  background: none;
  cursor: pointer;
  display: inline-block;
}

.logbookCommentBtn input {
  height: 18px;
  margin-left: 0;
  margin-right: 0;
}

.logbookCommentBtn label {
  font-size: 12px;
}

.logbookCommentBtn label:hover {
  text-decoration: underline;
}

.logbookPanel .issueLinkTypeLabel {
  margin-left: 10px;
}

.issuePanelControls {
  color: #FFFFFF;
  line-height: 28px;
}

.issuePanelControl {
  display: inline-block;
  margin-left: 1em;
}

.issueLinkTypeLabel {
  float: left;
  width: 140px;
}

.issueLinkTargetContainer {
  float: left;
  width: 988px;
}

.issueLinkDisplayContainer {
  position: relative;
}

.issueLinkActions {
  position: absolute;
  top: 24px;
  right: 0px;
  z-index: 5;
}

.issueLinkTargetState {
  float: right;
  cursor: help;
}

.issueLink {
  margin-left: 10px;
  float: left;
}

.issueLinksContent .issueLinksEmpty {
  margin-left: 10px;
}

.type.issueView {
  float: left;
}

.priority.issueView {
  float: right;
  margin-right: 10px;
}

.summary.issueView {
  padding-left: 10px;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.issues .showWorkflow {
  line-height: 26px;
}

.workflowPanel {
  margin-left: 20px;
  cursor: help;
}

.workflowPanel .workflowTooltip {
  max-width: 800px;
}

.workflowPanel .workflowTooltip .workflowImage {
  padding: 10px;
}

.commentPanel .issueLinksContent {
  padding-left: 10px;
  padding-right: 10px;
}

.logbookPanel .descriptionViewContainer {
  position: static;
}

.commentPanel .descriptionViewContainer .rf-it-lbl,
.commentPanel .descriptionViewContainer .rf-it-fld-cntr textarea {
  width: 1178px;
}

.commentPanel.logbookPanel .descriptionViewContainer .rf-it-lbl,
.commentPanel.logbookPanel .descriptionViewContainer .rf-it-fld-cntr textarea {
  width: 1158px;
}

.linkPanel .rf-cp-hdr .rf-cp-gr,
.logbookPanel .rf-cp-hdr .rf-cp-gr,
.commentPanel .rf-cp-hdr .rf-cp-gr {
  height: 26px;
}

.linkPanel .rf-cp-hdr,
.logbookPanel .rf-cp-hdr,
.commentPanel .rf-cp-hdr {
  border: 1px solid #B0B9C0;
  color: #030303;
  border-radius: 4px;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}

.linkPanel.rf-cp .rf-cp-ico-colps,
.commentPanel.rf-cp .rf-cp-ico-colps,
.logbookPanel.rf-cp .rf-cp-ico-colps {
  background: transparent url("/javax.faces.resource/css/images/bg_logbook_entry_collapsed.png.faces") 50% 50% no-repeat;
}

.linkPanel.rf-cp .rf-cp-ico-exp,
.commentPanel.rf-cp .rf-cp-ico-exp,
.logbookPanel.rf-cp .rf-cp-ico-exp {
  background: transparent url("/javax.faces.resource/css/images/bg_logbook_entry_expanded.png.faces") 50% 50% no-repeat;
}

.logbookBlock {
  margin-bottom: 20px;
}

.logbookBlock.fieldBlock {
  width: 1180px;
}

.logbookValueBlock {
  float: left;
  width: 980px;
}

.logbookValueContainer {
  position: relative;
}

.logbookValue {
  padding: 2px 5px;
  width: 968px;
  border-width: 1px;
  border-style: solid;
  border-color: #B0B9C0;
  color: #030303;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  /**/background-color: #ECEDED;/**/
}

.logCommentTextarea {
  display: inline-block;
  width: 1180px;
}

.logCommentTextarea .rf-it-lbl {
  width: 1158px;
  border-color: #B0B9C0;
}

.view.formSectionContainer.objectLinkBody {
  margin: 0 -10px;
}

.issues div.collapsible-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  /** embedded (second level) panels */
}
.issues div.collapsible-panel > input.toggle[type='checkbox'] ~ div.header:after {
  content: '\A0';
  color: transparent;
  /*    content: '\e819';
      speak: none;
  
      color: #6c5900;
  
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      font-size: 28px;
  
      text-align: center;
      text-decoration: inherit;
      text-transform: none;
      text-shadow: 1px 1px 1px rgba(lighten(#6c5900, 30%), 0.4);*/
  position: absolute;
  right: 5px;
  top: 6px;
  height: 26px;
  width: 26px;
  background-image: url("/javax.faces.resource/css/images/bg_search_section_collapsed.png.faces");
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.issues div.collapsible-panel > input.toggle[type='checkbox']:checked ~ div.header:after {
  /*content: '\e817';*/
  background-image: url("/javax.faces.resource/css/images/bg_search_section_expanded.png.faces");
}
.issues div.collapsible-panel > div.header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
  border: none;
  border-radius: 2px;
  /**/background-color: #BAA266;/**/
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #BAA266, #7E6E45);/**/
  /**/background-image: linear-gradient(to bottom, #BAA266, #7E6E45);/**/
}
.issues div.collapsible-panel > div.header > label {
  padding: 5px 10px;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls {
  position: absolute;
  right: 26px;
  top: 0;
  height: 26px;
  line-height: 26px;
  text-transform: none;
  margin: 6px 10px;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls > div.actionButton > input {
  padding: 0 10px;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls > div.toUpload {
  margin-bottom: 0;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls > div.toUpload * {
  cursor: pointer;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls > div.toUpload span.rf-fu-btn-add {
  border-color: #B0B9C0;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls > div.toUpload span.rf-fu-btn-cnt-add input[type='file'].rf-fu-inp {
  position: static;
  right: initial;
  top: initial;
  height: 26px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.issues div.collapsible-panel > div.header > span.issuePanelControls label {
  font-weight: normal;
}
.issues div.collapsible-panel div.collapsible-panel.link > div.header {
  text-transform: none;
  font-weight: normal;
}
.issues div.collapsible-panel div.collapsible-panel > div.header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #B0B9C0;
  color: #030303;
  line-height: 22px;
  border-radius: 4px;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  /**/background-image: -webkit-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Firefox 3.6+ */
  /**/background-image: -moz-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* IE 10+ */
  /**/background-image: -ms-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /* Opera 11.10+ */
  /**/background-image: -o-linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
  /**/background-image: linear-gradient(to bottom, #ECEDED, #DDDDDD);/**/
}
.issues div.collapsible-panel div.collapsible-panel > div.header > label {
  padding: 2px 10px;
}
.issues div.collapsible-panel div.collapsible-panel > div.header > label div.issueLinkTargetContainer > div.type {
  margin-top: 1px;
}
.issues div.collapsible-panel div.collapsible-panel > div.header > label div.issueLinkTargetContainer > div.priority {
  margin-top: 2px;
}
.issues div.collapsible-panel div.collapsible-panel > input.toggle[type='checkbox'] ~ div.header:after {
  top: 9px;
  right: 10px;
  height: 8px;
  width: 8px;
  background-image: url("/javax.faces.resource/css/images/bg_logbook_entry_collapsed.png.faces");
}
.issues div.collapsible-panel div.collapsible-panel > input.toggle[type='checkbox']:checked ~ div.header:after {
  background-image: url("/javax.faces.resource/css/images/bg_logbook_entry_expanded.png.faces");
}
.issues div.collapsible-panel div.collapsible-panel > div.content {
  margin-bottom: 20px;
}

.reportsSearchResultTable.searchResultTable {
  width: 100%;
}

.reportsSearchResultTable.searchResultTable .rf-dt-c.checkbox {
  width: 20px;
}

.reportsSearchResultTable.searchResultTable .rf-dt-c.month {
  text-align: center;
  width: auto;
}

h2.view.reports .viewHeadingContainer.actionMenuAvail .additionalFacets {
  float: right;
  width: auto;
  vertical-align: bottom;
  font-size: 12px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #999999;
  background-color: #FFFFFF;
}

h2.view.reports .viewHeadingContainer.actionMenuAvail .additionalFacets {
  float: right;
  width: auto;
  vertical-align: bottom;
  font-size: 12px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #999999;
  background-color: #FFFFFF;
}

h2.view.reports .viewHeadingContainer.actionMenuAvail .additionalFacets > * {
  display: inline-block;
  vertical-align: bottom;
}

h2.view.reports .viewHeadingContainer.actionMenuAvail .additionalFacets > label {
  margin-right: 10px;
}

h2.view.reports .viewHeadingContainer.actionMenuAvail .additionalFacets .select2-container {
  width: auto;
  min-width: 250px;
  max-width: 450px;
}

.issueDataRow {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.issueDataRow .chart {
  grid-column: span 2;
}
.issueDataRow .value {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.searchResultTable .rf-dt-c.period {
  text-align: center;
}

.invoicesSearchResultTable.searchResultTable {
  width: 100%;
}

.searchFilter .filterSection .ccSelectAttribute .buttonsContainer {
  position: absolute;
  left: 252px;
  margin: 0;
  padding: 0;
  border: none;
}

div.priceTable {
  float: left;
  margin-right: 20px;
}

div.priceTableInterval {
  margin: 0 10px 20px 10px;
  clear: left;
}

div.tariffs h3 {
  margin: 0 0 20px 0;
}

div.tariffs div.priceTableIntervalAjaxLoading {
  margin: 10px;
  text-align: center;
}

div.tariffs div.priceTableIntervalAjaxLoading .ajaxLoading {
  display: inline-block;
}

div.tariffs div.priceChangesToggle {
  float: left;
}

.tango .priceTable .rf-cst-shdr-c,
.tango .priceTable .rf-cst-c,
.tango .priceTable .rf-dt-c {
  text-align: center;
}

.tango .priceTable .rf-cst-c {
  padding-top: 8px;
  padding-bottom: 8px;
}

div.priceTable span.pricechange.higher {
  /** replaced by fontello background-image: url("/javax.faces.resource/css/images/price_higher.svg.faces"); */
}
div.priceTable span.pricechange.higher::before {
  color: #EB3D26;
}

div.priceTable span.pricechange.lower {
  /** replaced by fontello background-image: url("/javax.faces.resource/css/images/price_lower.svg.faces"); */
}
div.priceTable span.pricechange.lower::before {
  color: #15b500;
}

div.priceTable span.pricechange.change {
  /** replaced by fontello background-image: url("/javax.faces.resource/css/images/modified.svg.faces"); */
}
div.priceTable span.pricechange.change::before {
  color: #0061ff;
}

.tariffs .priceTable .operation {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.tariffs .priceTable .price {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}

.smallBottomMargin {
  margin-bottom: 1rem;
}

.multiSelectBadge,
.tariffs .multiSelectBadge {
  float: left;
  border: 1px solid #B0B9C0;
  margin-right: .25em;
  margin-bottom: 4px;
  height: 24px;
}

.tariffs div.additionalInfo {
  line-height: 24px;
  padding-top: 2px;
  border-bottom: 1px solid #B0B9C0;
  float: left;
}

.multiSelectBadge > span {
  display: inline-block;
  height: 100%;
  margin-left: .5em;
  float: left;
  line-height: 24px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiSelectBadge > span:only-child {
  margin-right: .5em;
}

.tariffs .priceTableIntervalPanel.change .rf-cp-b,
.tariffs .priceTableIntervalPanel.change .rf-cp-b tr.odd {
  /**/background-color: #FAF5DF;/**/
}

.tariffs .priceTableIntervalPanel.change .rf-cp-b tr.even {
  background-color: #F8F0D0;
}

div.tariffListContainer .tariffTable {
  width: 100%;
}

div.tariffListContainer .tariffTable tr.newCategory {
  border-top: 2px solid #AAAAAA;
}

div.tariffListContainer .tariffTable .tariffId {
  text-align: right;
}

div.tariffListContainer .tariffTable .tariffFormula {
  min-width: 170px;
}

div.tariffListContainer .editButton {
  margin-right: 0;
}

div.tariffListContainer .newTariff {
  margin-top: 20px;
  margin-bottom: 20px;
}

div.tariffListContainer .hideTariff {
  display: none;
}

div.tariffListContainer .newTariff .actionButton {
  float: left;
}

div.tariffListContainer div.tariffChangesLegend {
  float: right;
}

div.tariffListContainer div.tariffChangesLegend div .box {
  height: 14px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
  width: 20px;
  display: block;
  float: left;
  text-decoration: none;
}

div.tariffListContainer .tariffTable .new,
div.tariffListContainer div.tariffChangesLegend div.new .box {
  background-color: #CCFF99;
}

div.tariffListContainer .tariffTable .edited,
div.tariffListContainer div.tariffChangesLegend div.edited .box {
  /**/background-color: #EDDD8E;/**/
}

div.tariffListContainer .tariffTable .deleted,
div.tariffListContainer div.tariffChangesLegend div.deleted .box {
  background-color: #F7B1A8;
}

div.tariffListContainer div.tariffChangesLegend div {
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 20px;
  line-height: 20px;
  margin-left: 10px;
}

div.tariffListContainer div.tariffChangesLegend div .text {
  float: right;
  display: block;
  height: 20px;
  line-height: 20px;
}

div.tariffDeleteContainer {
  width: 500px;
  margin-top: 40px;
}

span.newPriceModelInfo {
  display: inline-block;
  width: 480px;
  margin-bottom: 40px;
}

div.tariffCUContainer {
  padding-top: 40px;
  width: 1000px;
}

div.tariffCUContainer div.buttonsContainer {
  margin-top: 0;
}

div.tariffTags div.buttonsContainer {
  clear: none;
  float: left;
  margin-left: 0;
  margin-right: .25em;
  margin-bottom: 4px;
}
div.tariffTags div.buttonsContainer .btn {
  margin: 1px 0;
}
div.tariffTags input.inputText {
  float: left;
  margin-right: .25em;
  margin-bottom: 4px;
}
div.tariffTags .inputBlock {
  min-height: 30px;
}

div.tariffs div.formulaCriterion {
  clear: left;
}
div.tariffs div.formulaCriterion .label {
  font-weight: bold;
}
div.tariffs div.formulaCriterion .label.tags {
  float: left;
  line-height: 22px;
  display: inline-block;
}
div.tariffs div.formulaCriterion .multiSelectBadge span {
  line-height: 20px;
  margin-left: 3px;
  margin-right: 3px;
}
div.tariffs div.formulaCriterion .multiSelectBadge {
  height: 20px;
}

.bookEntrySearchResultTable {
  width: 100%;
}

.bookEntrySearchResultTable .rf-dt-c.centered {
  text-align: center;
}

.bookEntrySearchResultTable .rf-dt-c.top {
  vertical-align: top;
}

.bookEntrySearchResultTable .rf-dt-c.amount {
  text-align: right;
}

.bookEntrySearchResultTable .rf-dt-c.object {
  max-width: 200px;
}

.bookEntrySearchResultTable .rf-dt-c.operation {
  max-width: 100px;
  word-wrap: break-word;
  white-space: initial;
}

.bookEntrySumWrapper {
  width: 280px;
  line-height: 24px;
  box-sizing: border-box;
  float: left;
  margin-top: 1rem;
}

.bookEntrySumWrapper .label {
  width: 120px;
  height: 100%;
  min-height: 26px;
  float: left;
  margin-right: 10px;
  padding-top: 2px;
  border-bottom: 1px solid #B0B9C0;
  box-sizing: border-box;
}

.bookEntrySumWrapper .value {
  width: 150px;
  box-sizing: border-box;
  height: 100%;
  min-height: 26px;
  float: left;
  color: black;
  padding-left: 10px;
  border-left: 1px solid #B0B9C0;
  border-bottom: 1px solid #B0B9C0;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}

.tooltip.balances table.balanceListing {
  border-collapse: collapse;
  width: 100%;
}

.tooltip.balances table.balanceListing tr.odd {
  /**/background-color: #ECEDED;/**/
}

.tooltip.balances table.balanceListing td.currency {
  color: black;
  font-weight: bold;
  text-transform: none;
}

.tooltip.balances table.balanceListing td.balance {
  padding-left: 10px;
  color: black;
}

.noEntryComment {
  display: none;
}

.wikiPreview {
  overflow: auto;
}

.wikiPreview div {
  padding: 0px;
}

.wiki h1 {
  height: auto;
  margin: 0.75em 0;
  padding: 0;
  text-align: initial;
  font-size: 2em;
  line-height: 100%;
  font-weight: bold;
  background: none;
  border: none;
  text-transform: initial;
  color: #030303;
}

.wiki h1:after {
  content: none;
}

.wiki h2 {
  height: auto;
  margin: .5em 0;
  padding: 0;
  text-align: initial;
  font-size: 1.5em;
  line-height: 100%;
  font-weight: bold;
  background: none;
  border: none;
  text-transform: initial;
  color: #030303;
}

.wiki h3 {
  color: #030303;
  font-size: 1.17em;
  line-height: 100%;
}

.wiki h4 {
  font-size: 1em;
  line-height: 100%;
}

.wiki h5 {
  font-size: .83em;
  line-height: 100%;
}

.wiki h6 {
  font-size: .75em;
  line-height: 100%;
}

.wiki table {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 10px;
}

.wiki table td {
  border: 1px solid black;
}

.wiki table th,
.wiki table td {
  padding: 0 6px;
}

.wiki .note {
  background-color: purple;
}

/* links to objects to which the user has no access */
.wt-link-no-access {
  background-image: url("/javax.faces.resource/css/images/bg_global_messages_error.png.faces");
}

/* links that could not be resolved */
.wt-link-unknown {
  background-image: url("/javax.faces.resource/css/images/bg_field_error.png.faces");
}

/* links to objects where not an active instance exists */
.wt-ob-no-active {
  text-decoration: line-through;
}

/* links to objects where an active instance exists */
/* links to "general" issues */
.wt-it-general {
  background-size: 11px auto;
  padding-left: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.wt-it-technical {
  background-size: 11px auto;
  padding-left: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.wt-it-billing {
  background-size: 11px auto;
  padding-left: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

.wt-it-legal {
  background-size: 11px auto;
  padding-left: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces");
}

/* links to "application review" issues */
.wt-it-application-review {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces");
}

/* links to "domain review" issues" */
.wt-it-domain-review {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces");
}

/* links to "contention resolution" issues */
.wt-it-contention-resolution {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces");
}

/* links to "abuse review" issues */
.wt-it-abuse-review {
  background-image: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces");
}

.wt-link-unknown,
.wt-link-no-access,
.wt-it-application-review,
.wt-it-domain-review,
.wt-it-contention-resolution,
.wt-it-abuse-review {
  background-position: left center;
  background-repeat: no-repeat;
}

.wt-it-application-review,
.wt-it-domain-review,
.wt-it-contention-resolution,
.wt-it-abuse-review {
  background-size: 12px auto;
  padding-left: 14px;
}

.wt-link-unknown,
.wt-link-no-access {
  background-size: 11px auto;
  padding-left: 13px;
}

/* links to open issues */
/* links to in progress issues */
.wt-ws-in-progress {
  font-style: italic;
}

/* links to resolved issues */
.wt-ws-closed:after,
.wt-ws-resolved:after {
  content: "\2713";
}

/* links to closed issues */
.wt-ws-closed {
  text-decoration: line-through;
}

/* links to trivial issues */
/* links to minor issues */
/* links to major issues */
/* links to critical issues */
/* links to blocker issues */
/* links to issues with no resolution */
/* links to issues with resolution: tentatively valid */
/* links to issues with resolution: tentatively invalid */
/* links to issues with resolution: valid */
/* links to issues with resolution: invalid */
/* links to issues with resolution: accepted */
/* links to issues with resolution: rejected */
/* links to issues with resolution: solved */
/* links to issues with resolution: missing information */
/* links to issues with resolution: incomplete */
/* links to issues with resolution: undecided */
/* links to issues with resolution: withdrawn */
/* links to issues with resolution: duplicate */
/* links to contacts */
.wt-ot-contact {
  /** replaced by fontello background: transparent url("/javax.faces.resource/css/images/person_grey.png.faces") no-repeat; */
}
.wt-ot-contact::before {
  color: #BBBBBB;
}

/* links to hosts */
.wt-ot-host {
  background-image: url("/javax.faces.resource/brand/core/images/favicon.png.faces");
}

/* links to domains */
.wt-ot-domain {
  background-image: url("/javax.faces.resource/brand/core/images/favicon.png.faces");
}

/* links to applications */
.wt-ot-application {
  background-image: url("/javax.faces.resource/brand/core/images/favicon.png.faces");
}

/* links to clients */
.wt-ot-client {
  /** replaced by fontello background: transparent url("/javax.faces.resource/css/images/person_grey.png.faces") no-repeat; */
}
.wt-ot-client::before {
  color: #BBBBBB;
}

.wt-ot-host,
.wt-ot-domain,
.wt-ot-application {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 14px;
}

/*
.wt-it-general.wt-p-trivial {
  background: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces") 14px center no-repeat;
}

.wt-it-general.wt-p-minor {
  background: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_minor.png.faces") 14px center no-repeat;
}

.wt-it-general.wt-p-major {
  background: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_major.png.faces") 14px center no-repeat;
}

.wt-it-general.wt-p-critical {
  background: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces") 14px center no-repeat;
}

.wt-it-general.wt-p-blocker {
  background: url("/javax.faces.resource/css/images/Tickettyp_general.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces") 14px center no-repeat;
}

.wt-it-application-review.wt-p-trivial {
  background: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces") 14px center no-repeat;
}

.wt-it-application-review.wt-p-minor {
  background: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_minor.png.faces") 14px center no-repeat;
}

.wt-it-application-review.wt-p-major {
  background: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_major.png.faces") 14px center no-repeat;
}

.wt-it-application-review.wt-p-critical {
  background: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces") 14px center no-repeat;
}

.wt-it-application-review.wt-p-blocker {
  background: url("/javax.faces.resource/css/images/Tickettyp_application.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces") 14px center no-repeat;
}

.wt-it-domain-review.wt-p-trivial {
  background: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces") 14px center no-repeat;
}

.wt-it-domain-review.wt-p-minor {
  background: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_minor.png.faces") 14px center no-repeat;
}

.wt-it-domain-review.wt-p-major {
  background: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_major.png.faces") 14px center no-repeat;
}

.wt-it-domain-review.wt-p-critical {
  background: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces") 14px center no-repeat;
}

.wt-it-domain-review.wt-p-blocker {
  background: url("/javax.faces.resource/css/images/Tickettyp_domain.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces") 14px center no-repeat;
}

.wt-it-contention-resolution.wt-p-trivial {
  background: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces") 14px center no-repeat;
}

.wt-it-contention-resolution.wt-p-minor {
  background: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_minor.png.faces") 14px center no-repeat;
}

.wt-it-contention-resolution.wt-p-major {
  background: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_major.png.faces") 14px center no-repeat;
}

.wt-it-contention-resolution.wt-p-critical {
  background: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces") 14px center no-repeat;
}

.wt-it-contention-resolution.wt-p-blocker {
  background: url("/javax.faces.resource/css/images/Tickettyp_contention_resolution.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces") 14px center no-repeat;
}

.wt-it-abuse-review.wt-p-trivial {
  background: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_trivial.png.faces") 14px center no-repeat;
}

.wt-it-abuse-review.wt-p-minor {
  background: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_minor.png.faces") 14px center no-repeat;
}

.wt-it-abuse-review.wt-p-major {
  background: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_major.png.faces") 14px center no-repeat;
}

.wt-it-abuse-review.wt-p-critical {
  background: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_critical.png.faces") 14px center no-repeat;
}

.wt-it-abuse-review.wt-p-blocker {
  background: url("/javax.faces.resource/css/images/Tickettyp_abuse.png.faces") left center no-repeat,
    url("/javax.faces.resource/css/images/Ticket_status_blocker.png.faces") 14px center no-repeat;
}*/
.wt-it-general.wt-p-trivial,
.wt-it-general.wt-p-minor,
.wt-it-general.wt-p-major,
.wt-it-general.wt-p-critical,
.wt-it-general.wt-p-blocker,
.wt-it-application-review.wt-p-trivial,
.wt-it-application-review.wt-p-minor,
.wt-it-application-review.wt-p-major,
.wt-it-application-review.wt-p-critical,
.wt-it-application-review.wt-p-blocker,
.wt-it-domain-review.wt-p-trivial,
.wt-it-domain-review.wt-p-minor,
.wt-it-domain-review.wt-p-major,
.wt-it-domain-review.wt-p-critical,
.wt-it-domain-review.wt-p-blocker,
.wt-it-contention-resolution.wt-p-trivial,
.wt-it-contention-resolution.wt-p-minor,
.wt-it-contention-resolution.wt-p-major,
.wt-it-contention-resolution.wt-p-critical,
.wt-it-contention-resolution.wt-p-blocker,
.wt-it-abuse-review.wt-p-trivial,
.wt-it-abuse-review.wt-p-minor,
.wt-it-abuse-review.wt-p-major,
.wt-it-abuse-review.wt-p-critical,
.wt-it-abuse-review.wt-p-blocker {
  background-size: 12px;
  padding-left: 28px;
}

.rulesViewSection {
  margin: 0 10px;
}

.rulesViewSection .rulesViewTable {
  width: 100%;
}

.ruleSuperiorLabel {
  font-style: italic;
}

.rulesViewSection .rulesViewTable .rf-dt-c {
  vertical-align: top;
}

#valueSetInfo {
  margin-left: 10px;
}

body.login .bodyWrap {
  background: url("/javax.faces.resource/images/bg_lines.png.faces") center center no-repeat;
  background-size: cover;
}

#loginForm .formSectionContainer {
  width: 420px;
  padding-top: 30px;
  margin: 40px auto;
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 4px 10px 40px 0 #AAAAAA;
}
#loginForm .formSectionContainer:before {
  display: inline-block;
  width: 110px;
  height: 110px;
  overflow: hidden;
  vertical-align: bottom;
  line-height: 150px;
  font-family: fontello;
  font-size: 90px;
  border-radius: 55px;
  /**/color: #BAA266;/**/
  content: '\e82b';
  /**/background-color: #ECEDED;/**/
}

#loginForm .formSectionContent {
  text-align: left;
  margin-top: 30px;
}
#loginForm .formSectionContent .fieldBlock {
  width: 380px;
  margin-left: 10px;
  margin-right: 10px;
}

#loginForm .formSectionContent .fieldBlock.omega {
  margin-bottom: 20px;
}

#loginForm .formSectionContent .fieldBlock .inputBlock {
  width: 180px;
}

#loginForm .fieldBlock .inputBlock .inputContainer .inputMessage .rf-msg-err,
#loginForm .fieldBlock .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  width: 140px;
}

#loginForm .fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msg-err,
#loginForm .fieldBlock .inputBlock .inputContainer .inputMessage:hover .rf-msgs-err {
  width: 150px;
}

#loginForm .formSectionContent .inputBlock .inputText {
  width: 168px;
}

#loginForm .formSectionContent .buttonsContainer {
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}

#loginForm .formSectionContent .buttonsContainer .actionButton {
  float: left;
  margin-left: 200px;
}

div.totpIntro {
  text-align: center;
  margin-bottom: 10px;
}

.dashboard .widgetColumn {
  width: 50%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dashboard .widgetColumn.left {
  float: left;
  padding-right: 20px;
}
.dashboard .widgetColumn.right {
  float: right;
  padding-left: 20px;
}

.dashboard .widgetContainer {
  margin-bottom: 40px;
}
.dashboard .widgetContainer.full {
  width: 100%;
}
.dashboard .widgetContainer.quarter {
  width: 25%;
}

.dashboard .widget.license-info > .entry > .label {
  width: 190px;
}
.dashboard .widget.license-info > .entry > .label > [class^="icon-"],
.dashboard .widget.license-info > .entry > .label > [class*=" icon-"] {
  display: block;
  position: relative;
  padding-left: 26px;
}
.dashboard .widget.license-info > .entry > .label > [class^="icon-"]:before, .dashboard .widget.license-info > .entry > .label > [class^="icon-"]:after,
.dashboard .widget.license-info > .entry > .label > [class*=" icon-"]:before,
.dashboard .widget.license-info > .entry > .label > [class*=" icon-"]:after {
  position: absolute;
  left: 0;
  top: 2px;
  line-height: 20px;
}
.dashboard .widget.license-info > .entry > .label > .warning {
  color: #E87600;
  background-color: #F5E1CE;
}
.dashboard .widget.license-info > .entry > .label > .error {
  margin-bottom: 0;
  color: #EB3D26;
  background-color: #FDECE9;
}
.dashboard .widget.license-info > .entry > .label ~ .value {
  width: 370px;
}
.dashboard .widget.chart .rf-p-b {
  padding: 0;
}
.dashboard .widget > div.chart > div.head,
.dashboard .widget > div.chart > div.body > div.line {
  display: flex;
}
.dashboard .widget > div.chart > div.head > span,
.dashboard .widget > div.chart > div.body > div.line > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
}
.dashboard .widget > div.chart > div.head > span ~ span,
.dashboard .widget > div.chart > div.body > div.line > span ~ span {
  /**/border-left: 1px solid #ECEDED;/**/
}
.dashboard .widget > div.chart > div.head > span.name,
.dashboard .widget > div.chart > div.body > div.line > span.name {
  align-self: flex-start;
  flex-basis: 470px;
}
.dashboard .widget > div.chart > div.head > span.count,
.dashboard .widget > div.chart > div.body > div.line > span.count {
  align-self: flex-end;
  flex-grow: 2;
}
.dashboard .widget > div.chart > div.head {
  border-radius: 2px;
}
.dashboard .widget > div.chart > div.head > span {
  padding: 4px 10px;
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
}
.dashboard .widget > div.chart > div.body {
  max-height: 280px;
  overflow: auto;
}
.dashboard .widget > div.chart > div.body > div.line:nth-child(even) {
  background: #F2F2F2;
}
.dashboard .widget > div.chart > div.body > div.line > span {
  padding: 8px 10px;
}
.dashboard .widget > div.chart > div.body > div.line > span.count {
  text-align: right;
}
.dashboard .widget .searchResultTable {
  margin-bottom: 0;
}
.dashboard .widget .chartContainer {
  height: 400px;
  width: 580px;
}

.dashboard .formSectionContainer.searchResultsDataScrollerContainer {
  margin-bottom: 0;
}

.dashboard .controls .fieldBlock {
  margin-left: 0;
  margin-right: 0;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
  background-color: rgba(255, 255, 255, 0.75) !important;
  z-index: 2;
  max-width: 200px;
}

.jqplot-target,
.jqplot-point-label,
.jqplot-data-label,
.jqplot-highlighter-tooltip,
table.jqplot-table-legend,
table.jqplot-cursor-legend {
  color: #030303;
  font-family: 'Open Sans',sans-serif;
  font-size: 12px !important;
}

table.jqplot-table-legend tbody {
  display: block;
  max-height: 340px;
  overflow: auto;
}

.jqplot-highlighter-tooltip {
  background: none repeat scroll 0 0 rgba(208, 208, 208, 0.75) !important;
}

td.jqplot-table-legend-swatch {
  padding-left: 10px;
  padding-right: 5px;
}

td.jqplot-table-legend-label {
  padding-right: 10px;
}

dl.legend {
  margin-left: 10px;
}

dl.legend dd,
dl.legend dd ul {
  margin: 0;
  padding: 0;
}

dl.legend dt,
dl.legend dd {
  display: inline-block;
}

dl.legend dt {
  margin-right: 1em;
  font-weight: bold;
}

dl.legend dd ul {
  display: inline-block;
  list-style: none;
}

dl.legend dd ul li {
  display: inline-block;
  padding-right: 2em;
  margin-right: 1em;
}

h2.view {
  height: auto;
  min-height: 40px;
  margin: 25px 0 35px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #B0B9C0;
  vertical-align: bottom;
  position: relative;
  text-transform: none;
}
h2.view .viewHeadingContainer {
  display: table;
  width: 100%;
}
h2.view .viewHeadingContainer .title {
  float: left;
  max-width: 1000px;
  display: table-cell;
  word-break: break-word;
}
h2.view .viewHeadingContainer .title > span {
  display: inline-block;
  float: left;
}
h2.view .viewHeadingContainer.tabsAvail .additionalFacets {
  width: 315px;
}
h2.view .viewHeadingContainer.actionMenuAvail .additionalFacets {
  width: 85px;
}
h2.view .viewHeadingContainer.tabsAvail.actionMenuAvail .additionalFacets {
  width: 400px;
}
h2.view .additionalFacets {
  display: table-cell;
}

.messageCounter {
  display: flex;
  justify-content: center;
  background: #858585;
  border-radius: 50px;
  width: 5rem;
  font-size: 1.25rem;
  color: #000000;
}

h2.view .tabs {
  position: relative;
  font-size: 12px;
  float: right;
  clear: initial;
  border: 1px solid #B0B9C0;
  border-bottom: none;
  line-height: 28px;
  padding: 0;
  margin: 8px 30px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wikiHelpSections {
  float: left;
  border-right: 1px solid #B0B9C0;
  padding-right: 20px;
  margin-right: 20px;
}

.wikiHelpSections > div {
  display: block;
  clear: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

div.wikiHelpSectionHeading.active {
  color: #BAA266;
}

div.wikiHelpSectionHeading {
  cursor: pointer;
}

.wikiHelpContent {
  vertical-align: top;
}
.wikiHelpContent .wikiHelpSectionContent {
  display: none;
  width: 600px;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable {
  width: 100%;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentRow {
  border-bottom: 1px solid #B0B9C0;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentColumn.wikiHelpSectionContentNotationColumn {
  padding-right: 10px;
  box-sizing: border-box;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentColumn {
  width: 50%;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentColumn p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentColumn .wikiHelpSectionContentNotation {
  background-color: #F2F2F2;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #B0B9C0;
}
.wikiHelpContent .wikiHelpSectionContent .wikiHelpSectionContentTable .wikiHelpSectionContentHeading {
  width: 100%;
  display: inline-block;
  padding: 3px 0;
  font-weight: bold;
  border-bottom: 1px solid #B0B9C0;
  box-sizing: border-box;
}
.wikiHelpContent .wikiHelpSectionContent.active {
  display: block;
}

td.specification ul {
  margin: 0px;
  padding: 0px;
  list-style-position: inside;
  list-style-type: square;
}

td.specification li > div,
td.specification li > ul {
  margin-left: 1em;
}

td.specification li > ul {
  list-style-type: circle;
}

td.specification li > div.extra-info {
  font-style: italic;
}

td.default {
  /**/background-color: #FAF5DF88;/**/
}

.launch-phase-details {
  display: grid;
  grid-template-areas: "lp-details lp-details" "domain trademark";
  grid-template-columns: 8fr 2fr;
}
.launch-phase-details > .header {
  width: 100%;
}
.launch-phase-details > .lp-details {
  grid-area: lp-details;
}
.launch-phase-details > .lp-details > .items {
  display: grid;
  grid-template-columns: auto auto auto;
}
.launch-phase-details > .trademark {
  grid-area: trademark;
}
.launch-phase-details > .trademark > .items {
  display: grid;
  grid-template-columns: auto;
}
.launch-phase-details > .domain {
  grid-area: domain;
}
.launch-phase-details > .domain > .items {
  display: grid;
  grid-template-columns: auto auto;
}

div.contention-set-changes > div.entry {
  display: flex;
  width: auto;
  margin: 0;
}
div.contention-set-changes > div.entry > div.label {
  float: none;
  width: 190px;
}
div.contention-set-changes > div.entry > div.value {
  float: none;
  width: 100%;
  height: initial;
}
div.contention-set-changes > div.entry > div.value ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.contention-set-changes > div.entry > div.value ul li {
  display: inline;
  margin: 0;
}
div.contention-set-changes > div.entry > div.value ul li > span.link {
  display: inline-block;
}
div.contention-set-changes > div.entry > div.value ul li > span.link.current > a {
  font-weight: bold;
}
div.contention-set-changes > div.entry > div.value ul li:not(:last-child):after {
  content: ',';
  margin-right: 0.25em;
}
div.contention-set-changes > div.entry ~ div.entry {
  margin-top: 24px;
}

div.contention-set-preview {
  padding: 10px 0 10px 10px;
  margin-bottom: 10px;
  width: 760px;
}
div.contention-set-preview > div.message {
  display: block;
  min-height: 40px;
  padding-left: 10px;
  margin-left: 30px;
  margin-right: 10px;
  vertical-align: top;
}
div.contention-set-preview > div.contention-set-changes {
  max-height: 150px;
  overflow: auto;
  margin-top: 10px;
}
div.contention-set-preview > div.contention-set-changes > div.entry > div.value {
  margin-right: 10px;
}

span.status.ajaxLoading.inline {
  display: none;
  position: absolute;
  height: 100%;
  width: 30px;
}
span.status.ajaxLoading.inline.active {
  display: inline-block;
}

.rf-pp-cnt .messagesContainer {
  margin: 10px 0 30px;
}

table.resolution-select-container {
  display: inline-table;
}
table.resolution-select-container table.resolution-select input, table.resolution-select-container table.resolution-select label {
  vertical-align: middle;
  height: 24px;
}
table.resolution-select-container table.resolution-select label {
  margin: 0 2em 0 .5em;
}

.workflowButton ~ .actionLink {
  padding-left: 10px;
}

h2.formSectionHeader {
  position: relative;
}
h2.formSectionHeader > span.summary {
  display: block;
  color: inherit;
  background: white;
  width: 100%;
  margin: .5em 0 0 0;
}
h2.formSectionHeader > span.summary.rf-it {
  padding: 0;
}
h2.formSectionHeader > span.summary.rf-it-act {
  height: auto !important;
}
h2.formSectionHeader > span.summary.rf-it-act ~ div.ui-resizable-s {
  display: none;
}
h2.formSectionHeader > span.summary:not(.rf-it-act) {
  min-height: 40px;
  height: 80px;
  overflow-y: auto;
}
h2.formSectionHeader > span.summary:not(.rf-it-act)::hover {
  background-repeat: no-repeat;
  background-position: right 20px top .5rem;
  background-image: url("/javax.faces.resource/css/images/Icon_Pencil.png.faces");
}
h2.formSectionHeader > span.summary:not(.rf-it-act) > span.rf-it-lbl {
  width: 100%;
  display: block;
}
h2.formSectionHeader > span.summary:not(.rf-it-act) > span.rf-it-lbl:hover {
  background-image: none;
  background: initial;
}
h2.formSectionHeader > span.summary > * {
  color: inherit;
  background: white;
  box-sizing: border-box;
}
h2.formSectionHeader > span.summary > span.rf-it-fld-cntr > textarea.rf-it-fld {
  resize: none;
  background: initial;
  background-color: white;
}
h2.formSectionHeader > span.ui-resizable ~ div.ui-resizable-s {
  display: block;
}
h2.formSectionHeader > div.ui-resizable-s {
  display: none;
  width: 100%;
  cursor: s-resize;
  height: 7px;
  font-size: 1rem;
  /*
  use when not display: none
  display: flex;
  */
  justify-content: center;
  color: black;
  align-content: center;
  /*
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("");
  */
}
h2.formSectionHeader > div.ui-resizable-s:hover {
  background-color: #ECEDED;
}

.imprintTable {
  color: black;
}
.imprintTable tr:nth-child(odd) {
  /**/background-color: #ECEDED;/**/
}
.imprintTable td, .imprintTable th {
  vertical-align: top;
  padding: 10px;
}

div.newPromotion {
  clear: left;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}

div.newPromotionBatch {
  clear: left;
  margin-top: 20px;
  margin-bottom: 40px;
}

div.promotionCUContainer {
  padding-top: 40px;
  width: 1000px;
}
div.promotionCUContainer div.select2-container {
  float: left;
  margin-right: 10px;
}
div.promotionCUContainer .fixed-width div.select2-container {
  width: 280px;
}
div.promotionCUContainer .multiSelectList {
  width: 800px;
  float: left;
  margin-left: 0;
}
div.promotionCUContainer .multiSelectContainer {
  display: inline-block;
  vertical-align: top;
  float: left;
}
div.promotionCUContainer .multiSelectBadge {
  float: left;
  border: 1px solid #B0B9C0;
  margin-right: .25em;
  height: 24px;
}
div.promotionCUContainer .multiSelectBadge span {
  display: inline-block;
  height: 100%;
  margin-left: .5em;
  margin-right: .5em;
  float: left;
  line-height: 24px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.promotionCUContainer .multiSelectBadge span.multiSelectRemoveBtn {
  margin: 0;
}
div.promotionCUContainer .fieldBlock.doubleWidth .inputBlock .inputContainer .inputMessage .rf-msgs-err {
  float: left;
}
div.promotionCUContainer .fieldBlock.doubleWidth .inputBlock .inputContainer .rf-msgs.inputMessage .rf-msgs-err {
  padding-top: 2px;
}
div.promotionCUContainer .promotionLaunchPhases div.select2-container,
div.promotionCUContainer .promotionLaunchPhases div.multiSelectBadge {
  margin-bottom: .5em;
}

.promotionsList {
  padding: 0 10px;
}
.promotionsList .label {
  font-weight: bold;
}
.promotionsList .promotionName {
  float: left;
  padding-right: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.promotionsList .buttonsContainer {
  margin-top: 0;
}
.promotionsList .date {
  width: 190px;
}
.promotionsList .actions {
  width: 110px;
}
.promotionsList .priceModelColumn,
.promotionsList .nameColumn {
  min-width: 200px;
}

div.promotionDeleteContainer {
  padding-top: 10px;
  width: 300px;
}

div.detailsArea div.batchesListContainer {
  margin: 0 10px 24px;
}
div.detailsArea div.batchesListContainer .rf-dt {
  width: 100%;
}
div.detailsArea div.batchesListContainer .rf-dt .batchCreationDateColumn {
  width: 200px;
}
div.detailsArea div.batchesListContainer .rf-dt .batchIDColumn {
  width: 60px;
}
div.detailsArea div.batchesListContainer .rf-dt .actionsColumn {
  width: 50px;
}
div.detailsArea div.batchesListContainer .rf-dt .actionsColumn .buttonsContainer {
  margin-top: 0;
}

div.promotionCodeCheckInputArea {
  width: 490px;
  float: left;
}

div.promotionCodeCheckResultsArea {
  width: 600px;
  float: right;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .rf-dt-c,
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .rf-dt-shdr-c {
  border-right-width: 1px;
  border-right-style: solid;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .rf-dt-c {
  border-color: #ECEDED;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .rf-dt-shdr-c {
  border-right-color: #B0B9C0;
  padding: 4px;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable td {
  color: #000000;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .last {
  border-right: none;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .code-header {
  min-width: 150px;
}
div.promotionCodeCheckResultsArea .promotionCodeCheckResultTable .label {
  font-weight: bold;
}

div.promotionCodeCheckInputArea h2.formSectionHeader,
div.promotionCodeCheckResultsArea h2.formSectionHeader {
  border-top: none;
  margin-top: 0;
}

.flex-list {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.numberMonthSelector tr[id$="CalendarDateEditorLayoutTR"] {
  display: none;
}

.numberCalendarPopup tr[id] {
  display: none;
}

.highlightGrey {
  padding: 3rem 2rem;
  background-color: lightgray;
}
.highlightGrey > div {
  background-color: lightgray;
}

.m-1 {
  margin: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-9 {
  margin: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m-11 {
  margin: 2.75rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.mr-11 {
  margin-right: 2.75rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.m-12 {
  margin: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.p-1 {
  padding: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-11 {
  padding: 2.75rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pr-11 {
  padding-right: 2.75rem;
}

.pt-11 {
  padding-top: 2.75rem;
}

.pb-11 {
  padding-bottom: 2.75rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.p-12 {
  padding: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.textclass3 {
  color: red;
}