/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1em;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
span:focus {
  outline: none;
}
::-ms-clear {
  display: none;
}
/** KEYFRAMES **/
@keyframes progressBar {
  0% {
    background-color: #d0deef;
  }
  25% {
    background-color: #d0efe1;
  }
  50% {
    background-color: #d0deef;
  }
  75% {
    background-color: #d0efe1;
  }
  100% {
    background-color: #d0deef;
  }
}
@keyframes progressBarDarker {
  0% {
    background-color: #5b90bf;
  }
  25% {
    background-color: #a3be8c;
  }
  50% {
    background-color: #5b90bf;
  }
  75% {
    background-color: #a3be8c;
  }
  100% {
    background-color: #5b90bf;
  }
}
@keyframes loading {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes statsBounce {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-6px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  12.5% {
    transform: translateX(-5px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-3px);
  }
}
/** MIXINS **/
/** ROUNDED CORNERS **/
/** OPACITY **/
body {
  margin: 0;
  padding: 0;
  background: #042e5f;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
}
body h1, body h2, body h3, body h4, body h5 {
  -webkit-font-smoothing: subpixel-antialiased;
}
div.selectionList {
  margin-top: 20px;
}
div.selectionList div.options div.option {
  vertical-align: middle;
  padding: 15px 20px;
  background: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  color: gray;
  border-left: 1px solid #d0deef;
  border-right: 1px solid #d0deef;
}
div.selectionList div.options div.option code {
  font-size: 13px;
}
div.selectionList div.options div.option span.cardtype, div.selectionList div.options div.option span.cardnumber, div.selectionList div.options div.option span.expmonth, div.selectionList div.options div.option span.expyear, div.selectionList div.options div.option span.delete {
  display: inline-block;
}
div.selectionList div.options div.option span.cardtype {
  width: 100px;
}
div.selectionList div.options div.option span.cardnumber {
  width: 160px;
}
div.selectionList div.options div.option span.delete {
  display: inline-block;
  margin-right: 0;
  float: right;
  clear: right;
}
div.selectionList div.options div.option span.delete a {
  color: #4F4F4F;
  text-decoration: none;
  font-size: 11px !important;
}
div.selectionList div.options div.option span.delete a:hover {
  color: #ad0000;
}
div.selectionList div.options div.option span.info {
  margin-left: 10px;
  color: #4F4F4F;
  font-size: 11px !important;
}
div.selectionList div.options div.option:nth-child(1) {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
  border-top: 1px solid #d0deef;
}
div.selectionList div.options div.option:last-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  border-bottom: 1px solid #d0deef;
}
div.selectionList div.options div.option:nth-child(even) {
  border: 1px solid #d0deef;
}
div.selectionList div.options div.option:hover, div.selectionList div.options div.option.selected {
  background: #d0efe1;
  color: #042e5f;
}
div.selectionList div.options div.option.static {
  background: white;
  color: #042e5f;
  cursor: auto;
}
div.selectionList.error div.option {
  border: 1px solid #f3b6b3 !important;
  background-color: #fef4f4 !important;
  color: #ad0000 !important;
}
div.template {
  display: none;
}
textarea, input, select {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  color: #042e5f;
}
input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
p {
  margin-bottom: 20px;
  line-height: 200%;
  font-size: 14px;
}
hr {
  margin: 10px 0;
  padding: 0;
  border: 0;
  height: 1px;
  background: #d0deef;
}
ul {
  list-style-type: disc;
  margin-bottom: 20px;
}
ol {
  list-style-type: lower-latin;
  margin-bottom: 20px;
}
div.innerCanvas {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow: hidden;
}
a:hover {
  text-decoration: none;
}
#menuCanvasOuter {
  position: fixed;
  width: 100%;
  min-width: 1190px;
  height: 68px;
  z-index: 100;
  background-color: #042e5f;
}
#menuCanvasOuter.relative {
  position: relative;
}
#menuCanvasOuter.relative #menuCanvas {
  margin-top: 0 !important;
  padding-top: 10px;
}
#menuCanvasOuter #menuCanvas {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 100;
  margin-top: 10px;
}
#menuCanvasOuter #menuCanvas img.logo {
  margin-top: 3px;
  transform: scale(0.85);
  transition: transform 0.3s;
}
#menuCanvasOuter #menuCanvas img.logo:hover {
  transform: scale(0.9);
}
#menuCanvasOuter #menuCanvas div.menu {
  display: inline-block;
  margin-left: 43px;
  position: absolute;
  top: 0;
}
#menuCanvasOuter #menuCanvas div.menu img.megaMenuCloseIcon {
  position: absolute;
  top: 85px;
  left: 934px;
  cursor: pointer;
}
#menuCanvasOuter #menuCanvas div.menu.notLoggedIn {
  margin-left: 46px;
}
#menuCanvasOuter #menuCanvas div.menu.notLoggedIn img.megaMenuCloseIcon {
  top: 85px;
  left: 954px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner {
  position: relative;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem {
  display: inline-block;
  text-decoration: none;
  margin-top: 13px;
  font-size: 14px;
  color: white;
  padding: 0 5px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem:first-child {
  padding: 0 5px 0 0;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem span {
  display: inline-block;
  background-color: #1e4c89;
  transition: background-color 0.3s;
  padding: 12px 15px 12px 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem span i {
  width: 14px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem i.arrow {
  font-weight: normal;
  width: 11px;
  vertical-align: middle;
  font-size: 15px;
  margin-left: 5px;
  display: inline-block;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.clicked i.arrow {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem:hover span, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.selected span, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.static span, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.clicked span {
  background-color: #5683bf;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem:hover span i.fa-terminal, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.selected span i.fa-terminal, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.static span i.fa-terminal, #menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem.clicked span i.fa-terminal {
  background: #153967;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem i.fa-terminal {
  background-color: #0c2340;
  padding: 2px 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  margin-right: 3px;
  font-size: 11px;
  color: #51ba5c;
  width: 15px;
  transition: background-color 0.3s;
  vertical-align: top;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner a.menuItem i.fa-home {
  width: 16px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems {
  position: absolute;
  z-index: 100;
  top: 52px;
  left: -1px;
  width: 280px;
  white-space: nowrap;
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems div.padding {
  height: 16px;
  overflow: hidden;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem {
  display: block;
  padding: 20px 40px 20px 20px;
  text-decoration: none;
  color: white;
  border-bottom: 1px solid #042e5f;
  border-left: 1px solid #042e5f;
  border-right: 1px solid #042e5f;
  font-size: 14px;
  background: #1e4c89;
  white-space: nowrap;
  transition: background 0.3s;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem:hover, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem.selected {
  background-color: #5683bf;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem:hover i.fa-terminal, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem.selected i.fa-terminal {
  background: #153967;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem i {
  width: 15px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem i.fa-terminal {
  background: #0c2340;
  padding: 0 3px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  margin-right: 3px;
  font-weight: bold;
  color: #6fcff5;
  transition: background 0.3s;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem img.sdk {
  margin-right: 5px;
  vertical-align: top;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.menuSubItems a.menuSubItem:last-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu {
  position: absolute;
  top: 53px;
  border-bottom: 1px solid #042e5f;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.padding {
  height: 15px;
  overflow: hidden;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container {
  background-color: #1e4c89;
  color: white;
  min-height: 120px;
  padding-top: 40px;
  padding-bottom: 60px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.items {
  display: inline-block;
  vertical-align: top;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.items.separateRight {
  padding-right: 20px;
  margin-right: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.grid {
  display: grid;
  grid-template-columns: 240px 240px;
  column-gap: 40px;
  row-gap: 40px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.grid.threeCols {
  grid-template-columns: 240px 240px 240px;
  column-gap: 60px;
  row-gap: 40px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.grid.threeCols.exampleReports {
  height: 80px;
  grid-template-columns: 260px 260px 260px;
  column-gap: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container span.header {
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  color: #7acd75;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.item {
  display: block;
  text-decoration: none;
  color: white;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.item span.info {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: white;
  transition: color 0.3s;
  line-height: 175%;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.item:hover span.info {
  color: #7db4ff;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.getStarted {
  font-size: 14px;
  margin-top: 40px;
  padding-top: 45px;
  width: 640px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.getStarted span:first-child {
  display: inline-block;
  min-width: 137px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.getStarted span:nth-child(2) {
  display: inline-block;
  color: white;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport {
  text-decoration: none;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box {
  border: none;
  color: white;
  padding: 10px 10px 8px 10px;
  margin-top: 15px;
  vertical-align: top;
  background-color: #042e5f;
  width: 320px;
  transition: background-color 0.3s, width 0.3s;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box.first, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box.first {
  margin-top: 10px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box img, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box img {
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box span.textWrapper, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box span.textWrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  line-height: 100%;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box span.textWrapper span.name, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box span.textWrapper span.name {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin-top: 3px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk div.box span.textWrapper span.description, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box span.textWrapper span.description {
  display: block;
  font-size: 13px;
  margin-top: 3px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk span.name, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport span.name {
  color: white;
  transition: color 0.3s;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk span.description, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport span.description {
  color: white;
  transition: color 0.3s;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk:hover div.box, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport:hover div.box {
  background-color: #063977;
  width: 330px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk:hover div.box span.name, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport:hover div.box span.name {
  color: #7acd75;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.sdk:hover div.box span.description, #menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport:hover div.box span.description {
  color: #7db4ff;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport div.box {
  width: auto;
  padding-bottom: 10px;
  transition: padding-bottom 0.3s, background-color 0.3s;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport:hover div.box {
  width: auto;
  padding-bottom: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport span.name {
  color: #7acd75;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container a.exampleReport span.info {
  font-size: 14px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.container div.video {
  min-width: 384px !important;
  min-height: 216px !important;
  width: 384px;
  height: 216px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer {
  border-top: 1px solid #042e5f;
  background-color: #5683bf;
  color: white;
  min-height: 40px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a {
  color: white;
  text-decoration: none;
  display: inline-block;
  transition: color 0.3s;
  font-weight: bold;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a:hover {
  color: #7acd75;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a.signUp {
  margin-right: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a.login {
  margin-left: 20px;
  margin-right: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a.contactUs {
  margin-left: 20px;
}
#menuCanvasOuter #menuCanvas div.menu div.menuInner div.megaMenu div.footer span.links a i {
  margin-right: 5px;
}
#menuCanvasOuter #menuCanvas div.buttons {
  display: inline-block;
  float: right;
}
#menuCanvasOuter #menuCanvas div.buttons a.button {
  margin-top: 3.5px !important;
  margin-left: 5px;
  padding: 10px 12px 9px 12px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.whiteButton:hover {
  background-color: #fff !important;
}
#menuCanvasOuter #menuCanvas div.buttons a.button i {
  margin-right: 0;
  font-size: 14px;
  width: 16px;
  font-weight: normal;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.contactUs {
  padding-bottom: 8px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.contactUs i {
  padding-top: 3px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.payments {
  padding-bottom: 9px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.payments i {
  padding-top: 2px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.logout {
  padding-bottom: 9px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.logout i {
  padding-top: 2px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.account {
  padding: 11px 12px 8px 12px;
}
#menuCanvasOuter #menuCanvas div.buttons a.button.account i {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
  width: 17px;
}
#heroCanvas.start {
  padding-top: 88px;
  padding-bottom: 20px;
  background-color: #58a05e;
  border-bottom: #407545;
  min-height: 102px;
  min-width: 1190px;
}
#heroCanvas.start div.innerCanvas {
  min-height: 480px;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: 565px 565px;
  column-gap: 40px;
  row-gap: 30px;
}
#heroCanvas.start div.innerCanvas div.headings {
  padding-left: 10px;
}
#heroCanvas.start div.innerCanvas div.headings h1 {
  margin-top: 15px;
  color: white !important;
  font-size: 50px;
  text-align: left;
  max-width: 590px;
  overflow: visible;
  line-height: 150%;
  font-weight: bolder;
  padding-top: 32px;
}
#heroCanvas.start div.innerCanvas div.headings h2 {
  color: white;
  margin-top: 30px;
  font-size: 26px;
  max-width: 590px;
  line-height: 150%;
  font-weight: normal;
}
#heroCanvas.start div.innerCanvas div.headings a.button {
  display: inline-block;
  margin-top: 50px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #254973;
  padding: 20px 30px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s;
}
#heroCanvas.start div.innerCanvas div.headings a.button i.fas.fa-angle-right {
  min-width: 11px;
  margin-right: 0;
  margin-left: 10px;
  transition: margin-left 0.3s;
}
#heroCanvas.start div.innerCanvas div.headings a.button:hover i.fas.fa-angle-right {
  margin-left: 20px;
}
#heroCanvas.start div.innerCanvas div.headings a.button:hover {
  background-color: #2b558a;
}
#heroCanvas.start div.innerCanvas div.code div.container {
  margin-top: 50px;
  min-width: 555px;
  opacity: 0.85;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #042e5f;
  color: #6fcff5;
  line-height: 100%;
  width: 530px;
}
#heroCanvas.start div.innerCanvas div.code div.container div.menu {
  font-size: 15px;
  padding: 12px 20px 10px 20px;
  border-bottom: 1px solid #021d3b;
  font-weight: bold;
  color: #7acd75;
}
#heroCanvas.start div.innerCanvas div.code div.container pre {
  background-color: #153967;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: none;
  line-height: 150%;
  overflow-x: auto;
  padding-left: 20px;
  font-size: 12.5px;
}
#heroCanvas.start div.innerCanvas div.code div.container pre code.hljs {
  border: none;
  background-color: transparent;
  color: #021d3b;
}
#mainCanvas {
  background-color: #f6fbf9;
  min-height: 500px;
  color: #042e5f;
  min-width: 1190px;
  padding-top: 68px;
  padding-bottom: 50px;
  font-size: 15px;
}
#mainCanvas.afterHero {
  padding-top: 0;
}
#mainCanvas div.innerCanvas > h1 {
  margin-top: 0;
}
#mainCanvas div.innerCanvas p {
  font-size: 16px;
}
#mainCanvas div.innerCanvas.sections {
  width: auto;
}
#mainCanvas div.innerCanvas.sections section {
  display: block;
}
#mainCanvas div.innerCanvas.sections section div.content {
  width: 1170px;
  margin: auto;
  padding: 40px 0;
}
#mainCanvas div.innerCanvas.sections section div.content.center {
  width: 780px;
  margin-right: auto;
  margin-left: auto;
}
#mainCanvas div.innerCanvas.sections section div.content h1 {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #51ba5c;
  line-height: 150%;
  padding-top: 0;
}
#mainCanvas div.innerCanvas.sections section div.content h1 + h2 {
  margin-top: 0;
  padding-top: 10px;
}
#mainCanvas div.innerCanvas.sections section div.content h2 {
  font-size: 30px;
  line-height: 150%;
  max-width: 780px;
}
#mainCanvas div.innerCanvas.sections section div.content p + h1 {
  padding-top: 20px;
}
#mainCanvas div.innerCanvas.sections section div.content p {
  font-size: 16px;
}
#mainCanvas div.innerCanvas.sections section div.content p a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s, background-color 0.3s;
  font-weight: bold;
}
#mainCanvas div.innerCanvas.sections section div.content p a:hover {
  color: #51ba5c;
}
#mainCanvas div.innerCanvas.sections section div.content.twoCols, #mainCanvas div.innerCanvas.sections section div.content .twoCols {
  display: grid;
  grid-template-columns: 555px 555px;
  grid-column-gap: 60px;
}
#mainCanvas div.innerCanvas.sections section div.content.saas {
  border-top: 1px dashed #51BA5C50;
  grid-template-columns: 545px 545px;
  grid-column-gap: 40px;
}
#mainCanvas div.innerCanvas.sections section div.content.saas p {
  margin-top: 35px;
  padding-left: 60px;
}
#mainCanvas div.innerCanvas.sections section div.content.saas img {
  margin-top: 23px;
  transform: scale(0.85);
}
#mainCanvas div.innerCanvas.sections section div.content.keyBenefits div.benefitsGrid, #mainCanvas div.innerCanvas.sections section div.content.keyDataPoints div.benefitsGrid {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  grid-column-gap: 60px;
  grid-row-gap: 20px;
}
#mainCanvas div.innerCanvas.sections section div.content.keyBenefits div.benefitsGrid div.benefitItem h3, #mainCanvas div.innerCanvas.sections section div.content.keyDataPoints div.benefitsGrid div.benefitItem h3 {
  font-size: 18px;
  line-height: 150%;
}
#mainCanvas div.innerCanvas.sections section div.content.keyBenefits div.benefitsGrid div.benefitItem h3 i, #mainCanvas div.innerCanvas.sections section div.content.keyDataPoints div.benefitsGrid div.benefitItem h3 i {
  margin-right: 10px;
}
#mainCanvas div.innerCanvas.sections section div.content.keyBenefits div.benefitsGrid div.benefitItem p, #mainCanvas div.innerCanvas.sections section div.content.keyDataPoints div.benefitsGrid div.benefitItem p {
  font-size: 15px;
}
#mainCanvas div.innerCanvas.sections section div.content ol.text li {
  margin-bottom: 20px;
}
#mainCanvas div.innerCanvas.sections section.blue {
  background-color: #1e4c89;
}
#mainCanvas div.innerCanvas.sections section.blue div.content h1 {
  color: #51ba5c;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.code a {
  text-decoration: none;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.code pre {
  padding-left: 60px;
  padding-top: 60px;
  padding-bottom: 10px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: none;
  line-height: 175%;
  overflow-x: hidden;
  font-size: 15px;
  max-width: 440px;
  background-color: transparent;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  column-gap: 60px;
  height: 100px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk {
  text-decoration: none;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box {
  border: none;
  color: white;
  padding: 10px 10px 8px 10px;
  margin-top: 15px;
  vertical-align: top;
  background-color: #042e5f;
  width: 320px;
  transition: background-color 0.3s, width 0.3s;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box.first {
  margin-top: 10px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box img {
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box span.textWrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  line-height: 100%;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box span.textWrapper span.name {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin-top: 3px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box span.textWrapper span.description {
  display: block;
  font-size: 13px;
  margin-top: 3px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk span.name {
  color: white;
  transition: color 0.3s;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk span.description {
  color: white;
  transition: color 0.3s;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk:hover div.box {
  background-color: #063977;
  width: 330px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk:hover div.box span.name {
  color: #7acd75;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk:hover div.box span.description {
  color: #7db4ff;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box {
  margin-top: 0;
  width: auto;
  padding-bottom: 10px;
  transition: padding-bottom 0.3s, background-color 0.3s;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box img {
  float: left;
  margin-right: 6px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box span.textWrapper span.name {
  font-size: 16px;
  margin-top: 3px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk div.box span.textWrapper span.description {
  font-size: 15px;
  margin-top: 7px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.developers div.sdks a.sdk:hover div.box {
  width: auto;
  padding-bottom: 20px;
}
#mainCanvas div.innerCanvas.sections section.blue div.content.keyBenefits h3 {
  color: #7acd75;
}
#mainCanvas div.innerCanvas.sections section.blue div.video {
  text-align: center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
#mainCanvas div.innerCanvas.sections section.blue div.video h1 {
  font-size: 30px;
  font-weight: bolder;
  margin-top: 20px;
  margin-bottom: 40px;
  color: white;
}
#mainCanvas div.innerCanvas.sections section.green {
  background-color: #51ba5c;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass {
  text-align: center;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass h1 {
  color: white;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass h2 {
  display: inline-block;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass div.items {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 430px 430px;
  grid-column-gap: 60px;
  grid-row-gap: 0;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass div.items div.item {
  padding: 0 90px;
  text-align: center;
}
#mainCanvas div.innerCanvas.sections section.green div.bestInClass div.items div.item h1 {
  font-size: 40px;
  font-weight: bolder;
  margin-top: 40px;
  margin-bottom: 20px;
}
#mainCanvas div.innerCanvas.sections section.blue, #mainCanvas div.innerCanvas.sections section.green {
  color: white;
}
#mainCanvas div.innerCanvas.sections section.blue h1, #mainCanvas div.innerCanvas.sections section.blue h2, #mainCanvas div.innerCanvas.sections section.blue h3, #mainCanvas div.innerCanvas.sections section.blue h4, #mainCanvas div.innerCanvas.sections section.green h1, #mainCanvas div.innerCanvas.sections section.green h2, #mainCanvas div.innerCanvas.sections section.green h3, #mainCanvas div.innerCanvas.sections section.green h4 {
  color: white;
}
#mainCanvas div.innerCanvas:first-of-type {
  padding-top: 20px;
}
#mainCanvas div.innerCanvas:first-of-type.sections section div.content {
  padding: 20px 0 40px 0;
}
#mainCanvas h1, #mainCanvas h2, #mainCanvas h3, #mainCanvas h4 {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bolder;
  margin-top: 20px;
  padding-top: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  color: #042e5f;
}
#mainCanvas h1 {
  font-size: 24px;
}
#mainCanvas h2 {
  font-size: 21px;
  margin-top: 5px;
}
#mainCanvas h3 {
  font-size: 18px;
  margin-top: 5px;
}
#mainCanvas h4 {
  margin-top: 5px;
  font-size: 16px;
}
#mainCanvas .greenButton, #mainCanvas .grayButton, #mainCanvas .whiteButton, #mainCanvas .redButton {
  margin-right: 10px;
}
#mainCanvas div.fastFacts {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  column-gap: 60px;
  row-gap: 30px;
  justify-content: center;
  transform: scale(0.9);
}
#mainCanvas div.fastFacts div.item {
  text-align: center;
}
#mainCanvas div.fastFacts div.item a {
  text-decoration: none;
  color: #042e5f;
  transition: color 0.3s;
}
#mainCanvas div.fastFacts div.item a img {
  margin-bottom: 20px;
  transform: scale(1);
  transition: transform 0.3s;
}
#mainCanvas div.fastFacts div.item a h1 {
  font-size: 24px !important;
  margin-bottom: 20px;
  margin-top: 40px;
  color: #042e5f !important;
  transition: color 0.3s;
  text-align: center;
  font-weight: bolder !important;
}
#mainCanvas div.fastFacts div.item a p {
  text-align: center;
  font-size: 16px;
  line-height: 175%;
  transition: color 0.3s;
}
#mainCanvas div.fastFacts div.item a:hover img {
  transform: scale(1.1);
}
#mainCanvas div.fastFacts div.item a:hover h1 {
  color: #50b75d !important;
}
#mainCanvas div.fastFacts div.item a:hover p {
  color: #042e5f;
}
#mainCanvas div.whitePaperPage {
  display: inline-block;
  margin-right: 5px;
  background: #ffffff;
  border: 1px solid #d0deef;
  padding: 5px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#mainCanvas div.whitePaperPage img {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#mainCanvas div.sideMenuView {
  background-color: #d0deef;
  padding: 0;
  margin: 0;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  display: grid;
  grid-template-columns: 233px 935px;
  grid-column-gap: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
#mainCanvas div.sideMenuView .fullWidth {
  width: 866px;
}
#mainCanvas div.sideMenuView div.sideMenu {
  background-color: #f9fffd;
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  padding-bottom: 120px;
}
#mainCanvas div.sideMenuView div.sideMenu h1 {
  font-size: 16px !important;
  font-weight: bolder !important;
  margin-left: 20px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
}
#mainCanvas div.sideMenuView div.sideMenu a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s;
}
#mainCanvas div.sideMenuView div.sideMenu a:hover {
  color: #51ba5c;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints h1.toggler {
  cursor: pointer;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 20px !important;
  transition: color 0.3s;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints h1.toggler:hover {
  color: #5683bf;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints h1.toggler i.fas {
  color: #5683bf;
  font-size: 15px;
  margin-left: 10px;
  display: none;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints h1.toggler i.fa-duotone {
  color: #51ba5c;
  margin-right: 10px;
  width: 12px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 16px 20px 16px 15px;
  position: relative;
  border-left: 5px solid transparent;
  transition: background-color 0.3s, color 0.3s, border-left 0.3s;
  color: #042e5f;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a:hover {
  background-color: #e3f6ef;
  border-left: 5px solid #d0deef;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a.selected {
  background-color: #d0efe1;
  border-left: 5px solid #042e5f;
  font-weight: bold;
  color: #042e5f !important;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a code {
  font-size: 12px;
  margin-right: 5px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a img.sdk {
  vertical-align: text-top;
  display: inline-block;
  margin-top: 1px;
  display: none;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a span.quickHelp {
  position: absolute;
  height: 48px;
  width: 35px;
  right: 0;
  top: 0;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a span.quickHelp div.tip-wrap {
  top: 0;
  left: 47px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a span.quickHelp i.fad {
  margin-top: 17px;
  margin-left: 10px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a span.quickHelp:hover i.fad {
  color: #5683bf;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a i.fad {
  opacity: 0;
  transition: opacity 0.3s;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints a:hover i.fad {
  opacity: 1;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints.compact a {
  padding-top: 11px;
  padding-bottom: 11px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints.compact span.quickHelp {
  height: 38px;
}
#mainCanvas div.sideMenuView div.sideMenu div.endpoints.compact span.quickHelp i.fad {
  margin-top: 12px;
}
#mainCanvas div.sideMenuView div.sideMenu div.accordion h1.toggler i.fas {
  display: inline-block;
}
#mainCanvas div.sideMenuView div.content {
  min-height: 600px;
  padding: 15px 120px 120px 34px;
  background-color: #f9fffd;
  border-left: 1px solid #d0deef;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#mainCanvas div.sideMenuView div.content div.segment h1:first-of-type {
  padding-top: 15px;
}
#mainCanvas div.sideMenuView div.content div.segment h1 span.requestMethod {
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #5683bf;
  padding: 10px 10px 8px 10px;
  background-color: #FFFFFF;
  border: 1px solid #d0deef;
  white-space: pre-line;
  font-weight: bold;
}
#mainCanvas div.sideMenuView div.content div.segment h1 span.scope {
  display: inline-block;
  margin-left: 10px;
  color: #4F4F4F;
  font-size: 13px;
  font-weight: normal;
}
#mainCanvas div.sideMenuView div.content div.segment h1 span.scope i.fad {
  margin-right: 10px;
  margin-left: 10px;
  width: 12px;
}
#mainCanvas div.sideMenuView div.content div.segment div.code h3, #mainCanvas div.sideMenuView div.content div.segment div.parameters h3 {
  margin-top: 40px;
}
#mainCanvas div.sideMenuView div.content div.segment div.text h2 {
  margin-top: 40px;
}
#mainCanvas div.sideMenuView div.content div.segment a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s, background-color 0.3s;
  font-weight: bold;
}
#mainCanvas div.sideMenuView div.content div.segment a:hover {
  color: #51ba5c;
}
#mainCanvas div.sideMenuView div.content div.segment p code {
  font-size: 12px;
}
#mainCanvas div.sideMenuView div.content div.segment a code {
  background-color: #d9f4ff;
  font-weight: normal;
  transition: background-color 0.3s;
}
#mainCanvas div.sideMenuView div.content div.segment a code:hover {
  background-color: #d6fcde;
}
#mainCanvas div.sideMenuView div.content div.segment.analysis div.tabs i {
  width: 17px;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk {
  margin-bottom: 20px;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk span.header {
  display: grid;
  grid-template-columns: 35px auto;
  grid-column-gap: 15px;
  padding: 20px 20px 0 20px;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk span.header div.text {
  display: grid;
  grid-template-columns: auto;
  grid-row-gap: 6px;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk span.header div.text h2 {
  font-size: 18px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk span.header div.text span {
  color: #4F4F4F;
  font-weight: normal;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk div.buttons {
  padding: 0 20px 20px 20px;
}
#mainCanvas div.sideMenuView div.content div.segment div.sdk div.code {
  padding: 20px;
}
#mainCanvas div.sideMenuView div.content div.segment div.code h3 span.contentType {
  font-weight: normal !important;
  color: #4F4F4F;
}
#mainCanvas div.sideMenuView div.content div.segment div.code div.container {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #153967;
  color: #6FCFF5;
}
#mainCanvas div.sideMenuView div.content div.segment div.code div.container div.menu {
  font-size: 15px;
  padding: 20px;
  border-bottom: 1px solid #042e5f;
  font-weight: bold;
}
#mainCanvas div.sideMenuView div.content div.segment div.code div.container pre {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: none;
  line-height: 175%;
  overflow-x: auto;
}
#mainCanvas div.sideMenuView div.content div.segment div.code div.container pre code.hljs {
  border: none;
  padding: 0;
  background-color: transparent;
}
#mainCanvas div.sideMenuView div.content div.segment a.greenButton, #mainCanvas div.sideMenuView div.content div.segment a.whiteButton, #mainCanvas div.sideMenuView div.content div.segment a.grayButton {
  font-weight: normal;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector {
  display: inline-block;
  position: relative;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector i.fa-search {
  position: absolute;
  font-size: 18px;
  left: 13px;
  top: 13px;
  color: #51ba5c;
  z-index: 12;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector img.loader {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 12;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector input {
  width: 780px;
  outline-width: 0;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  padding: 11px 10px 10px 45px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-size: 15px;
  -webkit-appearance: none;
  background: white;
  position: relative;
  z-index: 11;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector input:focus {
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
  color: #042e5f;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector input.highlighted {
  color: #042e5f;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector input.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results {
  position: absolute;
  top: 2px;
  border: 1px solid #d0deef;
  background-color: white;
  z-index: 10;
  width: 780px;
  box-sizing: border-box;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  box-shadow: #204b85 0 8px 36px;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #d0deef;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 200%;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li.ignore {
  cursor: auto;
  background-color: white !important;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li.info {
  cursor: default;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li:last-child {
  border-bottom: none;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li.selected, #mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li.mouseover {
  background-color: #d0efe1;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li span.wrapper {
  display: inline-block;
  width: 97%;
  padding: 10px 10px;
  font-size: 15px;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li span.wrapper.grid {
  display: grid;
  grid-template-columns: 36px auto;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li span.wrapper span.name {
  font-weight: normal;
  padding-top: 1px;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li span.wrapper span.highlighted {
  background-color: #d0efe1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
#mainCanvas div.sideMenuView div.content div.searchBar div.selector ul.results li span.wrapper span.flag-icon {
  display: inline-block;
  margin-right: 12px;
  margin-left: 2px;
  font-size: 12.5px;
}
#mainCanvas div.sideMenuView div.content div.searchBar.reports input {
  width: 514px !important;
}
#mainCanvas div.sideMenuView div.content div.searchBar.reports ul.results {
  top: 41px !important;
  width: 514px !important;
}
#mainCanvas div.sideMenuView div.content div.searchBar.reports.active div.selector input {
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
  color: #042e5f;
}
#mainCanvas div.sideMenuView div.content div.searchBar.errorCodes ul.results {
  display: none;
}
#mainCanvas div.sideMenuView div.content div.searchBar.errorCodes.active div.selector input {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  color: #042e5f;
}
#mainCanvas div.sideMenuView div.content h1.balance {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 10px 20px !important;
}
#mainCanvas div.noData {
  background: #ffffff;
  padding: 80px;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #616161;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  cursor: default;
  line-height: 150%;
}
#mainCanvas div.analytics div.summary {
  background: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 150px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#mainCanvas div.analytics div.summary img.icon {
  float: left;
  margin: 18px 10px 20px 20px;
}
#mainCanvas div.analytics div.summary h1 {
  float: left;
  display: block;
  margin: 20px 20px;
  width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mainCanvas div.analytics div.summary h1 span {
  display: inline-block;
  min-width: 30px;
}
#mainCanvas div.analytics table tr {
  font-size: 12.5px;
}
#mainCanvas div.analytics table td.label {
  width: 150px;
  padding-left: 20px;
  font-weight: bold;
}
#mainCanvas div.analytics table td.description {
  padding: 5px 10px;
  line-height: 150%;
}
#mainCanvas div.analytics div.buttons img.loader {
  vertical-align: middle;
}
#mainCanvas div.analytics div.buttons span.downloadProgressText {
  margin-left: 5px;
  font-size: 11px;
}
#mainCanvas div.analytics div.buttons a {
  margin-right: 3px;
}
#mainCanvas div.analytics div.canvasWrapper {
  align-content: center;
  text-align: center;
  display: inline-block;
}
#mainCanvas div.analytics div.canvasWrapper.bar {
  padding: 0 20px 20px 20px;
}
#mainCanvas div.analytics div.canvasWrapper.doughnut {
  padding: 30px 30px 30px 60px;
}
#mainCanvas div.analytics div.canvasWrapper.radar {
  margin-top: -30px;
  padding-right: 40px;
  float: right;
}
#mainCanvas div.analytics div.mobileNetworkOperators td.networkName {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
}
#mainCanvas div.analytics div.mobileNetworkOperators td.mccMncList {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}
#mainCanvas div.analytics div.subscriberStatusesPerMobileNetworkOperator table th span, #mainCanvas div.analytics div.hlrStatusesPerMobileNetworkOperator table th span {
  padding: 3px;
}
#mainCanvas div.reportSelector div.selector {
  display: inline-block;
  position: relative;
}
#mainCanvas div.reportSelector div.selector i.fa-search {
  position: absolute;
  top: 13px;
  left: 13px;
  font-size: 20px;
  color: #b9b9b9;
}
#mainCanvas div.reportSelector div.selector i.fa-search.highlighted {
  color: #042e5f;
}
#mainCanvas div.reportSelector div.selector input[type="text"] {
  width: 960px;
  outline-width: 0;
  color: #b9b9b9;
  height: 46px;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  padding: 10px 10px 10px 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-size: 20px;
}
#mainCanvas div.reportSelector div.selector input[type="text"]:focus, #mainCanvas div.reportSelector div.selector input[type="text"].highlighted {
  color: #042e5f;
}
#mainCanvas div.reportSelector div.selector input[type="text"]:focus {
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
}
#mainCanvas div.reportSelector div.selector ul.results {
  position: absolute;
  top: 45px;
  border: 1px solid #d0deef;
  background-color: #ffffff;
  z-index: 10;
  width: 960px;
  box-sizing: border-box;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#mainCanvas div.reportSelector div.selector ul.results li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #d0deef;
  box-sizing: border-box;
  cursor: pointer;
}
#mainCanvas div.reportSelector div.selector ul.results li.info {
  cursor: default;
}
#mainCanvas div.reportSelector div.selector ul.results li:last-child {
  border-bottom: none;
}
#mainCanvas div.reportSelector div.selector ul.results li.selected, #mainCanvas div.reportSelector div.selector ul.results li.mouseover {
  background-color: #d0efe1;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper {
  display: inline-block;
  width: 97%;
  margin: 10px 10px;
  font-size: 13px;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper i.fa-bar-chart {
  margin: 0 10px 0 5px;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper span.name {
  font-weight: 600;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper span.name span.highlighted {
  background-color: #d0efe1;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper span.details {
  float: right;
  color: #4F4F4F;
}
#mainCanvas div.reportSelector div.selector ul.results li span.wrapper span.details span.highlighted {
  background-color: #d0efe1;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#mainCanvas div.reports div.report {
  background: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 150px;
  margin-top: 10px;
  width: 560px;
  float: left;
}
#mainCanvas div.reports div.report a {
  color: #042e5f;
  text-decoration: none;
}
#mainCanvas div.reports div.report h2 {
  margin: 0 0 20px 20px !important;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mainCanvas div.reports div.report h2 span {
  display: inline-block;
  min-width: 30px;
  max-width: 300px;
}
#mainCanvas div.reports div.report img.icon {
  float: left;
  margin: 18px 10px 20px 20px;
}
#mainCanvas div.reports div.report table tr {
  font-size: 12.5px;
}
#mainCanvas div.reports div.report table td.label {
  width: 150px;
  padding-left: 20px;
  font-weight: bold;
}
#mainCanvas div.reports div.chart {
  float: right;
  clear: right;
  padding: 0;
  margin-top: 0;
  margin-right: 25px;
  color: #6889b4;
}
#mainCanvas div.reports div.chart div.canvasWrapper {
  align-content: center;
  text-align: center;
}
#mainCanvas div.reports div.buttons {
  float: left;
  clear: left;
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
}
#mainCanvas div.reports div.buttons span.downloadProgressTextWrapper {
  position: relative;
}
#mainCanvas div.reports div.buttons span.downloadProgressTextWrapper img.loader {
  vertical-align: middle;
}
#mainCanvas div.reports div.buttons span.downloadProgressTextWrapper span.downloadProgressText {
  position: absolute;
  top: 6px;
  left: 35px;
  width: 350px;
  font-size: 11px;
}
#mainCanvas div.reports div.buttons a {
  margin-right: 3px;
}
#mainCanvas div.reports hr {
  clear: both;
  margin: 0;
}
#mainCanvas div.reports a.toTop {
  font-size: 11px;
  color: #4F4F4F !important;
}
#mainCanvas div.reports a.toTop:hover {
  color: #4F4F4F !important;
}
#mainCanvas div.sizeSelector a {
  display: inline-block;
  margin-left: 10px;
}
#mainCanvas div.sizeSelector a.active {
  cursor: default;
  color: #51ba5c;
}
#mainCanvas div.buy-credits div.payments.disabled {
  pointer-events: none;
  filter: alpha(opacity=0.5);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#mainCanvas div.buy-credits div.tabs i {
  width: 15px;
}
#mainCanvas div.buy-credits div.general {
  display: grid;
  grid-template-columns: 500px 240px;
  grid-column-gap: 40px;
}
#mainCanvas div.buy-credits div.general div.amount table.cards td.icon {
  width: 17px;
  padding-left: 15px;
  padding-right: 1px;
}
#mainCanvas div.buy-credits div.general div.amount div.stripe {
  margin-top: 10px;
  padding: 14px 14px;
}
#mainCanvas div.buy-credits div.general div.billingAddress h3 {
  padding-top: 0;
}
#mainCanvas div.buy-credits div.general div.billingAddress span {
  line-height: 150%;
}
body.print {
  background-color: #fff;
}
body.print #menuCanvasOuter {
  display: none;
}
body.print #mainCanvas {
  padding-top: 0;
  background-color: #fff;
}
body.print #mainCanvas.invoice div.innerCanvas {
  width: 960px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid {
  display: grid;
  grid-template-columns: 660px 260px;
  grid-column-gap: 40px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.main table {
  width: 500px;
  font-size: 15px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.main table th.amount, body.print #mainCanvas.invoice div.innerCanvas div.grid div.main table td.amount {
  text-align: right;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.main div.wireTransfer table th, body.print #mainCanvas.invoice div.innerCanvas div.grid div.main div.wireTransfer table td {
  padding: 5px 0;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.main div.crypto code, body.print #mainCanvas.invoice div.innerCanvas div.grid div.main div.cryptoLegacy code {
  padding-top: 2px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.main p.signature {
  font-size: 13px;
  margin-top: 100px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.right {
  padding-top: 30px;
}
body.print #mainCanvas.invoice div.innerCanvas div.grid div.right span {
  line-height: 150%;
}
body.print #footerCanvas {
  display: none;
}
div.canvasWrapper {
  padding: 40px 20px 0 20px;
}
div.slimView {
  width: 780px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
div.slimView h1, div.slimView h2, div.slimView h3, div.slimView h4 {
  color: #042e5f;
}
div.slimView > h1 {
  margin-top: 0;
}
div.slimView p {
  font-size: 16px;
  line-height: 200%;
}
div.slimView ul:not(form ul), div.slimView ol:not(form ol), div.slimView li:not(form li) {
  font-size: 16px;
  line-height: 200%;
  list-style: none;
}
div.slimView ul:not(form ul), div.slimView ol:not(form ol) {
  margin-top: 40px;
  margin-bottom: 40px;
}
div.slimView ul:not(form ul).simple li:not(form li), div.slimView ol:not(form ol).simple li:not(form li) {
  list-style: circle;
}
div.slimView li:not(form li) {
  margin-left: 40px;
}
div.slimView li:not(form li) > i {
  width: 30px;
}
div.slimView form ul.leftColumn {
  margin-right: 10px;
}
div.slimView a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s, background-color 0.3s;
  font-weight: bold;
}
div.slimView a:hover {
  color: #51ba5c;
}
div.slimView a.greenButton, div.slimView a.whiteButton, div.slimView a.grayButton {
  font-weight: normal;
}
div.slimView textarea.terminal {
  width: 780px;
  min-width: 780px;
  max-width: 780px;
  height: 450px;
  min-height: 450px;
  max-height: 900px;
  box-sizing: border-box;
}
div.slimView.sdk > h1 {
  line-height: 100%;
}
div.slimView.sdk > h1 img {
  vertical-align: top;
}
div.slimView div.features {
  margin-top: 60px;
}
div.slimView div.features div.feature {
  margin-bottom: 60px;
}
div.slimView div.features div.feature div.img {
  display: block;
  padding: 60px;
  text-align: center;
  background-color: #fafffc;
  margin-top: 40px;
}
div.slimView div.features div.feature div.img.p80 {
  padding: 80px;
}
div.slimView div.features div.feature div.img img {
  transform: scale(1);
  transition: transform 0.3s;
  background-color: #fafffc;
}
div.slimView div.features div.feature div.img img.border {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #d0deef;
}
div.slimView div.searchBar div.selector {
  display: inline-block;
  position: relative;
}
div.slimView div.searchBar div.selector i.fa-search {
  position: absolute;
  font-size: 18px;
  left: 13px;
  top: 13px;
  color: #51ba5c;
  z-index: 12;
}
div.slimView div.searchBar div.selector img.loader {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 12;
}
div.slimView div.searchBar div.selector input {
  width: 780px;
  outline-width: 0;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  padding: 11px 10px 10px 45px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-size: 15px;
  -webkit-appearance: none;
  background: white;
  position: relative;
  z-index: 11;
}
div.slimView div.searchBar div.selector input:focus {
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
  color: #042e5f;
}
div.slimView div.searchBar div.selector input.highlighted {
  color: #042e5f;
}
div.slimView div.searchBar div.selector input.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
div.slimView div.searchBar div.selector ul.results {
  position: absolute;
  top: 2px;
  border: 1px solid #d0deef;
  background-color: white;
  z-index: 10;
  width: 780px;
  box-sizing: border-box;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  box-shadow: #204b85 0 8px 36px;
}
div.slimView div.searchBar div.selector ul.results li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #d0deef;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 200%;
}
div.slimView div.searchBar div.selector ul.results li.ignore {
  cursor: auto;
  background-color: white !important;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
div.slimView div.searchBar div.selector ul.results li.info {
  cursor: default;
}
div.slimView div.searchBar div.selector ul.results li:last-child {
  border-bottom: none;
}
div.slimView div.searchBar div.selector ul.results li.selected, div.slimView div.searchBar div.selector ul.results li.mouseover {
  background-color: #d0efe1;
}
div.slimView div.searchBar div.selector ul.results li span.wrapper {
  display: inline-block;
  width: 97%;
  padding: 10px 10px;
  font-size: 15px;
}
div.slimView div.searchBar div.selector ul.results li span.wrapper.grid {
  display: grid;
  grid-template-columns: 36px auto;
}
div.slimView div.searchBar div.selector ul.results li span.wrapper span.name {
  font-weight: normal;
  padding-top: 1px;
}
div.slimView div.searchBar div.selector ul.results li span.wrapper span.highlighted {
  background-color: #d0efe1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.slimView div.searchBar div.selector ul.results li span.wrapper span.flag-icon {
  display: inline-block;
  margin-right: 12px;
  margin-left: 2px;
  font-size: 12.5px;
}
div.slimView div.code h3 span.contentType {
  font-weight: normal !important;
  color: #4F4F4F;
}
div.slimView div.code div.container {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #153967;
  color: #6FCFF5;
}
div.slimView div.code div.container div.menu {
  font-size: 15px;
  padding: 20px;
  border-bottom: 1px solid #042e5f;
  font-weight: bold;
}
div.slimView div.code div.container pre {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: none;
  line-height: 175%;
  overflow-x: auto;
}
div.slimView div.code div.container pre code.hljs {
  border: none;
  padding: 0;
  background-color: transparent;
}
table.connectivityStatuses tr.selected td {
  background-color: #d0efe1;
}
table.connectivityStatuses td {
  vertical-align: middle;
}
table.connectivityStatuses td.mno {
  width: 80px;
}
table.connectivityStatuses td.mno span {
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
table.connectivityStatuses th.mccmnc, table.connectivityStatuses td.mccmnc {
  text-align: center;
  padding: 20px 10px 20px 0;
}
table.connectivityStatuses th.route, table.connectivityStatuses td.route {
  text-align: center;
  padding: 20px 0 20px 0;
}
table.connectivityStatuses th.type, table.connectivityStatuses td.type {
  width: 40px;
  text-align: center;
  padding: 20px 0 20px 10px;
}
table.connectivityStatuses th.type.quickHelp, table.connectivityStatuses td.type.quickHelp {
  position: relative;
}
table.connectivityStatuses th.type.quickHelp code, table.connectivityStatuses td.type.quickHelp code {
  cursor: default;
}
table.connectivityStatuses th.type.quickHelp div, table.connectivityStatuses td.type.quickHelp div {
  white-space: normal;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  text-align: left;
}
table.connectivityStatuses th.type.quickHelp div.tip-wrap, table.connectivityStatuses td.type.quickHelp div.tip-wrap {
  left: -330px;
  top: 7px;
}
table.connectivityStatuses th.connectivity, table.connectivityStatuses td.connectivity {
  text-align: left;
  width: 300px;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats, table.connectivityStatuses td.connectivity div.connectivity div.stats {
  position: absolute;
  top: -110px;
  right: -205px;
  width: 50%;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.3s;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats.hide, table.connectivityStatuses td.connectivity div.connectivity div.stats.hide {
  display: block !important;
  opacity: 0;
  pointer-events: none;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats div.container, table.connectivityStatuses td.connectivity div.connectivity div.stats div.container {
  width: 225px;
  grid-template-columns: 50% 50%;
  background-color: #d0efe1;
  box-shadow: #204b85 0 8px 36px;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats div.container div.stat, table.connectivityStatuses td.connectivity div.connectivity div.stats div.container div.stat {
  padding-top: 10px;
  padding-bottom: 10px;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats div.container div.stat > span, table.connectivityStatuses td.connectivity div.connectivity div.stats div.container div.stat > span {
  font-size: 12px;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats div.container div.stat > span.pct, table.connectivityStatuses td.connectivity div.connectivity div.stats div.container div.stat > span.pct {
  font-size: 24px;
  margin: 15px 0;
}
table.connectivityStatuses th.connectivity div.connectivity div.stats div.container div.tip-wrap, table.connectivityStatuses td.connectivity div.connectivity div.stats div.container div.tip-wrap {
  left: -330px;
  top: 7.5px;
  background-color: #1e4c89;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
table.connectivityStatuses th.connectivity div.connectivity.mnp div.stats, table.connectivityStatuses td.connectivity div.connectivity.mnp div.stats {
  top: -56px;
}
table.connectivityStatuses th.status, table.connectivityStatuses td.status {
  width: 20px;
  padding: 20px 0;
  position: relative;
}
table.connectivityStatuses th.status i div.tip-wrap, table.connectivityStatuses td.status i div.tip-wrap {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  left: -330px;
  top: -15px;
}
table.connectivityStatuses th.n, table.connectivityStatuses td.n {
  text-align: right;
  padding-left: 0;
}
table.connectivityStatuses.nt td.mno span {
  width: 240px;
}
table.connectivityStatuses.nt td.type code {
  position: relative;
}
table.connectivityStatuses.nt td.type code div {
  white-space: normal;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  text-align: left;
}
table.connectivityStatuses.nt td.type code div.tip-wrap {
  left: -333px;
  top: -14px;
}
table.connectivityStatuses.nt td.status div {
  text-align: left;
}
table.connectivityStatuses.reportList td.reportName {
  width: 150px;
}
table.connectivityStatuses.reportList td.connectivity div.connectivity div.stats {
  right: -163px;
}
table.connectivityStatuses.report {
  background: none;
}
table.connectivityStatuses.report td.connectivity {
  padding: 0 !important;
}
table.connectivityStatuses.report td.connectivity div.connectivity div.stats {
  top: -11px;
  right: -337px;
}
table.connectivityStatuses.report td.connectivity div.connectivity div.stats div.container {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
table.connectivityStatuses.report td.connectivity div.connectivity div.stats div.container div.tip-wrap {
  top: 12px;
}
table.connectivityStatuses.report td.connectivity div.connectivity.nt div.stats {
  top: -13px !important;
  right: -327px;
}
div.report.asyncLoader div.loadingData {
  padding-left: 40px;
  padding-right: 40px;
}
div.report.content .name-ellipsis {
  display: inline-block;
  width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.report.content h1.name {
  display: inline-block;
  margin: 0;
}
div.bulkClient {
  display: grid;
  grid-template-columns: 500px 320px;
  grid-column-gap: 40px;
}
div.bulkClient ul.report {
  width: 330px;
  margin-right: 40px;
}
div.bulkClient textarea {
  height: 250px;
  min-height: 250px;
}
div.bulkClient li.input i.fa-triangle-exclamation {
  position: absolute;
  left: 340px;
  top: 16px;
  font-size: 18px;
}
div.bulkClient textarea.dropZone {
  background-color: #b6e0bd;
  border: 1px dashed green;
}
table.white {
  width: 100%;
  border-left: 1px solid #d0deef;
  border-right: 1px solid #d0deef;
  border-collapse: separate;
  border-spacing: 0 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #d0deef;
}
table.white tr {
  border-bottom: 1px solid #d0deef;
}
table.white tr th {
  font-weight: bold;
  background-color: white;
  text-align: left;
  white-space: nowrap;
}
table.white tr td {
  background-color: white;
  transition: background-color 0.3s;
}
table.white tr th, table.white tr td {
  padding: 20px;
}
table.white tr th.tight, table.white tr td.tight {
  padding: 20px 10px;
}
table.white tr th.tight:first-child, table.white tr td.tight:first-child {
  padding-left: 20px;
}
table.white tr th.tight:last-child, table.white tr td.tight:last-child {
  padding-right: 20px;
}
table.white tr.narrow th, table.white tr.narrow td {
  padding: 15px 20px;
}
table.white tr.narrow th.tight, table.white tr.narrow td.tight {
  padding: 15px 10px;
}
table.white tr:first-child th:first-child {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
}
table.white tr:first-child th:last-child {
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
table.white tr:last-child td:first-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
table.white tr:last-child td:last-child {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
table.white.hoverable tr:hover td {
  background-color: #d0efe1;
}
table.white.textAlignCenter th, table.white.textAlignCenter td {
  text-align: center;
}
table.white tr.selected td {
  background-color: #d0efe1;
}
table.white tr:not(.hide).lastVisibleRow td:first-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
table.white tr:not(.hide).lastVisibleRow td:last-child {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
table.white tr:first-child.noVisibleRows th:first-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
table.white tr:first-child.noVisibleRows th:last-child {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
table.white td code {
  font-size: 13px;
}
table.white td.trim120 span {
  display: inline-block;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim150 span {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim200 span {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim250 span {
  display: inline-block;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim400 span {
  display: inline-block;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim500 span {
  display: inline-block;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.trim700 span {
  display: inline-block;
  width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white td.mno span {
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 14px;
}
table.white.prefixes td.mno span, table.white.mccmncs td.mno span, table.white.userPricing td.mno span {
  display: inline-block;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
table.white.prefixes td.country span.name.trim, table.white.mccmncs td.country span.name.trim, table.white.userPricing td.country span.name.trim {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
table.white.prefixes td.country span.name.trim.trim250, table.white.mccmncs td.country span.name.trim.trim250, table.white.userPricing td.country span.name.trim.trim250 {
  width: 250px;
}
table.white.prefixes td.country span.name.trim.trim100, table.white.mccmncs td.country span.name.trim.trim100, table.white.userPricing td.country span.name.trim.trim100 {
  width: 100px;
}
table.white td.type code.quickHelp {
  position: relative;
}
table.white td.type code.quickHelp div.tip-wrap {
  left: 50px;
  top: 0;
}
table.white td.actions {
  text-align: right;
  width: 50px;
}
table.white td.actions i {
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
}
table.white.pricing {
  margin-top: 40px;
  margin-bottom: 40px;
}
table.white.pricing tr th:not(:first-child) {
  text-align: center;
}
table.white.pricing tr td:not(:first-child) {
  text-align: center;
}
table.white.routes td.quickHelp {
  position: relative;
}
table.white.routes td.quickHelp div {
  text-align: left;
}
table.white.routes td.quickHelp div.tip-wrap {
  left: -100px;
  top: 80px;
}
table.white.tiles td {
  width: 50%;
}
table.white.tiles.33 td {
  width: 33.33%;
}
table.white.tiles span.label {
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
table.white.tiles a {
  color: #5683bf !important;
  text-decoration: none;
  transition: color 0.3s;
}
table.white.tiles a:hover {
  color: #51ba5c !important;
}
table.white.tiles td a span.value {
  font-weight: normal;
}
table.white tr:hover td.actions i, table.white tr.selected td.actions i {
  opacity: 1;
}
table.white td.mccmnc {
  vertical-align: middle;
}
table.white td.mccmnc span {
  vertical-align: middle;
}
table.white td.mccmnc span.mccmncValue {
  position: relative;
}
table.white td.mccmnc span.mccmncValue div.tip-wrap {
  top: -10px;
  left: 106px;
}
#footerCanvas {
  background-color: #042e5f;
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  min-height: 200px;
  min-width: 1190px;
  padding-top: 40px;
  padding-bottom: 40px;
}
#footerCanvas div.actionCall {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-bottom: 80px;
  border-bottom: 1px dashed #7db4ff;
}
#footerCanvas div.actionCall h1 {
  line-height: 150%;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bolder;
}
#footerCanvas div.actionCall a {
  padding: 10px 20px;
  font-size: 16px;
  display: inline-block;
}
#footerCanvas a, #footerCanvas a:hover {
  color: #ffffff;
}
#footerCanvas img.logo {
  float: right;
  transform: scale(0.85);
  transition: transform 0.3s;
  margin-right: 10px;
}
#footerCanvas img.logo:hover {
  transform: scale(0.9);
}
#footerCanvas div.menu ul {
  top: 0;
  margin-right: 40px;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
}
#footerCanvas div.menu ul li {
  margin-left: 0;
  line-height: 250%;
}
#footerCanvas div.menu ul li.header {
  font-weight: bold;
  color: #7acd75;
}
#footerCanvas div.menu ul li a {
  text-decoration: none;
  transition: color 0.3s;
}
#footerCanvas div.menu ul li a:hover {
  color: #7acd75;
}
#footerCanvas span.legal {
  display: block;
  margin-top: 60px;
  margin-bottom: 40px;
  color: #b9b9b9;
  font-size: 14px;
}
#footerCanvas span.legal a {
  text-decoration: none;
  color: #b9b9b9;
  transition: color 0.3s;
}
#footerCanvas span.legal a:hover {
  color: #ffffff;
}
#footerCanvas div.innerCanvas {
  margin-top: 20px;
}
/** Tabs **/
div.tabs {
  min-height: 49px;
  vertical-align: bottom;
}
div.tabs.bottomBorder {
  border-bottom: 1px solid #d0deef;
}
div.tabs.bottomBorder.fat {
  border-bottom: 5px solid #d0deef;
}
div.tabs span.tab, div.tabs a.tab {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
  display: inline-block;
  padding: 15px 15px;
  font-size: 16px;
  color: #042e5f;
  text-decoration: none;
  border: 1px solid #d0deef;
  border-bottom: none;
  cursor: pointer;
  vertical-align: bottom;
  margin-right: 5px;
  transition: padding-bottom 0.3s;
}
div.tabs span.tab.active, div.tabs a.tab.active {
  cursor: default;
  padding-bottom: 15px;
  border-bottom: 2px solid #1e4c89;
  color: #042e5f;
  background-color: #d9f4ff;
}
div.tabs span.tab.inactive, div.tabs a.tab.inactive {
  padding-bottom: 13px;
  background-color: white;
}
div.tabs span.tab.inactive:hover, div.tabs a.tab.inactive:hover {
  padding-bottom: 15px;
}
span.reload {
  display: inline-block;
  margin-top: 21px;
  margin-right: 10px;
}
span.reload a {
  font-weight: normal !important;
}
span.reload i {
  display: inline-block;
}
.spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.blur {
  filter: blur(1px);
}
div#pushNotifications {
  position: relative;
  width: 0;
  height: 0;
}
div#pushNotifications div.container {
  position: absolute;
  top: 30px;
  left: 880px;
}
div#pushNotifications div.container div.item {
  background-color: #51ba5c;
  width: 250px;
  min-height: 40px;
  padding: 20px;
  color: white;
  margin-bottom: 15px;
  box-shadow: #204b85 0 8px 36px;
}
div#pushNotifications div.container div.item a {
  color: white;
  text-decoration: none;
}
div#pushNotifications div.container div.item span.header {
  display: block;
  margin-bottom: 20px;
}
div#pushNotifications div.container div.item span.label {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold !important;
}
div#pushNotifications div.container div.item span.text {
  font-weight: normal !important;
  line-height: 150%;
  font-size: 15px;
}
/** Buttons **/
.greenButton, .grayButton, .whiteButton, .redButton {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal !important;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  transition: background-color 0.3s;
  border: none;
}
.greenButton i, .grayButton i, .whiteButton i, .redButton i {
  display: inline-block;
  min-width: 15px;
  margin-right: 3px;
}
.greenButton i.fas.fa-angle-right, .grayButton i.fas.fa-angle-right, .whiteButton i.fas.fa-angle-right, .redButton i.fas.fa-angle-right {
  min-width: 11px;
  margin-right: 0;
  margin-left: 2px;
  transition: margin-left 0.3s;
}
.greenButton:hover i.fas.fa-angle-right, .grayButton:hover i.fas.fa-angle-right, .whiteButton:hover i.fas.fa-angle-right, .redButton:hover i.fas.fa-angle-right {
  margin-left: 7px;
}
.greenButton {
  background-color: #51ba5c;
  color: #ffffff !important;
}
.greenButton:hover {
  background-color: #72C57A;
}
.redButton {
  background-color: #d46665;
  color: #ffffff !important;
}
.redButton:hover {
  background-color: #D08584;
}
.grayButton, .whiteButton {
  background-color: #E0E0E0;
  color: #4F4F4FFF !important;
}
.grayButton:hover, .whiteButton:hover {
  background-color: #ECECEC;
}
.largerButton {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
}
/** Lists **/
ul.text li, ol.text li {
  font-size: 16px;
  line-height: 200%;
}
ul.text {
  list-style-type: disc;
}
ul.text li {
  list-style-type: disc !important;
}
ol.text {
  list-style-type: lower-latin;
}
ol.text.none {
  list-style-type: none;
}
/** Forms **/
form {
  list-style-type: none;
}
form div.boxed.shaded {
  padding: 20px;
}
form ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 30px;
}
form ul.leftColumn {
  width: 385px;
  float: left;
}
form ul.rightColumn {
  width: 385px;
  margin-left: 10px;
  float: left;
}
form ul li {
  margin-left: 0 !important;
  margin-bottom: 0;
}
form ul li.label {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
form ul li.label span.tip, form ul li.label span.optional {
  margin-left: 5px;
  font-weight: normal;
}
form ul li.label span.error {
  color: #ad0000;
  text-align: right;
  float: right;
  font-weight: normal;
}
form ul li.input {
  clear: right;
}
form ul li.input.checkbox {
  padding: 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  margin-top: 5px;
  cursor: pointer;
}
form ul li.input.checkbox input[type="checkbox"] {
  margin-right: 10px;
}
form ul li.input.select {
  position: relative;
}
form ul li.input.select i.fa-angle-down {
  position: absolute;
  top: 18px;
  right: 10px;
  color: #042e5f;
  pointer-events: none;
}
form ul li.input.select.country select {
  padding-left: 50px;
}
form ul li.input.select.country span.flag-icon {
  position: absolute;
  top: 18px;
  left: 17px;
  pointer-events: none;
}
form ul li.input input[type="text"], form ul li.input input[type="password"] {
  width: 100%;
  margin-top: 5px;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #042e5f;
  padding: 10px;
  font-size: 15px;
}
form ul li.input input[type="text"]:disabled, form ul li.input input[type="password"]:disabled {
  background-color: #ffffff;
}
form ul li.input input[type="text"][name="lowCreditThreshold"], form ul li.input input[type="text"][name="autoPayThreshold"], form ul li.input input[type="text"][name="autoPayPaymentAmount"], form ul li.input input[type="password"][name="lowCreditThreshold"], form ul li.input input[type="password"][name="autoPayThreshold"], form ul li.input input[type="password"][name="autoPayPaymentAmount"] {
  width: 144px;
  margin-right: 5px;
  text-align: right;
}
form ul li.input select {
  width: 100%;
  margin-top: 5px;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #042e5f;
  padding: 10px;
  -webkit-appearance: none;
  background: white;
  font-size: 15px;
}
form ul li.input select:disabled {
  background-color: #ffffff;
}
form ul li.input select.route {
  color: white;
  line-height: 1.4em;
  transition: border 0.3s, background 0.3s;
}
form ul li.input select.route[data-route="AUTO"] {
  color: #042e5f;
  border: 1px solid #d0deef;
  background: white;
}
form ul li.input select.route[data-route="LC1"] {
  border: 1px solid #7498a7;
  background: #7498a7;
}
form ul li.input select.route[data-route="IP1"] {
  border: 1px solid #a3be8c;
  background: #a3be8c;
}
form ul li.input select.route[data-route="SV3"] {
  border: 1px solid #9e70d0;
  background: #9e70d0;
}
form ul li.input select.route[data-route="IP4"] {
  border: 1px solid #6d89a7;
  background: #6d89a7;
}
form ul li.input select.route[data-route="DV8"] {
  border: 1px solid #d0aa70;
  background: #d0aa70;
}
form ul li.input select.route[data-route="MS9"] {
  border: 1px solid #a76d89;
  background: #a76d89;
}
form ul li.input select.route[data-route="E10"] {
  border: 1px solid #7baba8;
  background: #7baba8;
}
form ul li.input select.route[data-route="PTX"] {
  border: 1px solid #c951ce;
  background: #c951ce;
}
form ul li.input select.route[data-route="V11"] {
  border: 1px solid #5177ce;
  background: #5177ce;
}
form ul li.input textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 150px;
  max-height: 500px;
  margin-top: 5px;
  box-sizing: border-box;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #042e5f;
  padding: 10px;
  font-size: 15px;
}
form ul li.input.checkbox.error, form ul li.input input.error, form ul li.input textarea.error, form ul li.input select.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
div.progressMeter {
  text-align: left;
  position: relative;
}
div.progressMeter div.container {
  width: 100%;
  display: flex;
  height: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  overflow: hidden;
  background-color: lightgray;
}
div.progressMeter div.container div.meter {
  background-color: #5b90bf;
  -webkit-animation: progressBarDarker 2s infinite ease-in-out;
  animation: progressBarDarker 2s infinite ease-in-out;
  transition: width 0.3s;
}
div.progressMeter div.container div.meter.completed {
  -webkit-animation: none;
  animation: none;
  background-color: #a3be8c;
}
div.progressMeter div.container div.meter.lightboxLoader {
  background: linear-gradient(90deg, #a3be8c 25%, #5b90bf 50%, #a3be8c 75%);
  background-size: 200% 100%;
  -webkit-animation: loading 0.5s infinite linear;
  animation: loading 0.5s infinite linear;
}
div.progressMeter span.percent, div.progressMeter span.state {
  font-size: 9px;
}
div.progress.report div.progressMeter span.percent {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
}
div.progress.report div.progressMeter span.state {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
  float: right;
  color: #5b90bf;
}
/** Connectivity Meter **/
div.connectivity {
  position: relative;
}
div.connectivity div.meter {
  width: 100%;
  display: flex;
  height: 9px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  overflow: hidden;
}
div.connectivity.hlr div.stats div.spacer, div.connectivity.mnp div.stats div.spacer {
  height: 5px;
}
div.connectivity.hlr div.stats div.container, div.connectivity.mnp div.stats div.container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  background-color: white;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  overflow: hidden;
}
div.connectivity.hlr div.stats div.container div.stat, div.connectivity.mnp div.stats div.container div.stat {
  margin: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  padding: 5px;
}
div.connectivity.hlr div.stats div.container div.stat > span, div.connectivity.mnp div.stats div.container div.stat > span {
  display: block;
  text-align: center;
  font-size: 10px;
  color: white;
}
div.connectivity.hlr div.stats div.container div.stat > span.pct, div.connectivity.mnp div.stats div.container div.stat > span.pct {
  font-size: 20px;
  font-weight: bolder;
  margin: 10px 0;
}
div.connectivity.nt div.stats {
  top: -61px !important;
}
div.connectivity.nt div.spacer {
  height: 7px;
}
div.connectivity.nt div.container {
  width: 225px;
  grid-template-columns: 100%;
  grid-row-gap: 10px;
  background-color: #d0efe1;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 5px;
  border: 1px solid #d0deef;
}
div.connectivity.nt div.container div.wrap {
  padding-bottom: 5px;
}
div.connectivity.nt div.container div.stat {
  padding: 10px 10px 8px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.connectivity.nt div.container div.stat > span {
  color: white;
  font-size: 13px !important;
  float: left;
  line-height: 100%;
}
div.connectivity.nt div.container div.stat > span.abs {
  display: inline-block;
  float: right;
  margin-right: 10px;
  text-align: right;
}
div.connectivity.nt div.container div.stat > span.pct {
  text-align: right;
  width: 34px;
  margin: 0 !important;
  font-size: 13px !important;
  float: right;
  display: inline-block;
}
div.connectivity.nt div.container div.tip-wrap {
  left: -330px;
  top: 7.5px;
  background-color: #1e4c89;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
div.connectivity.no-data div.meter div.empty {
  background-color: lightgray;
}
div.buttons img.loader, div.bottom img.loader {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
span.webSocketSubmissionStatusText {
  display: inline-block;
  max-width: 290px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  margin-left: 6px;
  white-space: nowrap;
  vertical-align: middle;
  overflow-y: hidden;
}
div.feedback {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
div.feedback a {
  font-weight: normal !important;
  text-decoration: underline !important;
}
div.feedback a:hover {
  text-decoration: none !important;
}
div.feedback.success {
  background-color: #b6e0bd;
  color: #1f6130;
}
div.feedback.success a {
  color: #1f6130 !important;
}
div.feedback.error {
  background-color: #ffd4d4;
  color: #ad0000;
}
div.feedback.error a {
  color: #ad0000 !important;
}
div.feedback span.close {
  font-size: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
div.feedback ul {
  margin-left: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.feedback ul li {
  list-style: disc !important;
  line-height: 200% !important;
  margin-left: 20px !important;
  font-size: 15px !important;
  margin-bottom: 0 !important;
  padding-right: 20px !important;
}
#hlrLookupDetailsMasterView div.main, #ntLookupDetailsMasterView div.main, #mnpLookupDetailsMasterView div.main {
  padding: 0;
}
#hlrLookupDetailsMasterView div.main div.hlrLookup, #hlrLookupDetailsMasterView div.main div.ntLookup, #hlrLookupDetailsMasterView div.main div.mnpLookup, #ntLookupDetailsMasterView div.main div.hlrLookup, #ntLookupDetailsMasterView div.main div.ntLookup, #ntLookupDetailsMasterView div.main div.mnpLookup, #mnpLookupDetailsMasterView div.main div.hlrLookup, #mnpLookupDetailsMasterView div.main div.ntLookup, #mnpLookupDetailsMasterView div.main div.mnpLookup {
  border: none;
  margin-bottom: 0;
}
div.mnpLookup div.icons {
  width: 90px !important;
}
div.mnpLookup div.icons i.fa-check {
  padding-right: 10px !important;
}
div.hlrLookup, div.ntLookup, div.mnpLookup {
  border: 1px solid #d0deef;
  background: #ffffff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.hlrLookup div.header, div.ntLookup div.header, div.mnpLookup div.header {
  padding: 20px;
}
div.hlrLookup div.header div.country, div.ntLookup div.header div.country, div.mnpLookup div.header div.country {
  width: 200px;
  float: left;
  font-size: 12.5px;
  font-weight: bold;
  margin-bottom: 3px;
}
div.hlrLookup div.header div.msisdn, div.hlrLookup div.header div.phoneNumber, div.ntLookup div.header div.msisdn, div.ntLookup div.header div.phoneNumber, div.mnpLookup div.header div.msisdn, div.mnpLookup div.header div.phoneNumber {
  clear: left;
  width: 200px;
  float: left;
  font-size: 20px;
  font-weight: bold;
}
div.hlrLookup div.header div.type, div.ntLookup div.header div.type, div.mnpLookup div.header div.type {
  width: 280px;
  float: right;
  padding-top: 8px;
  text-align: right;
}
div.hlrLookup div.header div.type span, div.ntLookup div.header div.type span, div.mnpLookup div.header div.type span {
  font-size: 20px;
  font-weight: bold;
}
div.hlrLookup div.header div.icons, div.ntLookup div.header div.icons, div.mnpLookup div.header div.icons {
  width: 126px;
  float: right;
  color: #aba4a1;
  padding-top: 4px;
}
div.hlrLookup div.header div.icons span, div.ntLookup div.header div.icons span, div.mnpLookup div.header div.icons span {
  font-size: 24px;
  position: relative;
  cursor: default;
}
div.hlrLookup div.header div.icons span i, div.ntLookup div.header div.icons span i, div.mnpLookup div.header div.icons span i {
  padding-left: 10px;
  padding-right: 10px;
}
div.hlrLookup div.header div.icons span i.fa-check, div.ntLookup div.header div.icons span i.fa-check, div.mnpLookup div.header div.icons span i.fa-check {
  padding-right: 3px;
}
div.hlrLookup div.header div.icons span i.fa-compass, div.ntLookup div.header div.icons span i.fa-compass, div.mnpLookup div.header div.icons span i.fa-compass {
  position: absolute;
  font-size: 26px;
}
div.hlrLookup div.header div.icons span i.fa-close, div.ntLookup div.header div.icons span i.fa-close, div.mnpLookup div.header div.icons span i.fa-close {
  margin-left: 3px;
  padding-right: 5px;
}
div.hlrLookup div.results, div.ntLookup div.results, div.mnpLookup div.results {
  clear: both;
}
div.hlrLookup div.results tr, div.ntLookup div.results tr, div.mnpLookup div.results tr {
  font-size: 12.5px;
}
div.hlrLookup div.results td.label, div.ntLookup div.results td.label, div.mnpLookup div.results td.label {
  padding-left: 20px !important;
  font-weight: bold;
  width: 160px;
}
div.hlrLookup div.results tr.storage td.value, div.ntLookup div.results tr.storage td.value, div.mnpLookup div.results tr.storage td.value {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.hlrLookup div.results td.info, div.ntLookup div.results td.info, div.mnpLookup div.results td.info {
  width: 30px;
  text-align: right;
}
div.hlrLookup div.results td.info i, div.ntLookup div.results td.info i, div.mnpLookup div.results td.info i {
  display: none;
  padding-left: 10px;
}
div.hlrLookup div.results tr:hover td.info i, div.ntLookup div.results tr:hover td.info i, div.mnpLookup div.results tr:hover td.info i {
  display: inline;
}
div.hlrLookup div.results td code, div.ntLookup div.results td code, div.mnpLookup div.results td code {
  font-size: 11.5px;
}
div.hlrLookup div.json, div.ntLookup div.json, div.mnpLookup div.json {
  padding: 20px 10px 20px 10px;
}
div.hlrLookup div.json pre, div.ntLookup div.json pre, div.mnpLookup div.json pre {
  padding: 5px 10px 7px 10px;
}
#webClientMasterView div.webClient, #ntWebClientMasterView div.webClient {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0;
  margin-top: 10px;
}
#webClientMasterView div.webClient div.header, #ntWebClientMasterView div.webClient div.header {
  padding: 20px 0;
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
#webClientMasterView div.webClient div.header select, #webClientMasterView div.webClient div.header input, #ntWebClientMasterView div.webClient div.header select, #ntWebClientMasterView div.webClient div.header input {
  box-sizing: border-box;
  border: 1px solid #d0deef;
  padding: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-size: 20px;
  -webkit-appearance: none;
  background: white;
}
#webClientMasterView div.webClient div.header div.storage, #ntWebClientMasterView div.webClient div.header div.storage {
  display: inline-block;
  position: relative;
}
#webClientMasterView div.webClient div.header div.storage input, #ntWebClientMasterView div.webClient div.header div.storage input {
  width: 600px;
  outline-width: 0;
  color: #b9b9b9;
  height: 46px;
}
#webClientMasterView div.webClient div.header div.storage input:focus, #ntWebClientMasterView div.webClient div.header div.storage input:focus {
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
  color: #042e5f;
}
#webClientMasterView div.webClient div.header div.storage input.highlighted, #ntWebClientMasterView div.webClient div.header div.storage input.highlighted {
  color: #042e5f;
}
#webClientMasterView div.webClient div.header div.storage input.error, #ntWebClientMasterView div.webClient div.header div.storage input.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
#webClientMasterView div.webClient div.header div.storage ul.results, #ntWebClientMasterView div.webClient div.header div.storage ul.results {
  position: absolute;
  top: 45px;
  border: 1px solid #d0deef;
  background-color: #ffffff;
  z-index: 10;
  width: 600px;
  box-sizing: border-box;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#webClientMasterView div.webClient div.header div.storage ul.results li, #ntWebClientMasterView div.webClient div.header div.storage ul.results li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #d0deef;
  box-sizing: border-box;
  cursor: pointer;
}
#webClientMasterView div.webClient div.header div.storage ul.results li.info, #ntWebClientMasterView div.webClient div.header div.storage ul.results li.info {
  cursor: default;
}
#webClientMasterView div.webClient div.header div.storage ul.results li:last-child, #ntWebClientMasterView div.webClient div.header div.storage ul.results li:last-child {
  border-bottom: none;
}
#webClientMasterView div.webClient div.header div.storage ul.results li.selected, #webClientMasterView div.webClient div.header div.storage ul.results li.mouseover, #ntWebClientMasterView div.webClient div.header div.storage ul.results li.selected, #ntWebClientMasterView div.webClient div.header div.storage ul.results li.mouseover {
  background-color: #d0efe1;
}
#webClientMasterView div.webClient div.header div.storage ul.results li span.wrapper, #ntWebClientMasterView div.webClient div.header div.storage ul.results li span.wrapper {
  display: inline-block;
  width: 97%;
  margin: 10px 10px;
  font-size: 13px;
}
#webClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.name, #ntWebClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.name {
  font-weight: 600;
  width: 70%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
#webClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.name span.highlighted, #ntWebClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.name span.highlighted {
  background-color: #d0efe1;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#webClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.details, #ntWebClientMasterView div.webClient div.header div.storage ul.results li span.wrapper span.details {
  float: right;
  color: #4F4F4F;
}
#webClientMasterView div.webClient div.header div.route, #ntWebClientMasterView div.webClient div.header div.route {
  display: inline-block;
  float: right;
}
#webClientMasterView div.webClient div.header div.route a, #ntWebClientMasterView div.webClient div.header div.route a {
  margin-right: 10px;
  color: #b9b9b9;
  font-size: 20px;
}
#webClientMasterView div.webClient div.header div.route select, #ntWebClientMasterView div.webClient div.header div.route select {
  width: 100px;
  -webkit-appearance: none;
  background: white;
}
#webClientMasterView div.webClient div.input div.container, #ntWebClientMasterView div.webClient div.input div.container {
  position: relative;
}
#webClientMasterView div.webClient div.input div.container textarea, #ntWebClientMasterView div.webClient div.input div.container textarea {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border: 1px solid #d0deef;
  background-color: #ffffff;
  color: #b9b9b9;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  float: left;
  width: 568px;
  height: 305px;
  max-width: 568px;
  max-height: 915px;
  min-width: 568px;
  min-height: 305px;
  font-size: 20px;
  overflow-y: auto;
  padding-left: 10px;
  padding-right: 20px;
  margin-top: 0;
  outline-width: 0;
}
#webClientMasterView div.webClient div.input div.container textarea.dragOver, #ntWebClientMasterView div.webClient div.input div.container textarea.dragOver {
  background-color: #353746;
  border: 5px dashed #d0deef;
  width: 558px;
  height: 296px;
  max-width: 558px;
  max-height: 915px;
  min-width: 558px;
  min-height: 296px;
}
#webClientMasterView div.webClient div.input div.container textarea.error, #ntWebClientMasterView div.webClient div.input div.container textarea.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
#webClientMasterView div.webClient div.input div.container textarea.customText, #ntWebClientMasterView div.webClient div.input div.container textarea.customText {
  color: #042e5f;
}
#webClientMasterView div.webClient div.input div.container textarea:focus, #ntWebClientMasterView div.webClient div.input div.container textarea:focus {
  color: #042e5f;
}
#webClientMasterView div.webClient div.input div.container img, #ntWebClientMasterView div.webClient div.input div.container img {
  position: absolute;
  top: 55px;
  left: 225px;
}
#webClientMasterView div.webClient div.input div.analysis, #ntWebClientMasterView div.webClient div.input div.analysis {
  vertical-align: top;
  float: right;
  background-color: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12.5px;
}
#webClientMasterView div.webClient div.input div.analysis div, #ntWebClientMasterView div.webClient div.input div.analysis div {
  padding-left: 20px;
  width: 340px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  cursor: default;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0deef;
}
#webClientMasterView div.webClient div.input div.analysis div.header h3, #ntWebClientMasterView div.webClient div.input div.analysis div.header h3 {
  font-size: 13.5px;
}
#webClientMasterView div.webClient div.input div.analysis div.header:hover, #ntWebClientMasterView div.webClient div.input div.analysis div.header:hover {
  background-color: transparent;
}
#webClientMasterView div.webClient div.input div.analysis div.lines, #ntWebClientMasterView div.webClient div.input div.analysis div.lines {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
#webClientMasterView div.webClient div.input div.analysis div.selectedRoute, #ntWebClientMasterView div.webClient div.input div.analysis div.selectedRoute {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  border-bottom: none;
}
#webClientMasterView div.webClient div.input div.analysis div.error, #ntWebClientMasterView div.webClient div.input div.analysis div.error {
  background-color: #FEF4F4;
  color: #ad0000;
}
#webClientMasterView div.webClient div.input div.analysis div:hover, #ntWebClientMasterView div.webClient div.input div.analysis div:hover {
  background-color: #d0efe1;
}
#webClientMasterView div.webClient div.input div.analysis div span.content, #ntWebClientMasterView div.webClient div.input div.analysis div span.content {
  display: inline-block;
  margin-top: 11px;
}
#webClientMasterView div.webClient div.input div.analysis div span.content span.label, #ntWebClientMasterView div.webClient div.input div.analysis div span.content span.label {
  display: inline-block;
  width: 180px;
  font-weight: 800;
}
#webClientMasterView div.webClient div.input div.analysis div span.content span.value, #ntWebClientMasterView div.webClient div.input div.analysis div span.content span.value {
  display: inline-block;
}
#webClientMasterView div.webClient div.buttons, #ntWebClientMasterView div.webClient div.buttons {
  padding: 20px 0 10px 0;
}
#webClientMasterView div.webClient div.buttons span.webSocketSubmissionStatusText, #ntWebClientMasterView div.webClient div.buttons span.webSocketSubmissionStatusText {
  max-width: 590px;
}
#ajaxoverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #142719;
  z-index: 1000;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
#ajaxloader {
  position: fixed;
  top: 220px;
  z-index: 1500;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
#ajaxloader img {
  padding: 50px;
  background-color: black;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
}
#ajaxinterfacecontainer {
  position: absolute;
  top: 90px;
  width: 100%;
  z-index: 2000;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  overflow-x: visible;
  overflow-y: visible;
}
#ajaxinterfacecontainer img.closeicon {
  cursor: pointer;
}
#ajaxinterface {
  width: auto;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  margin-left: auto;
  margin-right: auto;
}
#ajaxinterface div.lightBox {
  width: 0;
  min-width: 650px;
  min-height: 30px;
  position: relative;
  text-align: left;
  margin-bottom: 100px;
}
#ajaxinterface div.lightBox.wide {
  min-width: 1094px;
}
#ajaxinterface div.lightBox img.closeIcon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
#ajaxinterface div.lightBox form ul.leftColumn {
  width: 265px;
}
#ajaxinterface div.lightBox form ul.rightColumn {
  width: 265px;
  margin-left: 40px;
}
#ajaxinterface div.lightBox div.top {
  background-color: white;
  min-height: 30px;
  border-bottom: 1px solid #d0deef;
  padding: 20px 40px;
  color: #042e5f;
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
#ajaxinterface div.lightBox div.top h1 {
  margin: 10px 0;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bolder;
  color: #042e5f;
}
#ajaxinterface div.lightBox div.top h2 {
  margin: 10px 0 0 0;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 200%;
}
#ajaxinterface div.lightBox div.top h2 a {
  color: #042e5f;
}
#ajaxinterface div.lightBox div.main {
  background: #f6fbf9;
  min-height: 70px;
  padding: 40px;
  color: #042e5f;
  font-size: 15px;
}
#ajaxinterface div.lightBox div.main h1, #ajaxinterface div.lightBox div.main h2, #ajaxinterface div.lightBox div.main h3, #ajaxinterface div.lightBox div.main h4 {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bolder;
  margin-top: 20px;
  padding-top: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  color: #042e5f;
}
#ajaxinterface div.lightBox div.main h1 {
  font-size: 24px;
}
#ajaxinterface div.lightBox div.main h2 {
  font-size: 21px;
  margin-top: 5px;
}
#ajaxinterface div.lightBox div.main h3 {
  font-size: 18px;
  margin-top: 5px;
}
#ajaxinterface div.lightBox div.main h4 {
  margin-top: 5px;
  font-size: 16px;
}
#ajaxinterface div.lightBox div.main p {
  font-size: 16px;
}
#ajaxinterface div.lightBox div.main.sideMenuView {
  padding: 0;
  display: grid;
  width: 1094px;
  grid-template-columns: 233px 850px;
  grid-column-gap: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu h1 {
  font-size: 16px !important;
  font-weight: bolder !important;
  margin-left: 20px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu a:hover {
  color: #51ba5c;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints h1.toggler {
  cursor: pointer;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 20px !important;
  transition: color 0.3s;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints h1.toggler:hover {
  color: #5683bf;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints h1.toggler i.fas {
  color: #5683bf;
  font-size: 15px;
  margin-left: 10px;
  display: none;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints h1.toggler i.fa-duotone {
  color: #51ba5c;
  margin-right: 10px;
  width: 12px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 16px 20px 16px 15px;
  position: relative;
  border-left: 5px solid transparent;
  transition: background-color 0.3s, color 0.3s, border-left 0.3s;
  color: #042e5f;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a:hover {
  background-color: #e3f6ef;
  border-left: 5px solid #d0deef;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a.selected {
  background-color: #d0efe1;
  border-left: 5px solid #042e5f;
  font-weight: bold;
  color: #042e5f !important;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a code {
  font-size: 12px;
  margin-right: 5px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a img.sdk {
  vertical-align: text-top;
  display: inline-block;
  margin-top: 1px;
  display: none;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a span.quickHelp {
  position: absolute;
  height: 48px;
  width: 35px;
  right: 0;
  top: 0;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a span.quickHelp div.tip-wrap {
  top: 0;
  left: 47px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a span.quickHelp i.fad {
  margin-top: 17px;
  margin-left: 10px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a span.quickHelp:hover i.fad {
  color: #5683bf;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a i.fad {
  opacity: 0;
  transition: opacity 0.3s;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints a:hover i.fad {
  opacity: 1;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints.compact a {
  padding-top: 11px;
  padding-bottom: 11px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints.compact span.quickHelp {
  height: 38px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.endpoints.compact span.quickHelp i.fad {
  margin-top: 12px;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.sideMenu div.accordion h1.toggler i.fas {
  display: inline-block;
}
#ajaxinterface div.lightBox div.main.sideMenuView div.content {
  min-height: 400px;
  padding: 40px;
  border-left: 1px solid #d0deef;
}
#ajaxinterface div.lightBox div.main div.orange a {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s, background-color 0.3s;
  font-weight: bold;
}
#ajaxinterface div.lightBox div.main div.orange a:hover {
  color: #51ba5c;
}
#ajaxinterface div.lightBox div.bottom {
  background-color: white;
  min-height: 30px;
  padding: 40px;
  color: #042e5f;
  border-top: 1px solid #d0deef;
}
#ajaxinterface div.lightBox div.bottom:not(.box) {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
#ajaxinterface div.lightBox div.bottom .greenButton, #ajaxinterface div.lightBox div.bottom .grayButton, #ajaxinterface div.lightBox div.bottom .whiteButton, #ajaxinterface div.lightBox div.bottom .redButton {
  margin-right: 5px;
}
#ajaxinterface div.lightBox div.bottom div.feedback {
  margin-top: 0;
}
#ajaxinterface div.lightBox div.results {
  background-color: #f6fbf9;
  border-top: 1px solid #d0deef;
  padding: 0 40px 40px 40px;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
div.mccMncList tr {
  height: 35px;
}
/** White Background Code **/
code {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #356AA8;
  padding: 4px 5px;
  background-color: #FFFFFF;
  border: 1px solid #d0deef;
  white-space: nowrap;
}
code.green {
  background-color: #e4ffde;
}
pre.code, pre.terminal, textarea.terminal {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  padding: 20px;
  background-color: #153967;
  color: #6FCFF5;
  font-weight: normal;
  line-height: 175%;
  overflow: auto;
}
pre.code code, pre.terminal code, textarea.terminal code {
  border: none;
  background-color: transparent;
  color: #6FCFF5;
  white-space: pre;
}
textarea.terminal {
  border-bottom-right-radius: 0;
}
table tr.separator td {
  border-top: 5px solid #d0deef !important;
}
table tr.separatorBottom td {
  border-bottom: 5px solid #d0deef !important;
}
.dot {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
}
.dot.green {
  background: #72c06e;
  border-color: #72c06e;
}
.dot.red {
  background: #c0534e;
  border-color: #c0534e;
}
.selectTextOnClick {
  cursor: pointer;
}
.json {
  color: #4F4F4F;
}
.string {
  color: #7acd75;
}
.number, .integer, .float, .numeric {
  color: #d7d175;
}
.boolean {
  color: #d82ad4;
}
.null {
  color: #ed5146;
}
.key, .array, .object {
  color: #6FCFF5;
}
div.markdown code {
  font-size: 13px;
}
div.markdown pre {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  padding: 20px;
  background-color: #153967;
  color: #6FCFF5;
  font-weight: normal;
  line-height: 175%;
  overflow: auto;
  padding: 20px;
}
div.markdown pre code {
  border: none;
  background-color: transparent;
  color: #6FCFF5;
  white-space: pre;
}
div.markdown pre code {
  padding: 0 0 !important;
  background-color: transparent !important;
  border: none !important;
  color: #6FCFF5;
  border: 0;
  line-height: 175%;
  white-space: pre;
  font-size: 13px;
}
div.markdown p {
  margin-top: 20px;
}
div.markdown strong {
  margin-top: 20px;
  display: block;
}
div.markdown li {
  line-height: 200%;
  font-size: 13.5px;
  margin-left: 40px;
}
div.markdown ol li {
  list-style: lower-latin !important;
}
div.tip-wrap {
  z-index: 100000;
  width: 320px;
  position: absolute;
  white-space: normal;
}
div.tip-wrap div.tip div.tip-title {
  font-weight: bold;
  font-size: 15px;
  margin: 0;
  color: white;
  padding: 20px 40px 10px 20px;
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
  background-color: #1e4c89;
}
div.tip-wrap div.tip div.tip-text {
  font-size: 15px;
  padding: 10px 40px 20px 20px;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
  background-color: #1e4c89;
  color: white;
  line-height: 150%;
  font-weight: normal;
}
div.boxed {
  margin: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.boxed h1 {
  margin-top: 10px;
  margin-left: 20px;
  padding-top: 10px;
}
div.boxed h3 {
  margin-top: 0;
  margin-left: 20px;
  padding-top: 15px !important;
}
div.boxed p {
  padding-left: 20px;
  padding-right: 20px;
}
div.boxed canvas {
  margin: 0;
}
div.boxed.orange {
  background-color: #fff8f1 !important;
  border-color: #f5e2d2 !important;
}
div.boxed.shaded {
  background-color: rgba(255, 255, 247, 0.5) !important;
}
div.boxed.error {
  border: 1px solid #ffd4d4;
  background-color: #FEF4F4;
  color: #ad0000;
}
div.boxed.chart {
  padding: 0;
}
div.boxed.chart table {
  border-collapse: collapse;
  border: 0;
  border-top-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
}
div.boxed.chart table tr:first-child {
  border-top: 1px solid #d0deef;
  border-bottom: 1px solid #d0deef !important;
}
div.boxed.chart table tr:first-child th:first-child {
  border-top-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
}
div.boxed.chart table tr:first-child th:last-child {
  border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
}
div.boxed.chart table tr:last-child {
  border-bottom: 0;
}
div.connectivitySamples {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #fafffc;
}
div.connectivitySamples div.connectivity {
  margin-top: 40px;
  margin-bottom: 40px;
}
div.connectivitySamples div.connectivity div.meter {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
div.parameters table {
  width: 100%;
  border-left: 1px solid #d0deef;
  border-right: 1px solid #d0deef;
  border-collapse: separate;
  border-spacing: 0 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: #d0deef;
}
div.parameters table tr {
  border-bottom: 1px solid #d0deef;
}
div.parameters table tr th {
  font-weight: bold;
  background-color: white;
  text-align: left;
  white-space: nowrap;
}
div.parameters table tr td {
  background-color: white;
  transition: background-color 0.3s;
}
div.parameters table tr th, div.parameters table tr td {
  padding: 20px;
}
div.parameters table tr th.tight, div.parameters table tr td.tight {
  padding: 20px 10px;
}
div.parameters table tr th.tight:first-child, div.parameters table tr td.tight:first-child {
  padding-left: 20px;
}
div.parameters table tr th.tight:last-child, div.parameters table tr td.tight:last-child {
  padding-right: 20px;
}
div.parameters table tr.narrow th, div.parameters table tr.narrow td {
  padding: 15px 20px;
}
div.parameters table tr.narrow th.tight, div.parameters table tr.narrow td.tight {
  padding: 15px 10px;
}
div.parameters table tr:first-child th:first-child {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
}
div.parameters table tr:first-child th:last-child {
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
div.parameters table tr:last-child td:first-child {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
div.parameters table tr:last-child td:last-child {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
div.parameters table.hoverable tr:hover td {
  background-color: #d0efe1;
}
div.parameters table.textAlignCenter th, div.parameters table.textAlignCenter td {
  text-align: center;
}
div.parameters table tr.selected td {
  background-color: #d0efe1;
}
div.parameters table tr:hover td {
  background-color: #d0efe1;
}
div.parameters table th {
  text-align: left;
  font-weight: bold;
}
div.parameters table th.mandatory, div.parameters table td.mandatory, div.parameters table th.nullable, div.parameters table td.nullable {
  text-align: right;
}
div.parameters table td.nullable, div.parameters table td.mandatory, div.parameters table td.default {
  color: #4F4F4F;
}
div.parameters table th, div.parameters table td {
  line-height: 200%;
}
div.parameters table th code, div.parameters table td code {
  font-size: 11.5px;
}
div.parameters span.none {
  color: #4F4F4F;
}
div.parameters code.quickHelp {
  position: relative;
}
div.parameters code.quickHelp div.tip-wrap {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  white-space: normal;
  top: 30px;
  left: 0;
}
code.quickHelp div.tip-wrap {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  white-space: normal;
}
i.quickHelp.fa-question-circle {
  color: #5683bf;
}
i.quickHelp div.tip-wrap {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  left: 25px;
  top: -10px;
}
i.quickHelp.left div.tip-wrap {
  left: -340px;
}
div.guide div.states {
  margin-top: 20px;
  margin-bottom: 20px;
}
div.guide div.states span[class^="colorCode"] {
  margin-right: 20px;
  position: relative;
  display: inline-block;
  cursor: default;
}
div.guide div.states span[class^="colorCode"] div.tip-wrap {
  left: 0;
  top: 37px;
}
span[class^="colorCode"] div.tip-wrap {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
span.currency {
  font-size: 11px;
}
div.loadingData {
  padding-left: 80px;
  padding-right: 80px;
}
div.loadingData h2 {
  text-align: center;
  margin-top: 30px !important;
  margin-bottom: 50px !important;
}
div.loadingData div.meter {
  margin: 10px 20px 20px 20px;
  background-color: white;
  position: relative;
  border: 1px solid #d0deef;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 50px;
}
div.loadingData div.meter.withMargin {
  margin: 10px 20px 80px 20px;
}
div.loadingData div.meter span.progressBar {
  display: block;
  height: 100%;
  background: #d0deef;
  position: relative;
  overflow: hidden;
  width: 0;
  transition: width 0.3s;
}
div.loadingData div.meter span.progressBar.animated {
  -webkit-animation: progressBar 2s infinite ease-in-out;
  animation: progressBar 2s infinite ease-in-out;
}
div.loadingData div.meter span.webSocketSubmissionStatusText {
  font-size: 14px;
}
div.loadingData div.meter span.progressText {
  position: absolute;
  top: 16.5px;
  left: 20px;
  font-size: 14px;
}
div.loadingData div.meter span.progressText img {
  padding-right: 10px;
  margin-top: 0;
  vertical-align: top;
}
div.loadingData div.meter span.progressText span.webSocketSubmissionStatusText {
  display: inline;
  vertical-align: baseline;
  max-width: 700px;
}
div.loadingData div.feedbackContainer {
  margin: 0 20px 80px 20px;
}
div.skeleton h1.skeletonLoader {
  width: 250px;
  margin-bottom: 30px !important;
}
div.skeleton span.skeletonLoader {
  margin-bottom: 20px;
}
div.skeleton span.skeletonLoader.first {
  width: 500px;
}
div.skeleton span.skeletonLoader.second {
  width: 375px;
}
.skeletonLoader {
  display: inline-block;
  width: 100%;
  background: linear-gradient(90deg, #d0deef 25%, #d0efe1 50%, #d0deef 75%);
  background-size: 200% 100%;
  animation: loading 0.5s infinite linear;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.confirmationCaptcha {
  width: 590px;
}
div.confirmationCaptcha ul.leftColumn, div.confirmationCaptcha ul.rightColumn {
  width: 285px;
}
img.captcha {
  background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
  background-size: 200% 100%;
  animation: loading 0.5s infinite linear;
}
img.captcha.static {
  background: #ddd;
  animation: none;
}
img.sdk {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.video {
  margin-top: 20px;
  margin-bottom: 40px;
  background-color: #1e4c89;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
div.video img {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
div.video div.vjs-poster {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
div.video div.video-js {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background-color: transparent;
}
div.video div.video-js video {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
div.video div.vjs-control-bar {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
div.video div.vjs-control-bar div.vjs-fullscreen-control {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
div.video div.vjs-control-bar div.vjs-play-control {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
div.translationOffice div.rightColumn div.language div.summary, div.translationOffice div.rightColumn div.sourceStrings div.summary {
  padding: 20px;
  margin-top: 20px;
}
div.translationOffice div.rightColumn div.language div.summary p, div.translationOffice div.rightColumn div.sourceStrings div.summary p {
  padding-left: 0;
}
div.translationOffice div.rightColumn div.language div.summary div.loadingData, div.translationOffice div.rightColumn div.sourceStrings div.summary div.loadingData {
  padding: 0;
}
div.translationOffice div.rightColumn div.language div.summary div.loadingData div.meter, div.translationOffice div.rightColumn div.sourceStrings div.summary div.loadingData div.meter {
  margin: 0 0 20px 0;
}
div.translationOffice div.rightColumn div.language div.summary div.loadingData span.progressBar, div.translationOffice div.rightColumn div.sourceStrings div.summary div.loadingData span.progressBar {
  background-color: #d0efe1;
}
#editTranslationsForm div.summary, div#manageSourceStringsMasterView div.summary {
  padding: 20px;
}
#editTranslationsForm div.summary p, div#manageSourceStringsMasterView div.summary p {
  padding-left: 0;
}
#editTranslationsForm div.summary div.loadingData, div#manageSourceStringsMasterView div.summary div.loadingData {
  padding: 0;
}
#editTranslationsForm div.summary div.loadingData div.meter, div#manageSourceStringsMasterView div.summary div.loadingData div.meter {
  margin: 0 0 20px 0;
}
#editTranslationsForm div.summary div.loadingData span.progressBar, div#manageSourceStringsMasterView div.summary div.loadingData span.progressBar {
  background-color: #d0efe1;
}
#editTranslationsForm textarea, div#manageSourceStringsMasterView textarea {
  min-height: 50px;
  width: 395px;
  resize: vertical !important;
  border: 1px solid #d0deef;
  padding: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
#editTranslationsForm textarea.missingTarget, div#manageSourceStringsMasterView textarea.missingTarget {
  border: 1px solid #ad0000;
  background-color: #FEF4F4;
}
/** Scroll bars **/
/* width */
body::-webkit-scrollbar {
  width: 15px;
}
/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border: 4px solid #f1f1f1;
  background: #c2c2c2;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}
textarea::-webkit-scrollbar, div::-webkit-scrollbar, pre::-webkit-scrollbar {
  width: 15px;
}
textarea::-webkit-scrollbar-track, div::-webkit-scrollbar-track, pre::-webkit-scrollbar-track {
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
  background: #f1f1f1;
}
div.leftColumn::-webkit-scrollbar-track {
  border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
}
textarea::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border: 4px solid #f1f1f1;
  background: #c2c2c2;
}
textarea::-webkit-scrollbar-thumb:hover, div::-webkit-scrollbar-thumb:hover, pre::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}
textarea::-webkit-scrollbar:horizontal, div::-webkit-scrollbar:horizontal, pre::-webkit-scrollbar:horizontal {
  height: 15px;
}
textarea::-webkit-scrollbar-track:horizontal, div::-webkit-scrollbar-track:horizontal, pre::-webkit-scrollbar-track:horizontal {
  border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
#assets {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
  top: 0;
  left: 0;
}
span.flag-icon {
  font-size: 15px;
  border: 0.5px solid lightgray;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right !important;
}
.clearBoth {
  clear: both;
}
.hide {
  display: none !important;
}
.bold {
  font-weight: bold;
}
.widthAuto {
  width: auto !important;
}
.opacity0 {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.whiteSpacePre {
  white-space: pre !important;
}
.whiteSpaceNoWrap {
  white-space: nowrap;
}
.verticalAlignBottom {
  vertical-align: bottom;
}
.verticalAlignTextBottom {
  vertical-align: text-bottom;
}
.minWidth20 {
  min-width: 20px !important;
}
.lineHeight175 {
  line-height: 175%;
}
.width80 {
  width: 80px !important;
}
.width120 {
  width: 120px !important;
}
.width150 {
  width: 150px !important;
}
.width320 {
  width: 320px !important;
}
.width500 {
  width: 500px !important;
}
.width570 {
  width: 570px !important;
}
.width615 {
  width: 615px !important;
}
.marginTopNone {
  margin-top: 0 !important;
}
.marginTop5 {
  margin-top: 5px !important;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop15 {
  margin-top: 15px !important;
}
.marginTop20 {
  margin-top: 20px !important;
}
.marginTop30 {
  margin-top: 30px !important;
}
.marginTop40 {
  margin-top: 40px !important;
}
.marginTop80 {
  margin-top: 80px !important;
}
.marginBottom20 {
  margin-bottom: 20px !important;
}
.marginBottom30 {
  margin-bottom: 30px !important;
}
.marginBottom40 {
  margin-bottom: 40px !important;
}
.marginBottom80 {
  margin-bottom: 80px !important;
}
.marginBottom10 {
  margin-bottom: 10px !important;
}
.marginBottom15 {
  margin-bottom: 10px !important;
}
.marginBottom2 {
  margin-bottom: 2px !important;
}
.marginBottom5 {
  margin-bottom: 5px !important;
}
.marginBottomNone {
  margin-bottom: 0 !important;
}
.marginLeft2 {
  margin-left: 2px;
}
.marginLeft5 {
  margin-left: 5px !important;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft20 {
  margin-left: 20px;
}
.marginRightNone {
  margin-right: 0px !important;
}
.marginRight5 {
  margin-right: 5px !important;
}
.marginRight10 {
  margin-right: 10px !important;
}
.marginRight20 {
  margin-right: 20px !important;
}
.marginRight40 {
  margin-right: 40px !important;
}
.paddingTop10 {
  padding-top: 10px !important;
}
.paddingTop20 {
  padding-top: 20px !important;
}
.paddingTop25 {
  padding-top: 25px !important;
}
.paddingBottom20 {
  padding-bottom: 20px !important;
}
.paddingBottom40 {
  padding-bottom: 40px !important;
}
.paddingBottom10 {
  padding-bottom: 10px !important;
}
.paddingBottom30 {
  padding-bottom: 30px !important;
}
.paddingBottomNone {
  padding-bottom: 0 !important;
}
.paddingTopNone {
  padding-top: 0 !important;
}
.paddingTop5 {
  padding-top: 5px !important;
}
.paddingLeft10 {
  padding-left: 10px !important;
}
.paddingLeft20 {
  padding-left: 20px !important;
}
.paddingRight20 {
  padding-right: 20px !important;
}
.paddingLeftNone {
  padding-left: 0 !important;
}
.paddingLeftRight20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.paddingLeftRight10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.paddingLeftRight7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.pointerEventsNone {
  pointer-events: none !important;
}
.positionRelative {
  position: relative !important;
}
.positionAbsolute {
  position: absolute !important;
}
.textAlignLeft {
  text-align: left !important;
}
.textAlignRight {
  text-align: right !important;
}
.textAlignCenter {
  text-align: center !important;
}
.inlineBlock {
  display: inline-block !important;
}
.fontFamilyDefault {
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif !important;
}
.fontSizeSmallestText, .fontSize11 {
  font-size: 11px !important;
}
.fontSizeTinyText, .fontSize12 {
  font-size: 12px !important;
}
.fontSizeSmallerText, .fontSize13 {
  font-size: 13px !important;
}
.fontSize14 {
  font-size: 14px !important;
}
.fontSize15 {
  font-size: 15px !important;
}
.fontSize16 {
  font-size: 16px !important;
}
.fontSize18 {
  font-size: 18px !important;
}
.fontWeightNormal {
  font-weight: normal !important;
}
.fontWeight500 {
  font-weight: 500 !important;
}
.fontWeightBold {
  font-weight: bold !important;
}
strong {
  font-weight: bold;
}
.cursorPointer {
  cursor: pointer;
}
.displayInline {
  display: inline !important;
}
.displayInlineBlock {
  display: inline-block !important;
}
.roundedCorners {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}
.roundedCornersTopLeft {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
}
.roundedCornersTopRight {
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
.roundedCornersBottomLeft {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
.roundedCornersBottomRight {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
.roundedCornersBottomLeftNone {
  border-bottom-left-radius: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -ms-border-bottom-left-radius: 0 !important;
}
.roundedCornersBottomRightNone {
  border-bottom-right-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -ms-border-bottom-right-radius: 0 !important;
}
.verticalAlignTop {
  vertical-align: top;
}
.verticalAlignBottom {
  vertical-align: bottom;
}
.rounded-corners .top-left {
  border-top-left-radius: 6px !important;
  -moz-border-radius-topleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -ms-border-top-left-radius: 6px !important;
}
.rounded-corners .top-right {
  border-top-right-radius: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -ms-border-top-right-radius: 6px !important;
}
.rounded-corners .bottom-left {
  border-bottom-left-radius: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -ms-border-bottom-left-radius: 6px !important;
}
.rounded-corners .bottom-right {
  border-bottom-right-radius: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  -ms-border-bottom-right-radius: 6px !important;
}
.transparent, .fadeInOnPageLoad {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.textDecorationNone {
  text-decoration: none !important;
}
.textColorLink {
  text-decoration: none;
  color: #5683bf;
  transition: color 0.3s, background-color 0.3s;
  font-weight: bold;
}
.textColorLink:hover {
  color: #51ba5c;
}
.textColorDefault {
  color: #042e5f !important;
}
.textColorGreenLogo {
  color: #51ba5c !important;
}
.textColorGreen {
  color: #51ba5c !important;
}
.textColorGreenDarker {
  color: #1f6130 !important;
}
.textColorBlue {
  color: #5b90bf !important;
}
.textColorOrange {
  color: orange !important;
}
.textColorPurple {
  color: #b48ead !important;
}
.textColorBrown {
  color: #ab7967 !important;
}
.textColorGray {
  color: #4F4F4F !important;
}
.textColorGrayBrighter {
  color: #666 !important;
}
.textColorGrayBrightest {
  color: #aaa !important;
}
.textColorLightBlue {
  color: #5683bf;
}
.textColorRed {
  color: #ad0000 !important;
}
.textColorWhite {
  color: white !important;
}
.displayBlock {
  display: block;
}
img.lazyload {
  background-color: #e8eef5;
}
.flexCenter {
  display: flex;
  align-items: center;
}
.borderNone {
  border: none !important;
}
.overflowVisible {
  overflow: visible !important;
}
.ellipsis200 {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  min-height: 17px;
  width: 200px;
}
.ellipsis150 {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  min-height: 17px;
  width: 150px;
}
.ellipsis120 {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  min-height: 17px;
  width: 120px;
}
.colorCodeNoResult {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomNoResult {
  border-bottom: 3px solid #aba4a1;
}
.textColorNoResult {
  color: #aba4a1 !important;
}
.bgColorNoResult {
  background-color: #aba4a1;
}
.colorCodeQueued {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomQueued {
  border-bottom: 3px solid #aba4a1;
}
.textColorQueued {
  color: #aba4a1 !important;
}
.bgColorQueued {
  background-color: #aba4a1;
}
.colorCodeProvider {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomProvider {
  border-bottom: 3px solid #aba4a1;
}
.textColorProvider {
  color: #aba4a1 !important;
}
.bgColorProvider {
  background-color: #aba4a1;
}
.colorCodeXT6 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomXT6 {
  border-bottom: 3px solid #aba4a1;
}
.textColorXT6 {
  color: #aba4a1 !important;
}
.bgColorXT6 {
  background-color: #aba4a1;
}
.colorCodeOLD {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomOLD {
  border-bottom: 3px solid #aba4a1;
}
.textColorOLD {
  color: #aba4a1 !important;
}
.bgColorOLD {
  background-color: #aba4a1;
}
.colorCodeNtProvider {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #aba4a1;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomNtProvider {
  border-bottom: 3px solid #aba4a1;
}
.textColorNtProvider {
  color: #aba4a1 !important;
}
.bgColorNtProvider {
  background-color: #aba4a1;
}
.colorCodePTX {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #c951ce;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPTX {
  border-bottom: 3px solid #c951ce;
}
.textColorPTX {
  color: #c951ce !important;
}
.bgColorPTX {
  background-color: #c951ce;
}
.colorCodeV11 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5177ce;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomV11 {
  border-bottom: 3px solid #5177ce;
}
.textColorV11 {
  color: #5177ce !important;
}
.bgColorV11 {
  background-color: #5177ce;
}
.colorCodeImsi {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomImsi {
  border-bottom: 3px solid #a3be8c;
}
.textColorImsi {
  color: #a3be8c !important;
}
.bgColorImsi {
  background-color: #a3be8c;
}
.colorCodeConnected {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomConnected {
  border-bottom: 3px solid #a3be8c;
}
.textColorConnected {
  color: #a3be8c !important;
}
.bgColorConnected {
  background-color: #a3be8c;
}
.colorCodeCONNECTED {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomCONNECTED {
  border-bottom: 3px solid #a3be8c;
}
.textColorCONNECTED {
  color: #a3be8c !important;
}
.bgColorCONNECTED {
  background-color: #a3be8c;
}
.colorCodeDelivered {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomDelivered {
  border-bottom: 3px solid #a3be8c;
}
.textColorDelivered {
  color: #a3be8c !important;
}
.bgColorDelivered {
  background-color: #a3be8c;
}
.colorCodeIP1 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomIP1 {
  border-bottom: 3px solid #a3be8c;
}
.textColorIP1 {
  color: #a3be8c !important;
}
.bgColorIP1 {
  background-color: #a3be8c;
}
.colorCodeLandline {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomLandline {
  border-bottom: 3px solid #a3be8c;
}
.textColorLandline {
  color: #a3be8c !important;
}
.bgColorLandline {
  background-color: #a3be8c;
}
.colorCodeLANDLINE {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomLANDLINE {
  border-bottom: 3px solid #a3be8c;
}
.textColorLANDLINE {
  color: #a3be8c !important;
}
.bgColorLANDLINE {
  background-color: #a3be8c;
}
.colorCodeMsc {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMsc {
  border-bottom: 3px solid #5b90bf;
}
.textColorMsc {
  color: #5b90bf !important;
}
.bgColorMsc {
  background-color: #5b90bf;
}
.colorCodeAbsent {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomAbsent {
  border-bottom: 3px solid #5b90bf;
}
.textColorAbsent {
  color: #5b90bf !important;
}
.bgColorAbsent {
  background-color: #5b90bf;
}
.colorCodeNative {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a3be8c;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomNative {
  border-bottom: 3px solid #a3be8c;
}
.textColorNative {
  color: #a3be8c !important;
}
.bgColorNative {
  background-color: #a3be8c;
}
.colorCodeABSENT {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomABSENT {
  border-bottom: 3px solid #5b90bf;
}
.textColorABSENT {
  color: #5b90bf !important;
}
.bgColorABSENT {
  background-color: #5b90bf;
}
.colorCodeDisconnected {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomDisconnected {
  border-bottom: 3px solid #5b90bf;
}
.textColorDisconnected {
  color: #5b90bf !important;
}
.bgColorDisconnected {
  background-color: #5b90bf;
}
.colorCodeUndelivered {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUndelivered {
  border-bottom: 3px solid #5b90bf;
}
.textColorUndelivered {
  color: #5b90bf !important;
}
.bgColorUndelivered {
  background-color: #5b90bf;
}
.colorCodeST2 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomST2 {
  border-bottom: 3px solid #5b90bf;
}
.textColorST2 {
  color: #5b90bf !important;
}
.bgColorST2 {
  background-color: #5b90bf;
}
.colorCodeMobile {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMobile {
  border-bottom: 3px solid #5b90bf;
}
.textColorMobile {
  color: #5b90bf !important;
}
.bgColorMobile {
  background-color: #5b90bf;
}
.colorCodeMOBILE {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMOBILE {
  border-bottom: 3px solid #5b90bf;
}
.textColorMOBILE {
  color: #5b90bf !important;
}
.bgColorMOBILE {
  background-color: #5b90bf;
}
.colorCodePorted {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #5b90bf;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPorted {
  border-bottom: 3px solid #5b90bf;
}
.textColorPorted {
  color: #5b90bf !important;
}
.bgColorPorted {
  background-color: #5b90bf;
}
.colorCodeUnknown {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUnknown {
  border-bottom: 3px solid #d0aa70;
}
.textColorUnknown {
  color: #d0aa70 !important;
}
.bgColorUnknown {
  background-color: #d0aa70;
}
.colorCodeUNKNOWN {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUNKNOWN {
  border-bottom: 3px solid #d0aa70;
}
.textColorUNKNOWN {
  color: #d0aa70 !important;
}
.bgColorUNKNOWN {
  background-color: #d0aa70;
}
.colorCodeUnknownMsisdn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUnknownMsisdn {
  border-bottom: 3px solid #d0aa70;
}
.textColorUnknownMsisdn {
  color: #d0aa70 !important;
}
.bgColorUnknownMsisdn {
  background-color: #d0aa70;
}
.colorCodeINVALID_MSISDN {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomINVALID_MSISDN {
  border-bottom: 3px solid #d0aa70;
}
.textColorINVALID_MSISDN {
  color: #d0aa70 !important;
}
.bgColorINVALID_MSISDN {
  background-color: #d0aa70;
}
.colorCodeInvalidMsisdn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomInvalidMsisdn {
  border-bottom: 3px solid #d0aa70;
}
.textColorInvalidMsisdn {
  color: #d0aa70 !important;
}
.bgColorInvalidMsisdn {
  background-color: #d0aa70;
}
.colorCodeDV8 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomDV8 {
  border-bottom: 3px solid #d0aa70;
}
.textColorDV8 {
  color: #d0aa70 !important;
}
.bgColorDV8 {
  background-color: #d0aa70;
}
.colorCodeTotal {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #d0aa70;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomTotal {
  border-bottom: 3px solid #d0aa70;
}
.textColorTotal {
  color: #d0aa70 !important;
}
.bgColorTotal {
  background-color: #d0aa70;
}
.colorCodeTollFree {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a76d89;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomTollFree {
  border-bottom: 3px solid #a76d89;
}
.textColorTollFree {
  color: #a76d89 !important;
}
.bgColorTollFree {
  background-color: #a76d89;
}
.colorCodeTOLL_FREE {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a76d89;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomTOLL_FREE {
  border-bottom: 3px solid #a76d89;
}
.textColorTOLL_FREE {
  color: #a76d89 !important;
}
.bgColorTOLL_FREE {
  background-color: #a76d89;
}
.colorCodeMS9 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #a76d89;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMS9 {
  border-bottom: 3px solid #a76d89;
}
.textColorMS9 {
  color: #a76d89 !important;
}
.bgColorMS9 {
  background-color: #a76d89;
}
.colorCodeSV3 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #9e70d0;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomSV3 {
  border-bottom: 3px solid #9e70d0;
}
.textColorSV3 {
  color: #9e70d0 !important;
}
.bgColorSV3 {
  background-color: #9e70d0;
}
.colorCodeMobileOrLandline {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #9e70d0;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMobileOrLandline {
  border-bottom: 3px solid #9e70d0;
}
.textColorMobileOrLandline {
  color: #9e70d0 !important;
}
.bgColorMobileOrLandline {
  background-color: #9e70d0;
}
.colorCodeMOBILE_OR_LANDLINE {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #9e70d0;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomMOBILE_OR_LANDLINE {
  border-bottom: 3px solid #9e70d0;
}
.textColorMOBILE_OR_LANDLINE {
  color: #9e70d0 !important;
}
.bgColorMOBILE_OR_LANDLINE {
  background-color: #9e70d0;
}
.colorCodeIP4 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #6d89a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomIP4 {
  border-bottom: 3px solid #6d89a7;
}
.textColorIP4 {
  color: #6d89a7 !important;
}
.bgColorIP4 {
  background-color: #6d89a7;
}
.colorCodePremiumRate {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #6d89a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPremiumRate {
  border-bottom: 3px solid #6d89a7;
}
.textColorPremiumRate {
  color: #6d89a7 !important;
}
.bgColorPremiumRate {
  background-color: #6d89a7;
}
.colorCodePREMIUM_RATE {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #6d89a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPREMIUM_RATE {
  border-bottom: 3px solid #6d89a7;
}
.textColorPREMIUM_RATE {
  color: #6d89a7 !important;
}
.bgColorPREMIUM_RATE {
  background-color: #6d89a7;
}
.colorCodeRoaming {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomRoaming {
  border-bottom: 3px solid #b48ead;
}
.textColorRoaming {
  color: #b48ead !important;
}
.bgColorRoaming {
  background-color: #b48ead;
}
.colorCodeUndetermined {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUndetermined {
  border-bottom: 3px solid #b48ead;
}
.textColorUndetermined {
  color: #b48ead !important;
}
.bgColorUndetermined {
  background-color: #b48ead;
}
.colorCodeUNDETERMINED {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUNDETERMINED {
  border-bottom: 3px solid #b48ead;
}
.textColorUNDETERMINED {
  color: #b48ead !important;
}
.bgColorUNDETERMINED {
  background-color: #b48ead;
}
.colorCodeExpired {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomExpired {
  border-bottom: 3px solid #b48ead;
}
.textColorExpired {
  color: #b48ead !important;
}
.bgColorExpired {
  background-color: #b48ead;
}
.colorCodeSharedCost {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomSharedCost {
  border-bottom: 3px solid #b48ead;
}
.textColorSharedCost {
  color: #b48ead !important;
}
.bgColorSharedCost {
  background-color: #b48ead;
}
.colorCodeSHARED_COST {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #b48ead;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomSHARED_COST {
  border-bottom: 3px solid #b48ead;
}
.textColorSHARED_COST {
  color: #b48ead !important;
}
.bgColorSHARED_COST {
  background-color: #b48ead;
}
.colorCodeInvalid {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab7967;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomInvalid {
  border-bottom: 3px solid #ab7967;
}
.textColorInvalid {
  color: #ab7967 !important;
}
.bgColorInvalid {
  background-color: #ab7967;
}
.colorCodeRejected {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab7967;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomRejected {
  border-bottom: 3px solid #ab7967;
}
.textColorRejected {
  color: #ab7967 !important;
}
.bgColorRejected {
  background-color: #ab7967;
}
.colorCodeXT5 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab7967;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomXT5 {
  border-bottom: 3px solid #ab7967;
}
.textColorXT5 {
  color: #ab7967 !important;
}
.bgColorXT5 {
  background-color: #ab7967;
}
.colorCodeVoip {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab7967;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomVoip {
  border-bottom: 3px solid #ab7967;
}
.textColorVoip {
  color: #ab7967 !important;
}
.bgColorVoip {
  background-color: #ab7967;
}
.colorCodeVOIP {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab7967;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomVOIP {
  border-bottom: 3px solid #ab7967;
}
.textColorVOIP {
  color: #ab7967 !important;
}
.bgColorVOIP {
  background-color: #ab7967;
}
.colorCodeProcessing {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7baba8;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomProcessing {
  border-bottom: 3px solid #7baba8;
}
.textColorProcessing {
  color: #7baba8 !important;
}
.bgColorProcessing {
  background-color: #7baba8;
}
.colorCodeNT7 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7baba8;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomNT7 {
  border-bottom: 3px solid #7baba8;
}
.textColorNT7 {
  color: #7baba8 !important;
}
.bgColorNT7 {
  background-color: #7baba8;
}
.colorCodePager {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7baba8;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPager {
  border-bottom: 3px solid #7baba8;
}
.textColorPager {
  color: #7baba8 !important;
}
.bgColorPager {
  background-color: #7baba8;
}
.colorCodePAGER {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7baba8;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomPAGER {
  border-bottom: 3px solid #7baba8;
}
.textColorPAGER {
  color: #7baba8 !important;
}
.bgColorPAGER {
  background-color: #7baba8;
}
.colorCodeE10 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7baba8;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomE10 {
  border-bottom: 3px solid #7baba8;
}
.textColorE10 {
  color: #7baba8 !important;
}
.bgColorE10 {
  background-color: #7baba8;
}
.colorCodeError {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab5657;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomError {
  border-bottom: 3px solid #ab5657;
}
.textColorError {
  color: #ab5657 !important;
}
.bgColorError {
  background-color: #ab5657;
}
.colorCodeUan {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab5657;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUan {
  border-bottom: 3px solid #ab5657;
}
.textColorUan {
  color: #ab5657 !important;
}
.bgColorUan {
  background-color: #ab5657;
}
.colorCodeUAN {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #ab5657;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomUAN {
  border-bottom: 3px solid #ab5657;
}
.textColorUAN {
  color: #ab5657 !important;
}
.bgColorUAN {
  background-color: #ab5657;
}
.colorCodeVoicemail {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7498a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomVoicemail {
  border-bottom: 3px solid #7498a7;
}
.textColorVoicemail {
  color: #7498a7 !important;
}
.bgColorVoicemail {
  background-color: #7498a7;
}
.colorCodeVOICEMAIL {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7498a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomVOICEMAIL {
  border-bottom: 3px solid #7498a7;
}
.textColorVOICEMAIL {
  color: #7498a7 !important;
}
.bgColorVOICEMAIL {
  background-color: #7498a7;
}
.colorCodeLC1 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #7498a7;
  padding: 4.5px 10px 4px 10px;
  color: #ffffff;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-family: Avenir, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11px;
}
.borderBottomLC1 {
  border-bottom: 3px solid #7498a7;
}
.textColorLC1 {
  color: #7498a7 !important;
}
.bgColorLC1 {
  background-color: #7498a7;
}