@charset "UTF-8";
/*

	UBER

*/
/* GLOBAL NAVIGATION HOVER */
/* PALE COLORS FOR ERROR STATES AND MESSAGE BOXES */
/*

    RESET

*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h5, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

strong {
  font-weight: 500; }

em {
  font-style: italic; }

ol, ul, li {
  list-style: none; }

object {
  margin: 0 0 15px !important;
  display: block; }

a {
  outline: none;
  color: #00a7e1;
  text-decoration: none; }

/* Gets rid of Firefox's dotted borders */
a:hover {
  text-decoration: underline; }

a img {
  border: none;
  text-decoration: underline; }

/* Gets rid of IE's blue borders */
img.border {
  border: 1px solid #a8a8a8;
  margin-bottom: 10px; }

hr {
  margin: 15px 0;
  background: #fff;
  padding: 0;
  height: 0px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  clear: both; }

* html hr {
  margin: 0; }

input, textarea, select {
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px; }

.hr {
  position: relative;
  float: left;
  clear: both;
  margin: 0 0 12px;
  width: 100%;
  height: 1px;
  border: none;
  border-bottom: 1px solid #d7d7d7; }
  @media (pointer: coarse) {
    .hr {
      margin: 0 0 16px; } }

.noheight {
  height: 1px;
  margin-bottom: -1px;
  overflow: hidden; }

.borderbox, .borderbox * {
  box-sizing: border-box; }

h1, h2, h3, h4, p {
  margin-bottom: 10px; }

h1 {
  font-size: 1.6em; }

h2 {
  font-size: 1.3em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1em; }

ol, ul.bullets {
  margin: 0 0 10px; }

ol li, ul.bullets li {
  list-style-type: disc;
  margin-left: 25px;
  padding-bottom: 8px;
  font-size: 1.1em; }

ol li {
  list-style-type: decimal; }

ol img, ol table {
  margin: 0 0 10px 26px !important; }

@media (max-width: 960px) {
  #page_selection div.left,
  #page_selection div.right {
    float: none;
    width: 100%; }
  #page_selection .left .wrjs_grid {
    margin-bottom: 12px; } }
  @media (max-width: 960px) and (pointer: coarse) {
    #page_selection .left .wrjs_grid {
      margin-bottom: 16px; } }

#page_licenseadd #dterms {
  margin-top: 12px; }
  @media (pointer: coarse) {
    #page_licenseadd #dterms {
      margin-top: 16px; } }

.ui-autocomplete {
  text-align: left; }

.masthead h1 em {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 12px;
  line-height: 24px;
  color: #888;
  font-style: normal;
  z-index: 991; }

.redirect {
  border: 1px solid #fff;
  font-size: 1.4em;
  padding: 15px 15px 0;
  background: url(../images/uber_loading.gif) no-repeat 15px center #fff;
  margin: 0 auto !important;
  top: 20px;
  position: relative;
  width: 50%;
  box-shadow: 0 0 10px #555;
  z-index: 9999; }

.redirect p {
  padding-left: 50px; }

.edittz, .edittz1 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: -32px;
  top: 3px; }

.hidetz, .hidetz1 {
  position: relative;
  display: block;
  padding: 4px 0 4px 4px;
  margin-bottom: 3px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0px 2px 2px #eee; }

.hidetz.disabled, .hidetz1.disabled {
  background: #eee !important;
  color: #aaa !important; }

.savetz, .savetz1, .canceltz, .canceltz1 {
  position: absolute;
  right: -32px;
  top: 4px;
  cursor: pointer; }

.canceltz, .canceltz1 {
  right: -56px; }

#Installsparent {
  padding-top: 5px; }

#Instantparent, #Summaryparent {
  border-top: 1px solid #ddd;
  padding-top: 10px; }

.altkeyshowhide {
  margin: 0 0 8px; }

.changekeycode {
  position: relative;
  height: 16px;
  width: 16px;
  display: inline-block;
  background: url(../images/icon_pencil_medium.png);
  text-indent: -99em;
  overflow: hidden;
  letter-spacing: -99em;
  xtop: 4px; }

.changekeycode.active {
  background: url(../images/icon_cross_square.png); }

#AltKeyCode {
  position: relative;
  xmargin: 8px 0 0; }

/*

	GLOBAL NAV COPY - TO STOP FLASH OF UNSTYLED PAGE

*/
#wrapper {
  min-height: 100%;
  margin: 0 auto -51px;
  position: relative; }

* html #wrapper {
  height: 100%; }

#mask {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none; }

.popup {
  background: #fff;
  width: 600px;
  font-size: 1.1em;
  min-height: 350px;
  position: fixed;
  z-index: 9990;
  right: 50%;
  top: 50%;
  border: 4px solid #d8d8d8;
  padding: 15px 15px 5px;
  box-shadow: 0 0 30px #444;
  display: none;
  zoom: 1; }

.close {
  padding: 0;
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 9999;
  background-color: transparent;
  background-image: url(../images/pc_sprite.png);
  background-repeat: no-repeat;
  background-position: -99px -278px;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.close:hover {
  background-position: -99px -322px; }

.close:active {
  background-position: -99px -367px; }

p.loadingmessage {
  text-align: center;
  margin: 130px auto 0;
  display: inline-block;
  width: 100%; }

p.loadingmessage em {
  margin: 0 auto;
  background: url(../images/loadingdata5.gif) no-repeat left center;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-indent: 50px;
  font-size: 2em;
  color: #888; }

#agreementerror {
  color: #f00; }

select#Region {
  font-size: 1em; }

dl.rowwed .mockinput.acceptterms {
  margin-bottom: 10px;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  width: 100% !important; }
  dl.rowwed .mockinput.acceptterms label span {
    text-indent: 40px; }
  @media (min-width: 992px) {
    dl.rowwed .mockinput.acceptterms {
      width: 60% !important;
      padding-left: 0; } }

#mywebroot {
  min-height: 1px;
  clear: both;
  margin-top: 5px; }

#mywebroot img, #mywebroot span {
  float: left;
  display: inline; }

#mywebroot img {
  margin: 0 15px 15px 0; }

#mywebroot span {
  width: 160px; }

#mywebroot span h2 {
  color: #463465;
  font-size: 1.5em;
  margin: 20px 0 5px;
  line-height: 1.4em;
  font-weight: normal; }

#mywebroot span a {
  color: #5ca30d;
  font-size: 1.2em; }

#screenerror {
  background: url(../images/icon_screenerror.png) no-repeat 13px center #f2f3f4;
  float: left;
  clear: both;
  padding-left: 70px;
  width: 100%; }

#screenerror p {
  font-weight: 500;
  color: #aaa;
  margin: 10px 0; }

#screenerror span {
  float: left;
  display: inline-block;
  width: calc(100% - 12px);
  background: #fff;
  color: #aaa;
  padding: 5px 8px;
  margin: 0 0 12px; }

.wrjs_table .button, .wrjs_table #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .wrjs_table .button {
  margin-bottom: 0; }

@media (min-width: 768px) {
  dl.rowwed dt:not(:last-of-type), dl.rowwed dd:not(:last-of-type) {
    margin-bottom: 10px; } }

/*

	WRAPPER

*/
.xs-wrapper {
  padding: 0 12px 12px 12px; }
  @media (pointer: coarse) {
    .xs-wrapper {
      padding: 0 16px 16px 16px; } }

.wrapper {
  clear: both;
  position: relative;
  min-height: 50%; }
  .wrapper h1 {
    font-size: 1.8em; }
  .wrapper h1 .button, .wrapper h1 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .wrapper h1 .button {
    position: relative;
    top: -2px;
    margin: -5px 0 -10px 10px !important; }
  @media (min-width: 768px) {
    #page_gsm .wrapper {
      min-height: calc(100vh - 140px); }
    #page_gsm.is-expired .wrapper {
      min-height: calc(100vh - 135px - 41px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    #page_gsm.is-expired .wrapper {
      min-height: calc(100vh - 135px - 45px); } }
  @media (min-width: 768px) {
    #page_selection .wrapper {
      min-height: calc(100vh - 94px); }
    .wrapper#tab_devices, .wrapper#tab_skygsm {
      padding: 12px 12px 0; } }
  .wrapper.padded {
    padding: 12px; }
    @media (pointer: coarse) {
      .wrapper.padded {
        padding: 16px; } }
    @media (min-width: 768px) {
      .wrapper.padded {
        padding: 12px 12px 0; } }
  @media (min-width: 768px) and (pointer: coarse) {
    .wrapper.padded {
      padding: 16px 16px 0; } }
  #contentarea .wrapper {
    overflow: hidden; }

/*

	CONTENT AREA

*/
#contentarea {
  margin: 0;
  padding: 0; }
  #contentarea .inner h2.green {
    color: #81a32c;
    font-size: 1.8em;
    letter-spacing: -1px;
    margin: 0 0 12px;
    padding: 0;
    position: relative;
    float: left; }
    @media (pointer: coarse) {
      #contentarea .inner h2.green {
        margin: 0 0 16px; } }
    #contentarea .inner h2.green em {
      font-size: 0.6em;
      font-style: normal;
      color: #999;
      letter-spacing: 0px;
      margin-left: 5px; }

#contentarea * {
  box-sizing: border-box;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

/*

	DISPLAY

*/
.default_flex {
  align-items: stretch;
  display: flex;
  justify-content: space-between; }

.displayinline {
  display: inline !important; }

.flex {
  display: flex !important; }

html body .hidden {
  display: none !important; }

.hideleft {
  position: absolute;
  left: -999em; }

.noheight {
  height: 1px;
  margin-bottom: -1px;
  position: relative;
  overflow: hidden; }

.overflowvisible {
  overflow: visible !important;
  white-space: normal !important; }

.opacity-50 {
  opacity: 0.5; }

@media (max-width: 767px) {
  .visible-md, .hidden-xs {
    display: none; }
  .left-md {
    float: right; } }

@media (min-width: 768px) {
  .visible-md {
    display: inline; } }

/*

	FLOATS

*/
.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

/*

	WIDTHS

*/
.w50 {
  width: 50px; }

.w100 {
  width: 100px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w250 {
  width: 250px; }

.w300 {
  width: 300px; }

.w350 {
  width: 350px; }

.w400 {
  width: 400px; }

.w450 {
  width: 450px; }

.w500 {
  width: 500px; }

.w550 {
  width: 550px; }

.w600 {
  width: 600px; }

.w650 {
  width: 650px; }

.w700 {
  width: 700px; }

.w740 {
  width: 735px; }

.w750 {
  width: 750px; }

.xwauto {
  width: auto; }

.five,
.ten,
.fifteen,
.twenty,
.twentyfive,
.thirty,
.thirtyfive,
.forty,
.fortyfive,
.fifty,
.fiftyfive,
.sixty,
.sixtyfive,
.seventy,
.seventyfive,
.eighty,
.eightyfive,
.ninety,
.ninetyfive {
  width: 100%; }

@media (min-width: 768px) {
  .five {
    width: 4%; }
  .six {
    width: 5%; }
  .ten {
    width: calc(10% - 8px); }
  .fifteen {
    width: calc(15% - 7px); }
  .twenty {
    width: calc(20% - 8px); }
  .twentyfive {
    width: calc(25% - 8px); }
  .thirty {
    width: calc(30% - 4px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .thirty {
      width: calc(30% - 8px); } }

@media (min-width: 768px) {
  .thirtyfive {
    width: calc(35% - 8px); }
  .forty {
    width: calc(40% - 8px) !important; }
  .fortyfive {
    width: calc(45% - 4px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .fortyfive {
      width: calc(45% - 8px); } }

@media (min-width: 768px) {
  .fortynine {
    width: calc(50% - 8px); }
  .fifty {
    width: calc(50% - 6px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .fifty {
      width: calc(50% - 8px); } }

@media (min-width: 768px) {
  .fiftyfive {
    width: calc(55% - 8px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .fiftyfive {
      width: calc(55% - 8px); } }

@media (min-width: 768px) {
  .sixty {
    width: calc(60% - 4px); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .sixty {
      width: calc(60% - 8px); } }

@media (min-width: 768px) {
  .sixtyfive {
    width: calc(65% - 8px); }
  .seventy {
    width: calc(70% - 8px); }
  .seventyfive {
    width: calc(75% - 8px); }
  .eighty {
    width: calc(80% - 8px); }
  .eightyfive {
    width: calc(85% - 7px); }
  .ninety {
    width: calc(90% - 8px); }
  .hundred {
    width: 100%; } }

@media (max-width: 767px) {
  .left.split.fifty {
    float: none; } }

/*

	MASTHEAD

*/
.masthead {
  display: block;
  clear: both;
  color: white;
  background-color: #eee;
  margin: 0 0 12px 0;
  padding: 0;
  border-bottom: 1px solid #d7d7d7; }
  @media (pointer: coarse) {
    .masthead {
      margin: 0 0 16px 0; } }
  .masthead h1 {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    padding: 12px 12px 0 12px; }
    @media (pointer: coarse) {
      .masthead h1 {
        padding: 16px 16px 0 16px; } }
    @media (min-width: 768px) {
      .masthead h1 {
        font-size: 22px; } }
    .masthead h1 em {
      display: none; }
    .masthead h1 .button, .masthead h1 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .masthead h1 .button {
      top: -2px; }
      @media (pointer: coarse) {
        .masthead h1 .button, .masthead h1 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .masthead h1 .button {
          top: -9px; } }

/*

    BREADCRUMB

*/
.breadcrumb {
  clear: both;
  float: left;
  width: 100%;
  margin: -15px 0 15px; }

.breadcrumb ul {
  position: relative;
  background: #f9f9f9;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  width: 100%;
  padding: 0 0 0 15px;
  margin-left: -15px; }

.breadcrumb ul li {
  display: inline-block;
  padding: 0 0 0 10px;
  height: 28px;
  line-height: 28px; }

.breadcrumb ul li a {
  display: inline-block;
  padding: 0 20px 0 0;
  background: url(../images/uber_breadcrumbarrow.gif) no-repeat right center; }

.breadcrumb ul li a.selection {
  padding: 0 20px;
  background: url(../images/uber_breadcrumbarrow.gif) no-repeat left center; }

/*

	EMPTY CONSOLE

*/
.emptyconsole {
  font-size: 1.1em; }
  .emptyconsole h1, .emptyconsole h2 {
    margin: 0 0 12px; }
    @media (pointer: coarse) {
      .emptyconsole h1, .emptyconsole h2 {
        margin: 0 0 16px; } }
  .emptyconsole h1 {
    color: #81a32c; }
  .emptyconsole h2 {
    color: #333; }

/*

	MODULE

*/
.module {
  background: #fff;
  margin: 0 12px 12px 0;
  border: 1px solid #d7d7d7;
  color: #333;
  position: relative;
  width: 100%; }
  @media (pointer: coarse) {
    .module {
      margin: 0 16px 16px 0; } }
  .module h1 {
    background: #eee;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-weight: 500;
    font-size: 12px;
    padding: 0 10px;
    border-bottom: 1px solid #d7d7d7; }
    .module h1 em {
      float: right; }
  .module h1 em, .module .module h1 span {
    font-size: 0.6em;
    font-style: normal;
    letter-spacing: normal;
    margin-right: 12px;
    margin-left: 5px; }
    @media (pointer: coarse) {
      .module h1 em, .module .module h1 span {
        margin-right: 16px; } }
  .module .inner {
    margin: 10px; }
    .module .inner h1 {
      text-indent: 0px; }
    .module .inner h2, .module .inner h5 {
      font-weight: 500;
      color: #444; }
    .module .inner h2 {
      font-size: 1.1em; }
    .module .inner h5 {
      font-size: 1.3em;
      margin: 0 0 12px; }
      @media (pointer: coarse) {
        .module .inner h5 {
          margin: 0 0 16px; } }
    .module .inner p {
      margin: 0 0 15px 0;
      line-height: 1.4em; }
    .module .inner .example {
      border: 1px solid #ddd;
      padding: 10px;
      display: block;
      background: #eee;
      color: #444; }
      .module .inner .example em {
        font-size: 0.9em;
        display: inline-block;
        margin-top: 5px;
        color: #666; }
    .module .inner li a.awesome.micro {
      margin: 15px 10px 10px 0; }
    .module .inner.larger p {
      font-size: 1.1em;
      margin-right: 10px; }
    .module .inner.larger li {
      margin-right: 10px; }
    .module .inner.allmargin {
      margin: 12px; }
      @media (pointer: coarse) {
        .module .inner.allmargin {
          margin: 16px; } }
  .module.autocomplete, .module.autoheight {
    min-height: 1px !important; }
  .module.hundred {
    margin-right: -2px !important; }

.subsection {
  background: #fbfbfb;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 12px; }
  @media (pointer: coarse) {
    .subsection {
      margin: 0 0 16px; } }
  .subsection h2 {
    background: #d7d7d7;
    padding: 10px; }
  .subsection h3 {
    font-weight: 500;
    font-size: 1.1em;
    color: #444; }

.renew {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d9d9d9;
  padding: 0 10px 0 30px;
  background: url(../images/uber_sprite.png) no-repeat -312px -217px;
  color: #666; }

.upgrade {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d9d9d9;
  padding: 0 10px 0 30px;
  background: url(../images/uber_sprite.png) no-repeat -312px -217px;
  color: #666; }

.upgraderenewholder {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d9d9d9;
  padding: 0 10px 0 30px;
  background: url(../images/uber_sprite.png) no-repeat -312px -217px;
  color: #666; }

.alert {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 4px 10px;
  background: #fef3e3;
  border: 1px solid #f9c475;
  font-size: 1.1em; }

.statusbadge {
  width: 50px;
  height: 50px;
  float: left;
  display: inline;
  margin: 0 10px 12px 0;
  background-image: url(../images/uber_sprite.png);
  background-repeat: no-repeat;
  background-color: #bbb;
  background-size: 300px 300px; }
  @media (pointer: coarse) {
    .statusbadge {
      margin: 0 10px 16px 0; } }
  .pc .statusbadge {
    background-position: 0 0; }
  .mobile .statusbadge {
    background-position: -55px 0px; }
  .web .statusbadge {
    background-position: -110px 0px; }
  .backups .statusbadge {
    background-position: 0 -55px; }
  .passwords .statusbadge {
    background-position: -55px -55px; }
  .syncshare .statusbadge {
    background-position: 0 -55px; }
  .community .statusbadge {
    background-position: -200px 0px; }
  .support .statusbadge {
    background-position: -200px -55px; }
  @media (min-width: 960px) {
    .statusbadge {
      width: 100px;
      height: 100px;
      background-size: 600px 600px; }
      .pc .statusbadge {
        background-position: 0 0; }
      .mobile .statusbadge {
        background-position: -110px 0px; }
      .web .statusbadge {
        background-position: -220px 0px; }
      .backups .statusbadge {
        background-position: 0 -110px; }
      .passwords .statusbadge {
        background-position: -110px -110px; }
      .syncshare .statusbadge {
        background-position: 0 -110px; }
      .community .statusbadge {
        background-position: -400px 0px; }
      .support .statusbadge {
        background-position: -400px -110px; } }

/*
		.green .statusbadge {background-color: $wr-green;}
		.grey .statusbadge {background-color:#bbb;}
		.red .statusbadge {background-color: lighten($wr-red, 25%);}
		.amber .statusbadge {background-color:lighten($wr-amber, 25%);}
		.blue .statusbadge {background-color:  lighten($wr-blue, 30%);}
		*/
/*
		.statusbadge span {width:24px; height:25px; position:relative; float:left; left:50%; margin:12px 0 0 -11.5px; display:block; background:url(../images/uber_sprite.png) no-repeat; background-size: 300px 300px;}
			@media (min-width: 960px){ .statusbadge span {width:48px; height:48px; background-size: 600px 600px; margin:24px 0 0 -23px; } }

			.green .statusbadge span {background-position: 0px -110.5px}
			.amber .statusbadge span {background-position: -30px -110.5px}
			.red .statusbadge span {background-position: -60px -110.5px;}
			.blue .statusbadge span {background-position: -90px -110.5px;}
			.grey .statusbadge span {display:none;}

			@media (min-width: 960px){
				.green .statusbadge span {background-position: 0px -221px}
				.amber .statusbadge span {background-position: -60px -221px}
				.red .statusbadge span {background-position: -120px -221px;}
				.blue .statusbadge span {background-position: -180px -221px;}
				.grey .statusbadge span {display:none;}
			}
		*/
.statusbadge span {
  width: 25px;
  height: 25px;
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #999; }
  @media (min-width: 960px) {
    .statusbadge span {
      width: 50px;
      height: 50px; } }
  .green .statusbadge span {
    background: #96bf36; }
  .amber .statusbadge span {
    background: #CCB012; }
  .red .statusbadge span {
    background: #ba2a1e; }
  .blue .statusbadge span {
    background: #00a7e1; }
  .grey .statusbadge span {
    display: none; }

.statusbadge > span::before,
.statusbadge > span::after {
  background: #fff;
  display: block;
  content: '';
  position: absolute;
  border-radius: 3px; }

.green .statusbadge > span::before {
  height: 10%;
  width: 30%;
  top: 54%;
  left: 22%;
  transform: rotate(45deg); }

.green .statusbadge > span::after {
  height: 10%;
  width: 50%;
  top: 46%;
  left: 34%;
  transform: rotate(-45deg); }

.red .statusbadge > span::before,
.amber .statusbadge > span::before,
.blue .statusbadge > span::before {
  line-height: 25px;
  width: 100%;
  background: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  content: '!'; }

@media (min-width: 960px) {
  .red .statusbadge > span::before,
  .amber .statusbadge > span::before,
  .blue .statusbadge > span::before {
    line-height: 50px;
    font-size: 35px; } }

.blue .statusbadge > span::before {
  content: 'i';
  font-family: serif; }

.statusbullets, .statusbullets_sb {
  margin: 0 0 10px;
  float: left; }

.statusbullets li, .statusbullets_sb li {
  font-size: 1.3em;
  height: 24px;
  line-height: 24px; }

.statusbullets li em, .statusbullets_sb li em {
  font-size: 0.8em;
  color: #888;
  font-style: normal; }

.dataloader {
  display: none; }

#beingprocessed .statusbullets_sb {
  float: left;
  clear: both;
  margin: 5px 0 15px; }

#beingprocessed .statusbullets_sb li.loadingdata {
  height: 35px;
  line-height: 35px; }

#beingprocessed p.upsell {
  float: left;
  clear: both; }

#lpbeingprocessed .statusbullets_sb {
  float: left;
  clear: both;
  margin: 5px 0 15px; }

#lpbeingprocessed .statusbullets_sb li.loadingdata {
  height: 35px;
  line-height: 35px; }

#lpbeingprocessed p.upsell {
  float: left;
  clear: both; }

.beingprepared {
  background: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #888;
  display: block;
  font-size: 1em !important;
  padding: 4px 2px 4px 4px; }

.statusbullets li.loadingdata, .statusbullets_sb li.loadingdata {
  position: relative;
  background: url(../images/loadingdata5.gif) no-repeat 5px center;
  height: 72px;
  line-height: 72px;
  text-indent: 54px; }

.statusbullets li.loadingdata.failed, .statusbullets_sb li.loadingdata.failed {
  background: url(../images/icon_datafailed.png) no-repeat 5px center;
  text-indent: 40px; }

.statusbullets li.loadingdata em, .statusbullets_sb li.loadingdata em {
  color: #1d7ccd;
  font-size: 1em; }

.statusbullets li.loadingdata em:hover, .statusbullets_sb li.loadingdata em:hover {
  text-decoration: underline;
  cursor: pointer; }

.statusbullets li.loadingdata span, .statusbullets_sb li.loadingdata span {
  position: absolute;
  left: 0;
  bottom: -24px;
  color: #666;
  font-size: 0.8em; }

.upsell {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: 10px !important; }

.upsell strong {
  display: block; }

#page_home .datawrapper {
  width: calc(100% - 60px);
  position: static;
  padding-left: 0; }
  @media (min-width: 960px) {
    #page_home .datawrapper {
      width: calc(100% - 110px); } }

body.ru p.upsell,
body.de p.upsell {
  width: auto;
  xmax-width: 280px; }

.module.palegreen {
  border-color: #bbdd8c;
  box-shadow: none;
  background: #f0f8e6; }

.module.palegreen h1 {
  border: none;
  text-indent: 9px;
  background: #bbdd8c;
  font-size: 1.2em;
  color: #333;
  font-weight: 500;
  letter-spacing: 0px;
  height: 32px;
  line-height: 32px; }

.module.palegreen .inner p, .module.blank .inner p {
  font-size: 1.1em;
  line-height: 1.4em; }

.module.blank {
  border: none;
  box-shadow: none;
  background: transparent; }

.module.blank h1 {
  border: none;
  text-indent: 9px;
  color: #81a32c;
  margin-bottom: 5px; }

.module.blank .inner {
  margin: 0 0 0 10px; }

.module.open h1 {
  border: none;
  text-indent: 0;
  color: #81a32c;
  margin: 5px 15px; }

.module.open h2 {
  margin-top: 15px; }

.module.open hr {
  margin: 20px 0; }

.module.open .inner {
  margin: 0 15px 15px; }

.module.open .inner p {
  font-size: 1.1em; }

#page_home .module {
  min-height: 188px; }
  @media (pointer: coarse) {
    #page_home .module {
      min-height: 206px; } }
  @media (min-width: 768px) and (max-width: 1319px) {
    #page_home .module {
      width: calc(50% - 7px); } }
  @media (min-width: 768px) and (max-width: 1319px) and (pointer: coarse) {
    #page_home .module {
      width: calc(50% - 8px); } }
  @media (min-width: 768px) and (max-width: 1319px) {
      #page_home .module:nth-child(even) {
        margin-right: 0; } }
  @media (min-width: 1320px) {
    #page_home .module {
      width: calc(33.33% - 8px); } }
  @media (min-width: 1320px) and (pointer: coarse) {
    #page_home .module {
      width: calc(33.33% - 11px); } }
  @media (min-width: 1320px) {
      #page_home .module:nth-child(3n) {
        margin-right: 0; } }

.module .statusbullets, .module .statusbullets_sb {
  width: 100%;
  margin: 0 12px 12px 0; }
  @media (pointer: coarse) {
    .module .statusbullets, .module .statusbullets_sb {
      margin: 0 16px 16px 0; } }
  .module .statusbullets li, .module .statusbullets_sb li {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*

	CONTENT

*/
.content {
  background: #fff;
  margin: 0 15px 15px 0;
  border: 1px solid #ccc;
  width: 358px; }

.content .inner {
  margin: 10px; }

.content.hundred {
  margin-right: -2px; }

.contentinner {
  background: #f0f8e6;
  background: #fcfcfc;
  margin: 0; }

.contentinner .inner {
  margin: 0;
  padding-bottom: 1px; }

.content.blank {
  border: none;
  font-size: 1.1em; }

.content.blank .inner {
  margin: 0px; }

.content.blank .contentinner {
  background: none; }

.content.blank .contentinner .inner {
  margin: 0; }

.content.blank h1 {
  background: none;
  position: relative;
  color: #333;
  font-weight: normal;
  font-size: 1.6em;
  padding: 0;
  margin: 0 0 10px;
  line-height: normal;
  height: auto;
  border: none;
  text-indent: 0px; }

.content h1 {
  background: #bbdd8c;
  position: relative;
  color: #50781b;
  width: 100%;
  width: calc(100% + 2px) !important;
  line-height: 1.4em;
  font-weight: 500;
  padding: 8px;
  font-size: 1.2em;
  border: 1px solid #9fc46b;
  top: -2px;
  left: -1px; }

.content.borderbox h1 {
  width: calc(100% + 2px); }

.content h2 {
  font-size: 1.1em;
  font-weight: 500;
  color: #444; }

.content h3 {
  font-size: 1em;
  color: #6aab16; }

.content p {
  line-height: 1.4em;
  font-size: 1.1em; }

.content .error p {
  font-size: 1em; }

.content p a {
  xcolor: #555; }

.content .statusbadge {
  width: 78px;
  height: 112px;
  float: left;
  display: inline;
  margin-right: 15px; }

.content h3.divider {
  padding: 6px 10px;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 0 !important; }

.console h1 {
  font-size: 1.3em;
  line-height: 34px; }

/* GREEN */
.content.green h1 {
  background: url(../images/uber_contenth1bg.gif) repeat-x left top #b2d880;
  background: #b2d880;
  color: #50781b; }

.content.green .statusbadge {
  background: url(../images/uber_badge_green.png) no-repeat left top; }

.content.green h3.divider {
  background: url(../images/uber_contenth1bg.gif) repeat-x left top #b2d880;
  border-top: 1px solid #bbdd8c;
  border-bottom: 1px solid #bbdd8c;
  color: #53722a; }

/* AMBER */
.content.amber h1 {
  background: #f8b552;
  color: #955e0d;
  border-color: #bc9e71; }

.content.amber .statusbadge {
  background: url(../images/uber_badge_yellow.png) no-repeat left top; }

.content.amber h3.divider {
  background: #f8b552;
  border-top: 1px solid #d9a556;
  border-bottom: 1px solid #d9a556;
  color: #955e0d; }

/* GREY */
.content.grey h1 {
  background: url(../images/uber_navbg.gif) repeat-x left top #dadada;
  color: #555;
  border-color: #aaa; }

.content.grey .statusbadge {
  background: url(../images/uber_badge_grey.png) no-repeat left top; }

.content.grey h3.divider {
  background: url(../images/uber_contenth1bg_grey.gif) repeat-x left top #bdbdbd;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  color: #555; }

.content.grey .contentinner {
  background: #fcfcfc; }

/* BLUE */
.content.blue h1 {
  background: url(../images/uber_contenth1bg_blue.gif) repeat-x left top #7cbbdc;
  color: #215471;
  border-color: #799fb4; }

.content.blue .statusbadge {
  background: url(../images/uber_badge_blue.png) no-repeat left top; }

.content.blue h3.divider {
  background: url(../images/uber_contenth1bg_blue.gif) repeat-x left top #7cbbdc;
  border-top: 1px solid #799fb4;
  border-bottom: 1px solid #799fb4;
  color: #215471; }

/* RED */
.content.red h1 {
  background: #ea3c33;
  color: #fff;
  border-color: #b52921; }

.content.red .statusbadge {
  background: url(../images/uber_badge_red.png) no-repeat left top; }

.content.red h3.divider {
  background: url(../images/uber_contenth1bg_red.gif) repeat-x left top #ea3e35;
  border-top: 1px solid #c2736a;
  border-bottom: 1px solid #c2736a;
  color: #fff; }

/*

	SUBTABS

*/
#subtabs {
  float: left;
  position: relative;
  z-index: 2;
  clear: both; }

#subtabs li {
  float: left; }

#subtabs li a {
  float: left;
  display: inline;
  padding: 8px 13px;
  background: url(../images/uber_sprite.png) repeat-x left -350px #ddd;
  margin-right: 4px;
  color: #666;
  font-weight: bold;
  border: 1px solid #bbb;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px; }

#subtabs li a:hover {
  background: #eee;
  text-decoration: none; }

#subtabs li a.active {
  background: #fff;
  color: #444;
  border-bottom: none;
  padding-bottom: 9px; }

.sub_content {
  float: left;
  display: none;
  clear: both;
  border: 1px solid #bbb;
  margin-top: -1px;
  position: relative;
  z-index: 1;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px; }

.sub_content .inner {
  margin: 15px; }

/* GLOBAL NAVIGATION HOVER */
/* PALE COLORS FOR ERROR STATES AND MESSAGE BOXES */
/*********************************************
  WRJS TAB PANEL
*********************************************/
.wrjs_tabpanel .tabs-container {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #d7d7d7;
  background-color: #eee; }

.wrjs_tabpanel.inset.green > .tabs-container {
  background: #629e62; }

.wrjs_tabpanel.inset.blue > .tabs-container {
  background: #00a7e1; }

.wrjs_tabpanel.inset.red > .tabs-container {
  background: #ba2a1e; }

.wrjs_tabpanel.inset.amber > .tabs-container {
  background: #CCB012; }

.wrjs_tabpanel.inset.orange > .tabs-container {
  background: #e0952e; }

.wrjs_tabpanel.inset .tabs li {
  position: relative;
  bottom: -4px; }

.wrjs_tabpanel.bordered > .tabs-container {
  border: 1px solid #d7d7d7; }

.wrjs_tabpanel.bordered .tabs {
  margin: 0; }

.wrjs_tabpanel.bordered .tabcontent {
  padding: 10px;
  border: 1px solid #d7d7d7;
  border-top: none; }

.wrjs_tabpanel.fullwidth > .tabs-container {
  border-bottom: 0;
  margin-bottom: 0;
  background-color: transparent; }
  .wrjs_tabpanel.fullwidth > .tabs-container > .tabs {
    padding: 0;
    width: 100%;
    margin: 0 0 12px; }
    @media (pointer: coarse) {
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs {
        margin: 0 0 16px; } }
    .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li {
      margin: 0;
      padding: 0;
      display: inline-block;
      position: relative;
      background: #eee; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li a {
        transition: all 0.3s ease 0s;
        font-size: 12px;
        color: #555;
        width: 100%;
        border-radius: 0;
        border: 1px solid #d7d7d7;
        box-shadow: none;
        border-right-color: transparent;
        padding: 9px 0;
        margin: 0;
        text-align: center;
        background: none;
        font-weight: 500; }
        @media (pointer: coarse) {
          .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li a {
            padding: 12px 0; } }
        .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li a:hover {
          background: #fbfbfb;
          color: #555; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li:first-child,
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li:first-child a {
        border-radius: 5px 0 0 5px !important; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li:last-child {
        border-radius: 0 5px 5px 0 !important; }
        .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li:last-child a {
          border-right: 1px solid #d7d7d7;
          border-radius: 0 5px 5px 0 !important; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected:last-child a {
        border-right: 1px solid #d7d7d7; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected a,
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected a:hover {
        border-color: #888;
        background: #888;
        color: #fff;
        border-radius: 0;
        margin: 0; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected + li a {
        border-left: 0; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected span {
        transition: all 0.3s ease-in 0.2s;
        bottom: -6px;
        border-top: 8px solid #888; }
        .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li.selected span:before {
          border-top: 8px solid #888;
          bottom: -1.5px;
          z-index: -1; }
      .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li span {
        display: none; }
        .wrjs_tabpanel.fullwidth > .tabs-container > .tabs > li span:before {
          content: '';
          width: 0;
          height: 0;
          border-top: 8px solid #777;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          position: absolute;
          left: 50%;
          margin-left: -8px;
          bottom: 0px;
          border-top: 8px solid transparent; }

.wrjs_tabpanel.fullwidth.green > .tabs-container > .tabs li.selected a,
.wrjs_tabpanel.fullwidth.green > .tabs-container > .tabs li.selected a:hover {
  background: #799c2f;
  color: #fff;
  border: 1px solid #6a8829; }

.wrjs_tabpanel.fullwidth.green > .tabs-container > .tabs li.selected span {
  border-top: 8px solid #799c2f; }
  .wrjs_tabpanel.fullwidth.green > .tabs-container > .tabs li.selected span:before {
    border-top: 8px solid #6a8829; }

.wrjs_tabpanel.fullwidth.blue > .tabs-container > .tabs li.selected a,
.wrjs_tabpanel.fullwidth.blue > .tabs-container > .tabs li.selected a:hover {
  background: #00a7e1;
  color: #fff;
  border: 1px solid #0094c8; }

.wrjs_tabpanel.fullwidth.blue > .tabs-container > .tabs li.selected span {
  border-top: 8px solid #00a7e1; }
  .wrjs_tabpanel.fullwidth.blue > .tabs-container > .tabs li.selected span:before {
    border-top: 8px solid #0094c8; }

.wrjs_tabpanel.fullwidth.red > .tabs-container > .tabs li.selected a,
.wrjs_tabpanel.fullwidth.red > .tabs-container > .tabs li.selected a:hover {
  background: #ba2a1e;
  color: #fff;
  border: 1px solid #a4251a; }

.wrjs_tabpanel.fullwidth.red > .tabs-container > .tabs li.selected span {
  border-top: 8px solid #ba2a1e; }
  .wrjs_tabpanel.fullwidth.red > .tabs-container > .tabs li.selected span:before {
    border-top: 8px solid #a4251a; }

.wrjs_tabpanel.fullwidth.amber > .tabs-container > .tabs li.selected a,
.wrjs_tabpanel.fullwidth.amber > .tabs-container > .tabs li.selected a:hover {
  background: #CCB012;
  color: #fff;
  border: 1px solid #b59c10; }

.wrjs_tabpanel.fullwidth.amber > .tabs-container > .tabs li.selected span {
  border-top: 8px solid #CCB012; }
  .wrjs_tabpanel.fullwidth.amber > .tabs-container > .tabs li.selected span:before {
    border-top: 8px solid #b59c10; }

.wrjs_tabpanel.fullwidth.orange > .tabs-container > .tabs li.selected a,
.wrjs_tabpanel.fullwidth.orange > .tabs-container > .tabs li.selected a:hover {
  background: #e0952e;
  color: #fff;
  border: 1px solid #d58920; }

.wrjs_tabpanel.fullwidth.orange > .tabs-container > .tabs li.selected span {
  border-top: 8px solid #e0952e; }
  .wrjs_tabpanel.fullwidth.orange > .tabs-container > .tabs li.selected span:before {
    border-top: 8px solid #d58920; }

.wrjs_tabpanel.tabcount_1 > .tabs-container > .tabs > li {
  width: calc(100% / 1); }

.wrjs_tabpanel.tabcount_2 > .tabs-container > .tabs > li {
  width: calc(100% / 2); }

.wrjs_tabpanel.tabcount_3 > .tabs-container > .tabs > li {
  width: calc(100% / 3); }

.wrjs_tabpanel.tabcount_4 > .tabs-container > .tabs > li {
  width: calc(100% / 4); }

.wrjs_tabpanel.tabcount_5 > .tabs-container > .tabs > li {
  width: calc(100% / 5); }

.wrjs_tabpanel.tabcount_6 > .tabs-container > .tabs {
  width: 100%; }
  .wrjs_tabpanel.tabcount_6 > .tabs-container > .tabs > li {
    width: calc(100% / 6); }

.wrjs_tabpanel.tabcount_7 > .tabs-container > .tabs > li {
  width: calc(100% / 7); }

.wrjs_tabpanel.tabcount_8 > .tabs-container > .tabs {
  width: 100%; }
  .wrjs_tabpanel.tabcount_8 > .tabs-container > .tabs > li {
    width: calc(100% / 8); }

.wrjs_tabpanel.tabcount_9 > .tabs-container > .tabs > li {
  width: calc(100% / 9); }

.wrjs_tabpanel.tabcount_10 > .tabs-container > .tabs > li {
  width: calc(100% / 10); }

.wrjs_tabpanel.header-tabs > .tabs-container {
  border: 1px solid #d7d7d7;
  z-index: 1;
  position: relative;
  margin-bottom: -1px; }
  .wrjs_tabpanel.header-tabs > .tabs-container > .tabs {
    padding: 0 8px; }
    .wrjs_tabpanel.header-tabs > .tabs-container > .tabs li {
      float: left;
      margin-right: 8px; }

.wrjs_tabpanel .tabs {
  float: left;
  clear: both;
  position: relative;
  white-space: nowrap;
  padding: 0 12px; }
  @media (pointer: coarse) {
    .wrjs_tabpanel .tabs {
      padding: 0 16px; } }
  .wrjs_tabpanel .tabs li {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 0;
    white-space: nowrap; }
    @media (pointer: coarse) {
      .wrjs_tabpanel .tabs li {
        margin: 0 16px 0 0; } }
    .wrjs_tabpanel .tabs li:last-child {
      margin: 0; }
    .wrjs_tabpanel .tabs li a {
      float: left;
      display: block;
      width: 100%;
      font-weight: 400;
      padding: 12px 2px;
      font-size: 12px;
      margin: 0;
      color: rgba(51, 51, 51, 0.64);
      text-align: center; }
      @media (pointer: coarse) {
        .wrjs_tabpanel .tabs li a {
          padding: 13px 0;
          min-width: 40px; } }
      .wrjs_tabpanel .tabs li a:hover {
        text-decoration: none;
        color: rgba(51, 51, 51, 0.84); }
    .wrjs_tabpanel .tabs li.selected a {
      box-shadow: 0 -4px 0 #96bf36 inset;
      color: #333; }
      .wrjs_tabpanel .tabs li.selected a:hover {
        position: relative; }

#innerwrapper .inner_padding .tabs-container,
.wrjs_modal .inner .tabs-container {
  margin: 0;
  padding-top: 0; }

@media (min-width: 768px) {
  .wrjs_tabpanel:not(.fullwidth) .tabs-container,
  #innerwrapper .inner_padding .tabs-container,
  .wrjs_modal .inner .tabs-container {
    padding-top: 0; } }

.wrjs_modal .inner .wrjs_tabpanel.inset .tabs-container {
  position: relative;
  width: 100%; }

.tabcontent {
  background: #fff;
  float: left;
  margin: 0;
  width: 100%;
  padding: 12px; }
  @media (pointer: coarse) {
    .tabcontent {
      padding: 16px; } }
  @media (min-width: 768px) {
    .tabcontent {
      padding: 12px; } }
  @media (min-width: 768px) and (pointer: coarse) {
    .tabcontent {
      padding: 16px; } }
  @media (min-width: 768px) {
      .xbox .tabcontent {
        padding: 0; } }

.confirmpopup .tabcontent {
  margin-bottom: 0; }

.tabcontent.blank {
  border: none;
  margin: 0 !important; }

.nomargin .tabcontent {
  margin: 0 !important; }

.confirm .tabcontent table {
  font-size: 12px; }

.tabcontent_noborder .tabcontent {
  border: none; }

.tabcontent_noborder > .tabcontent {
  margin: 0; }

.noborder .tabcontent {
  border: none; }

.nopadding .tabcontent > .inner {
  margin: 0 !important; }

.tabcontent > h3.noresults {
  margin: 0; }

.tableheader.tabbed {
  line-height: 1em;
  text-indent: 0px;
  padding: 0;
  margin: 0 0 12px;
  border-bottom: 0; }
  @media (pointer: coarse) {
    .tableheader.tabbed {
      margin: 0 0 16px; } }

.tableheader .tabs {
  margin: 0;
  padding: 0;
  text-indent: 0;
  line-height: 1em;
  float: none; }

.tableheader .tabs li {
  margin: 0;
  padding: 0;
  float: none; }

.tableheader .tabs li a {
  float: none;
  margin: 4px 0 0 4px;
  padding: 8px 10px;
  display: inline-block;
  background: #eee; }

.tableheader .tabs li a:hover {
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15) !important; }

.tableheader .tabs li.selected a, .tableheader .tabs li.selected a:hover {
  padding: 8px 10px 9px;
  margin-bottom: 0 !important;
  background: #fff !important;
  color: #444;
  box-shadow: none !important; }

.tableheader .tabs.thstyle li.selected a, .tableheader .tabs.thstyle li.selected a:hover {
  margin-bottom: -2px;
  background: #eee !important;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0 #eee, 0 10px 10px #f6f6f6 inset !important;
  padding-bottom: 9px;
  position: relative;
  z-index: 99;
  color: #4F6123 !important; }

.tableheader.green .tabs li a {
  border-color: #869c51;
  text-shadow: none;
  color: #4F6123;
  background: #C7D99C;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(255, 255, 255, 0.3) inset; }

.tableheader.green .tabs li.selected a {
  color: #444 !important; }

.row .tableheader {
  width: 100%;
  box-sizing: border-box; }

.notablemargin table {
  margin: 0; }

.row .tableheader select {
  background: rgba(0, 0, 0, 0.3);
  border: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.4) inset;
  padding: 0 0 0 3px;
  margin: 0 0 0 4px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  height: 25px;
  line-height: 1em; }

.row .tableheader select option {
  padding: 8px; }

.tableheader em.block {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-style: normal;
  margin-left: 3px;
  padding: 3px 6px;
  position: relative;
  top: 1px; }

.customerinfo ul.tabs.bar {
  background: #ccc;
  border-radius: 5px;
  margin: 10px 10px 0;
  width: calc(100% - 20px);
  box-shadow: 0 1px 0 #fff inset, 0 15px 15px rgba(255, 255, 255, 0.3) inset; }

.customerinfo ul.tabs.bar li {
  margin: 0;
  padding: 0;
  position: relative; }

.customerinfo ul.tabs.bar li a {
  background: none;
  margin: 0;
  padding: 10px;
  border-radius: 0px;
  border-right: 1px solid #b3b3b3;
  box-shadow: 1px 0px 0 #eee;
  color: #444; }

.customerinfo ul.tabs.bar li a:hover {
  background: #eee;
  box-shadow: none; }

.customerinfo ul.tabs.bar li.selected a, .customerinfo ul.tabs.bar li.selected a:hover {
  background-color: #fff; }

.customerinfo ul.tabs.bar li:first-child a {
  border-radius: 5px 0 0 5px; }

.customerinfo ul.tabs.bar li span.arrow_down {
  display: none; }

.customerinfo ul.tabs.bar li.selected span.arrow_down {
  display: block; }

.orb {
  background: url(../../images/rolling.gif) no-repeat center center #999;
  box-shadow: 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.3) inset;
  color: #fff;
  border-radius: 20px;
  display: inline-block;
  font-weight: bold;
  line-height: 20px;
  min-width: 20px;
  height: 20px;
  margin: -20px 0 -20px 5px;
  text-align: center; }
  .orb.green {
    background: #6fa445; }
  .orb.red {
    background: #b52d2d; }

@media (min-width: 768px) {
  #contentarea > .wrapper > .wrjs_tabpanel > .tabcontent {
    padding-bottom: 0; } }

/*********************************************
  TABs AS STEPS
*********************************************/
.wrjs_tabpanel.steps .tabs-container {
  border-bottom: 0; }

.wrjs_modal .wrjs_tabpanel.steps {
  margin-top: -12px; }

.wrjs_tabpanel.steps ul.tabs {
  padding: 0;
  margin: 0 0 12px;
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  border-radius: 0; }
  @media (min-width: 768px) {
    .wrjs_tabpanel.steps ul.tabs {
      margin: 0 0 4px; }
      .wrjs_modal .wrjs_tabpanel.steps ul.tabs {
        margin: 0;
        padding: 16px 0 4px; } }

.wrjs_tabpanel.steps ul.tabs li {
  margin: 0; }

.wrjs_tabpanel.steps ul.tabs li:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 10px;
  background: #e0e0e0; }

.wrjs_tabpanel.steps ul.tabs li:first-child, .wrjs_tabpanel.steps ul.tabs li:first-child a {
  border-radius: 0; }

.wrjs_tabpanel.steps ul.tabs li:last-child, .wrjs_tabpanel.steps ul.tabs li:last-child a {
  border-radius: 0; }

.wrjs_tabpanel.steps ul.tabs li:first-child:after, .wrjs_tabpanel.steps ul.tabs li:last-child:after {
  width: 50%; }

.wrjs_tabpanel.steps ul.tabs li:first-child:after {
  margin-left: 50%; }

.wrjs_tabpanel.steps ul.tabs li:last-child:after {
  margin-right: 50%; }

.wrjs_tabpanel.steps ul.tabs li a.selected,
.wrjs_tabpanel.steps ul.tabs li a {
  background: transparent;
  padding: 0;
  color: #333;
  border-bottom: 0; }

.wrjs_tabpanel.steps ul.tabs li a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: normal;
  font-weight: 400; }

@media (min-width: 768px) {
  .wrjs_tabpanel.steps ul.tabs li a {
    font-size: 12px;
    line-height: 32px; } }

/*.wrjs_tabpanel.steps ul.tabs li:first-child a {text-align: left; width: auto;}
				.wrjs_tabpanel.steps ul.tabs li:first-child a:before {}
			.wrjs_tabpanel.steps ul.tabs li:last-child a {text-align: right; width: auto; float: right;}
				.wrjs_tabpanel.steps ul.tabs li:first-child a:before {}*/
.wrjs_tabpanel.steps ul.tabs li a:before {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #9E9E9E;
  color: white;
  line-height: 20px;
  text-align: center;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 12px; }

.wrjs_tabpanel.steps ul.tabs li a:hover {
  color: #666;
  cursor: default;
  width: 100%;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0px;
  box-shadow: none;
  background: none; }

.wrjs_tabpanel.steps ul.tabs li.selected a,
.wrjs_tabpanel.steps ul.tabs li.selected a:hover {
  box-shadow: none !important; }

.wrjs_tabpanel.steps ul.tabs li.selected a:before {
  font-family: "Ionicons";
  content: "\f3fd";
  font-size: 17px; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(1):not(.selected) a:before {
  content: "1"; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(2):not(.selected) a:before {
  content: "2"; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(3):not(.selected) a:before {
  content: "3"; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(4):not(.selected) a:before {
  content: "4"; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(5):not(.selected) a:before {
  content: "5"; }

.wrjs_tabpanel.steps ul.tabs li:nth-child(6):not(.selected) a:before {
  content: "6"; }

/* GREEN */
.wrjs_tabpanel.steps.green ul.tabs li.selected a:before {
  background: #96bf36; }

.wrjs_tabpanel.steps.green ul.tabs li a:before {
  background: #ccc; }

/*

	HELP PAGES

*/
.advicenow {
  padding-left: 270px;
  float: left;
  margin: 12px; }
  @media (pointer: coarse) {
    .advicenow {
      margin: 16px; } }
  .advicenow h1 {
    color: #49267e;
    font-size: 1.6em;
    position: relative; }
  .advicenow p {
    line-height: 1.5em;
    margin: 0 0 12px; }
    @media (pointer: coarse) {
      .advicenow p {
        margin: 0 0 16px; } }
  .advicenow h1 .supportemail {
    position: absolute;
    right: 0;
    font-size: 0.7em;
    color: #999; }
  .advicenow h1 .supportemail a {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ccc;
    font-size: 0.8em;
    font-style: normal; }

#helpnav {
  background: #bbdd8c;
  float: left;
  width: 220px;
  clear: both;
  position: relative;
  z-index: 9999;
  margin: 0 0 12px;
  padding: 12px;
  margin-left: -270px;
  border: 1px solid #9fc46b; }
  @media (pointer: coarse) {
    #helpnav {
      margin: 0 0 16px;
      padding: 16px; } }

#helpnav li {
  float: left;
  display: block;
  position: relative;
  width: 100%;
  color: #3d5e0f;
  font-weight: 500;
  margin: 2px 0; }

#helpnav li a {
  color: #3d5e0f;
  float: left;
  display: block; }

#helpnav li a:hover {
  text-decoration: underline; }

#helpnav ul {
  float: left;
  clear: both;
  margin: 2px 10px 0;
  position: relative;
  width: 100%; }

#helpnav ul li a {
  padding: 1px 0;
  font-weight: normal;
  font-size: 1em; }

#helpnav ul li a:hover, #helpnav ul li.currentpage a {
  text-decoration: underline; }

#helpContent {
  float: left; }

#contentarea .advicenow table p, #contentarea .advicenow table p font {
  margin: 0;
  color: #444 !important; }

.advicenow h1 {
  color: #81a32c;
  font-size: 1.8em;
  letter-spacing: -1px;
  margin: 0 0 12px; }
  @media (pointer: coarse) {
    .advicenow h1 {
      margin: 0 0 16px; } }

.advicenow h2 {
  font-size: 1.3em;
  font-weight: 500;
  color: #222; }

.advicenow h3 {
  font-size: 1em;
  color: #6aab16; }

.advicenow p {
  line-height: 1.4em;
  font-size: 1.1em; }

#contentarea .advicenow table td p.TableHead {
  background: url(../images/uber_navbg.gif) repeat-x left top #fff;
  color: #444;
  font-weight: 500;
  border: 1px solid #ccc;
  text-shadow: 0 1px 0 #fff; }

.advicenow p {
  margin-left: 0 !important;
  clear: both; }

.nobreak {
  white-space: nowrap; }

.advicenow table tr.even td {
  background: #f1f1f1; }

.advicenow ul, .advicenow ol ul {
  margin-left: 20px; }

.advicenow ul li, .advicenow ol ul li {
  list-style-type: disc; }

.footercode {
  margin: 0 0 12px;
  color: #999 !important; }
  @media (pointer: coarse) {
    .footercode {
      margin: 0 0 16px; } }

.sessionimg {
  position: absolute;
  left: -999em;
  bottom: 0; }

/*

    NEW HELP STYLE

*/
.TableStyle-Basic {
  float: left;
  clear: both;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-collapse: collapse;
  margin: 0 0 12px; }
  @media (pointer: coarse) {
    .TableStyle-Basic {
      margin: 0 0 16px; } }

.TableStyle-Basic th, .TableStyle-Basic td {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 5px; }

.TableStyle-Basic th {
  background: #BBDD8C;
  font-weight: 500;
  color: #3D5E0F; }

.BodyE-Column1-Body1, .BodyE-Column1-Body1 *, .BodyB-Column1-Body1 {
  font-weight: 500;
  background: #eee;
  font-size: 1em; }

.stepintro {
  font-weight: 500;
  font-size: 1.2em !important; }

#helpContent ul li {
  font-size: 1.1em;
  margin: 0 0 10px 10px; }

#helpContent table ul li {
  font-size: 1em; }

#helpContent h3 {
  font-weight: 500;
  font-size: 1.2em;
  color: #000; }

#another.awesome {
  float: left;
  clear: both; }

.lh-box {
  width: 365px;
  margin-right: 10px; }

.info.pad,
.warning.pad,
.error.pad {
  padding: 10px 10px 10px 35px;
  font-size: 1.1em !important;
  background-position: 8px center; }

.intro {
  box-sizing: border-box;
  float: left;
  width: 100%;
  border-radius: 8px;
  background: #DAE8F0;
  padding: 12px; }
  @media (pointer: coarse) {
    .intro {
      padding: 16px; } }
  .intro .button, .intro #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .intro .button {
    margin: 5px 12px 5px 0px; }
    @media (pointer: coarse) {
      .intro .button, .intro #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .intro .button {
        margin: 5px 16px 5px 0px; } }

/*

	MARGINS

*/
.nomargin {
  margin: 0 !important; }

.nomarginright {
  margin-right: 0px !important; }

.nomarginbottom {
  margin-bottom: 0px !important; }

.marginbottom0px {
  margin-bottom: 0px !important; }

.marginbottom5px {
  margin-bottom: 5px !important; }

.marginbottom10px {
  margin-bottom: 10px !important; }

.marginbottom15px {
  margin-bottom: 15px !important; }

.margintop10px {
  margin-top: 10px !important; }

.margintop15px {
  margin-top: 15px !important; }

.marginleft0px {
  margin-left: 0px !important; }

.marginleft5px {
  margin-left: 5px !important; }

.marginleft10px {
  margin-left: 10px !important; }

.marginleft15px {
  margin-left: 15px !important; }

.marginright0px {
  margin-right: 0px !important; }

.marginright5px {
  margin-right: 5px !important; }

.marginright10px {
  margin-right: 10px !important; }

.marginright15px {
  margin-right: 15px !important; }

html body .marginbottom5px {
  margin-bottom: 5px !important; }

html body .marginbottom10px {
  margin-bottom: 10px !important; }

html body .marginbottom15px {
  margin-bottom: 15px !important; }

html body .marginbottom, html body .nomargin .marginbottom, html body .nomargin .blank .marginbottom {
  margin-bottom: 12px !important; }
  @media (pointer: coarse) {
    html body .marginbottom, html body .nomargin .marginbottom, html body .nomargin .blank .marginbottom {
      margin-bottom: 16px !important; } }

html body .margintop10px {
  margin-top: 10px !important; }

html body .margintop15px {
  margin-top: 15px !important; }

.noleftmargin {
  margin-left: 0; }

.norightmargin {
  margin-right: 0; }

.marginright {
  margin-right: 1.6% !important; }

/*

	LANGUAGE DROPDOWN

*/
a.langselect {
  line-height: 31px;
  margin: 0 0 0 4px;
  border: none;
  box-shadow: 0 1px 0 #fff inset, 0 12px 12px #f3f3f3 inset, 1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0px rgba(0, 0, 0, 0.2); }

#regiondl {
  display: none; }

#regiondl select#Region {
  margin: 0 !important; }

/*

	LANGUAGE SPECIFIC

*/
.datawrapper {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 120px;
  width: 100%; }

.datawrapper .awesome {
  float: left;
  clear: both; }

/* GLOBAL NAVIGATION HOVER */
/* PALE COLORS FOR ERROR STATES AND MESSAGE BOXES */
/*********************************************
  WRJS MODAL
*********************************************/
.wrjs_mask {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  opacity: 0.7; }
  .wrjs_mask.animate {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear; }
  .wrjs_mask.white {
    background: #bbb; }
  .wrjs_mask.fadeIn {
    opacity: 0.7; }
  .wrjs_mask.fadeOut {
    opacity: 0;
    -webkit-transition: all 0.4s linear 0.3s;
    transition: all 0.4s linear 0.3s; }

.wrjs_modal {
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  background: #fff;
  z-index: 10000;
  position: absolute;
  top: 12px;
  left: 12px;
  position: fixed;
  transform: translate(0, 0);
  max-height: 100vh;
  /*********************************************
	  MODAL ANIMATIONS
	*********************************************/
  /*********************************************
	  MODAL INNER
	*********************************************/
  /*********************************************
	  MODAL FOOTER
	*********************************************/
  /*********************************************
	  MODAL CSS OVERWRITES
	*********************************************/ }
  @media (pointer: coarse) {
    .wrjs_modal {
      top: 16px;
      left: 16px; } }
  @media (min-width: 768px) {
    .wrjs_modal {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      -webkit-font-smoothing: subpixel-antialiased;
      min-width: calc(768px - 12px * 2); } }
  @media (min-width: 768px) and (pointer: coarse) {
    .wrjs_modal {
      top: 16px;
      left: 50%;
      transform: translate(-50%, 0);
      background: #fff;
      -webkit-font-smoothing: subpixel-antialiased;
      min-width: calc(768px - 16px * 2); } }
  @media (max-width: 767px) {
    .wrjs_modal {
      width: calc(100% - 24px) !important; } }
  @media (max-width: 767px) and (pointer: coarse) {
    .wrjs_modal {
      width: calc(100% - 32px) !important; } }
  .wrjs_modal.animate {
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: top,opacity; }
  .wrjs_modal > h1 {
    white-space: nowrap;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    background: #96bf36;
    text-indent: 10px;
    padding: 12px 30px 8px 0;
    min-height: 40px; }
    .wrjs_modal > h1 span {
      position: absolute;
      right: 0px;
      top: 0; }
    .wrjs_modal > h1 b {
      color: rgba(255, 255, 255, 0.64);
      font-size: 18px;
      line-height: 40px;
      width: 40px;
      float: right;
      text-indent: 0;
      text-align: center;
      cursor: pointer; }
      .wrjs_modal > h1 b:hover, .wrjs_modal > h1 b:active {
        color: #fff; }
    .wrjs_modal > h1:hover {
      text-overflow: clip;
      white-space: normal !important;
      word-break: normal; }
  .wrjs_modal > .inner {
    margin: 0;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 216px); }
    @media (min-width: 768px) {
      .wrjs_modal > .inner {
        max-height: calc(100vh - 140px); } }
  .wrjs_modal.createalert > .inner {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }
  .wrjs_modal.fadeIn {
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .wrjs_modal.shake {
    top: 50%;
    opacity: 1;
    -webkit-animation: shakeCentre 0.5s ease-in-out forwards;
    animation: shakeCentre 0.5s ease-in-out forwards; }
  .wrjs_modal.slideIn {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    transition: all 0.4s ease 0.2s; }
    @media (min-width: 768px) {
      .wrjs_modal.slideIn {
        top: 40%;
        -webkit-animation: slideIn forwards 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        animation: slideIn forwards 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } }
  .wrjs_modal.slideOut {
    -webkit-animation: none;
    animation: none;
    opacity: 0;
    transition: all 0.4s ease 0.2s; }
    @media (min-width: 768px) {
      .wrjs_modal.slideOut {
        top: 50%;
        -webkit-animation: slideOut forwards 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        animation: slideOut forwards 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } }
  @media (pointer: coarse) {
    .wrjs_modal.slideIn, .wrjs_modal.slideOut {
      top: 16px;
      -webkit-animation: none;
      animation: none; } }
  .wrjs_modal.textalign_left .inner {
    text-align: left; }
  .wrjs_modal > .inner div {
    text-align: left; }
  .wrjs_modal > .inner .bullets li {
    line-height: 1.4em;
    margin: 0 0 10px;
    font-size: 12px;
    color: #333; }
  .wrjs_modal > .inner p strong {
    font-weight: 500; }
  .wrjs_modal > .inner h4 {
    font-size: 12px; }
  .wrjs_modal > .inner p:last-child {
    margin-bottom: 0; }
  .wrjs_modal .wrjs_modal_footer {
    min-height: 46px;
    position: relative;
    background: #eee;
    clear: both;
    padding: 0 10px;
    text-align: center;
    border-top: 1px solid #d7d7d7; }
    .wrjs_modal .wrjs_modal_footer .button, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .button {
      margin: 10px 10px 10px 0;
      white-space: nowrap; }
      .wrjs_modal .wrjs_modal_footer .button.left, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .left.button, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .left.button {
        margin-right: 5px; }
      .wrjs_modal .wrjs_modal_footer .button.right, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .right.button {
        margin-left: 5px; }
      .wrjs_modal .wrjs_modal_footer .button:last-child, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .button:last-child, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .button:last-child {
        margin-right: 0; }
      .wrjs_modal .wrjs_modal_footer .button.prev b, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .prev.button b, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .prev.button b, .wrjs_modal .wrjs_modal_footer .button.next b, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .next.button b, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .next.button b {
        font-size: 18px;
        position: absolute;
        top: 3px;
        line-height: 1em; }
      .wrjs_modal .wrjs_modal_footer .button.prev b, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .prev.button b, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .prev.button b {
        left: 8px; }
      .wrjs_modal .wrjs_modal_footer .button.next b, .wrjs_modal .wrjs_modal_footer #confirmOverlay #confirmBox .next.button b, #confirmOverlay #confirmBox .wrjs_modal .wrjs_modal_footer .next.button b {
        right: 8px; }
    .wrjs_modal .wrjs_modal_footer span {
      padding: 5px;
      background: #fff;
      border: 1px solid #ccc;
      display: block;
      margin-top: 8px;
      text-align: left; }
      @media (min-width: 768px) {
        .wrjs_modal .wrjs_modal_footer span {
          position: absolute;
          left: 9px;
          top: 8px;
          margin-top: 0; }
          .wrjs_modal .wrjs_modal_footer span label, .wrjs_modal .wrjs_modal_footer span input {
            float: left; } }
    body:not(.ie8) .wrjs_modal .wrjs_modal_footer .checkreplace {
      margin-right: 7px; }
  .wrjs_modal.blue > h1 {
    background: #50a6c5; }
  .wrjs_modal.red > h1 {
    background: #ba2a1e; }
  .wrjs_modal.red p.red {
    color: #ba2a1e; }
  .wrjs_modal.amber > h1 {
    background: #CCB012; }
  .wrjs_modal.white {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
    .wrjs_modal.white > h1 {
      background: none;
      color: #3d8840;
      font-size: 30px;
      font-family: arial;
      font-weight: 300;
      text-shadow: none;
      letter-spacing: -1px;
      padding: 10px 0 13px; }
      .wrjs_modal.white > h1 span {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -1px; }
      .wrjs_modal.white > h1 b.cancelclick {
        background: rgba(0, 0, 0, 0.1);
        color: #bbb;
        padding: 4px 8px;
        margin-top: -17px;
        position: relative;
        right: -5px;
        font-size: 25px; }
        .wrjs_modal.white > h1 b.cancelclick:hover {
          background: rgba(0, 0, 0, 0.2);
          color: #999; }
        .wrjs_modal.white > h1 b.cancelclick:active {
          background: rgba(0, 0, 0, 0.3);
          color: #666; }
    .wrjs_modal.white .wrjs_modal_footer {
      background: none;
      border: none; }
      .wrjs_modal.white .wrjs_modal_footer span {
        background: #f6f6f6;
        padding: 8px;
        left: 0x;
        top: 4px;
        right: auto;
        color: #666; }
      .wrjs_modal.white .wrjs_modal_footer .button.right, .wrjs_modal.white .wrjs_modal_footer #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .wrjs_modal.white .wrjs_modal_footer .right.button {
        margin-right: 15px; }
  .wrjs_modal .tabcontent {
    margin-bottom: 12px; }
    @media (pointer: coarse) {
      .wrjs_modal .tabcontent {
        margin-bottom: 16px; } }
    .wrjs_modal .tabcontent .inner p.info:first-child:last-child {
      margin: 0 0 7px !important; }
  .wrjs_modal ul.tabs.inset {
    border: 1px solid #777;
    border-bottom: none;
    xmargin: 0 0 -3px; }
  .wrjs_modal dd.defaultpolicy a.button, .wrjs_modal dd.defaultpolicy #confirmOverlay #confirmBox a.button, #confirmOverlay #confirmBox .wrjs_modal dd.defaultpolicy a.button {
    line-height: 1em;
    padding: 4px 6px;
    margin-bottom: 0; }
  .wrjs_modal dd.defaultpolicy.loading {
    background: url(../../images/loading_16x16.gif) no-repeat scroll left center #fff;
    color: #444;
    display: inline;
    font-size: 1em;
    line-height: auto !important;
    padding: 0 !important;
    text-indent: 25px;
    text-shadow: none;
    width: auto; }
  .wrjs_modal dl {
    margin: 5px 0 12px; }
    @media (pointer: coarse) {
      .wrjs_modal dl {
        margin: 5px 0 16px; } }
  .wrjs_modal .tabcontent dl.striped {
    margin: 0 0 5px !important; }
  .wrjs_modal p.fullwidth {
    margin: 0 0 12px; }
    .wrjs_modal p.fullwidth.confirmerror, .wrjs_modal p.fullwidth:not(:first-child) {
      margin-bottom: 10px; }
    @media (pointer: coarse) {
      .wrjs_modal p.fullwidth {
        margin: 0 0 16px; } }
  .wrjs_modal .inner dl.rowwed:last-child {
    margin: 0; }
  .wrjs_modal.masked {
    overflow: visible !important; }
  .wrjs_modal .loadmask {
    border: 1px solid #222;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px); }
    .wrjs_modal .loadmask.white {
      border: 1px solid #fff; }

@-webkit-keyframes shakeCentre {
  0% {
    transform: translate(-50%, -50%); }
  25% {
    transform: translate(-48%, -50%); }
  50% {
    transform: translate(-52%, -50%); }
  75% {
    transform: translate(-48%, -50%); }
  100% {
    transform: translate(-50%, -50%); } }

@keyframes shakeCentre {
  0% {
    transform: translate(-50%, -50%); }
  25% {
    transform: translate(-48%, -50%); }
  50% {
    transform: translate(-52%, -50%); }
  75% {
    transform: translate(-48%, -50%); }
  100% {
    transform: translate(-50%, -50%); } }

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    top: 40%; }
  100% {
    opacity: 1;
    top: 50%; } }

@keyframes slideIn {
  0% {
    opacity: 0;
    top: 40%; }
  100% {
    opacity: 1;
    top: 50%; } }

@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    top: 50%; }
  100% {
    opacity: 0;
    top: 40%; } }

@keyframes slideOut {
  0% {
    opacity: 1;
    top: 50%; }
  100% {
    opacity: 0;
    top: 40%; } }

/*

	CONFIRMATION

*/
#confirmOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000; }
  #confirmOverlay #confirmBox {
    width: calc(100% - 32px);
    font-size: 12px;
    background: #fff;
    z-index: 10000;
    position: absolute;
    top: 12px;
    left: 12px;
    position: fixed;
    transform: translate(0, 0);
    max-height: 100vh;
    font-family: "Roboto", arial, sans-serif; }
    @media (pointer: coarse) {
      #confirmOverlay #confirmBox {
        top: 16px;
        left: 16px; } }
    @media (min-width: 768px) {
      #confirmOverlay #confirmBox {
        width: 744px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        -webkit-font-smoothing: subpixel-antialiased; } }
  @media (min-width: 768px) and (pointer: coarse) {
    #confirmOverlay #confirmBox {
      width: 736px;
      top: 16px;
      left: 50%;
      transform: translate(-50%, 0);
      background: #fff;
      -webkit-font-smoothing: subpixel-antialiased; } }
    @media (max-width: 767px) {
      #confirmOverlay #confirmBox {
        width: calc(100% - 24px) !important; } }
  @media (max-width: 767px) and (pointer: coarse) {
    #confirmOverlay #confirmBox {
      width: calc(100% - 32px) !important; } }
    #confirmOverlay #confirmBox h1 {
      white-space: nowrap;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      background: #96bf36;
      text-indent: 10px;
      padding: 12px 30px 8px 0;
      min-height: 40px; }
    #confirmOverlay #confirmBox p {
      padding: 10px; }
    #confirmOverlay #confirmBox #confirmButtons {
      padding: 10px 10px 0 10px;
      text-align: center;
      background-color: #eee;
      border: 1px solid #d7d7d7; }
    #confirmOverlay #confirmBox .button {
      margin-bottom: 0; }
      #confirmOverlay #confirmBox .button:last-child {
        margin-right: 0; }

/*

	FILE UPLOADER

*/
#fileselect {
  clear: both;
  margin-bottom: 15px; }

#FileUpload1 {
  height: 24px; }

.dd_captcha span {
  padding-top: 22px;
  display: inline-block; }

#captcha_holder {
  background: url(../images/loading_16x16.gif) no-repeat center center #eee;
  float: left;
  border-radius: 3px;
  margin-right: 10px;
  width: 190px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #bbb; }

#uploadloading {
  float: left;
  clear: both;
  width: 740px;
  text-align: center;
  padding: 20px 0;
  background: #f6f6f6;
  border-radius: 10px;
  display: none;
  border: 1px solid #ccc; }

#uploadloading h2 {
  margin: 0;
  background: url(../images/loading_16x16.gif) no-repeat left center;
  text-indent: 30px;
  display: inline-block; }

#uploadloading #progress_bar {
  text-align: left; }

#progress_bar {
  position: relative;
  width: 200px;
  left: 50%;
  margin: 10px 0 10px -100px;
  padding: 3px;
  border: 1px solid #bbb;
  font-size: 14px;
  clear: both;
  xopacity: 0;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  background: #fff;
  border-radius: 5px; }

#progress_bar h4 {
  font-size: 11px;
  margin: 0 0 4px 1px; }

#progress_bar.loading {
  opacity: 1; }

#progress_bar .percent {
  background-color: #c1dc88;
  height: auto;
  width: 0;
  white-space: nowrap;
  color: #46591d;
  text-indent: 5px;
  border-radius: 4px;
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 rgba(0, 0, 0, 0.3) inset, 2px 2px 0 rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.15) inset;
  color: #546B23;
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0; }

.catrep {
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 500;
  margin: 0 10px 8px 0;
  float: left; }

.catrep.rep1 {
  background: #c23a3a; }

.catrep.rep2 {
  background: #f9954b; }

.catrep.rep3 {
  background: #d9cb32; }

.catrep.rep4 {
  background: #93be65; }

.catrep.rep5 {
  background: #5f8e2c; }

/*

    ALERTS

*/
p.error, p.info, p.warning {
  background-color: #eadc8d;
  border: 1px solid #e2cf62;
  color: #907f1b;
  padding: 10px 8px 8px 31px;
  margin: 0 0 12px;
  width: 100%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  line-height: 1.4em; }
  @media (pointer: coarse) {
    p.error, p.info, p.warning {
      margin: 0 0 16px; } }

p.error {
  color: #907f1b !important; }

p.info.amber {
  background-color: #eadc8d;
  border: 1px solid #e2cf62;
  color: #907f1b; }

p.info.orange, p.info.amber.orange {
  background-color: #f2d8b5;
  border: 1px solid #eac28a;
  color: #b97922; }

p.info.success {
  background-color: #d3dfb8;
  border: 1px solid #bdd094 !important;
  color: #748d3e !important; }

p.info.error, p.info.red {
  background-color: #ecc1b8 !important;
  border-color: #e19d90 !important;
  color: #aa422e !important; }

p.info.grey {
  background-color: #999;
  border-color: #807f7f;
  color: #ffffff; }

p.info strong {
  font-weight: 500; }

p.info a[target="_blank"] {
  color: #257793; }
  p.info a[target="_blank"]:after {
    font-family: "LineAwesome";
    content: "";
    font-size: 12px; }

p.warning {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }

.intro {
  box-sizing: border-box;
  float: left;
  width: 100%;
  display: block;
  background: #eee;
  padding: 12px; }
  @media (pointer: coarse) {
    .intro {
      padding: 16px; } }
  .intro .button, .intro #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .intro .button {
    margin: 5px 12px 5px 0px; }
    @media (pointer: coarse) {
      .intro .button, .intro #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .intro .button {
        margin: 5px 16px 5px 0px; } }
    @media (min-width: 768px) {
      .intro .button, .intro #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .intro .button {
        display: inline;
        width: auto; } }

p.error.separate {
  margin: 3px 0 1px !important;
  border-radius: 0; }

dl p.error {
  color: #907f1b !important;
  margin: 1px -1px -1px;
  text-indent: 0px;
  width: auto;
  line-height: 15px !important; }

.closex {
  background: #93b1c1;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 18px;
  line-height: 16px !important;
  margin-top: -9px;
  position: absolute;
  right: 9px;
  text-align: center;
  text-indent: 0;
  top: 50%;
  width: 18px; }

.closex:hover {
  background: #88a5b6; }

p.info {
  background-color: #c6e6f1;
  border: 1px solid #9ed4e7;
  color: #2f98bc;
  width: auto; }

p.info.fullwidth {
  width: 100%;
  white-space: normal;
  text-indent: 0px;
  margin: 0 0 12px; }
  @media (pointer: coarse) {
    p.info.fullwidth {
      margin: 0 0 16px; } }

.confirmpopup p.fullwidth {
  margin: 0 0 5px;
  font-size: 12px !important;
  padding: 7px 0 6px; }

.confirmpopup p.fullwidth.confirmerror {
  margin: 0 0 10px; }

p.fullwidth .button, p.fullwidth #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox p.fullwidth .button {
  text-indent: 0;
  margin: -5px 0 -5px 6px;
  font-size: 11px;
  padding: 3px 7px; }

p.info:only-child {
  margin-bottom: 0; }

.wrjs_modal .tabcontent .inner p.info:first-child:last-child {
  margin: 0 0 7px !important; }

p.info strong.block {
  display: block;
  margin: 0 0 2px; }

p.wordwrap {
  overflow: auto !important;
  white-space: normal;
  text-indent: 0px;
  padding-left: 30px;
  background-position: 7px 7px;
  margin: 0 0 10px; }

.error.alerterrormargin {
  margin: 0 0 -10px !important;
  position: relative;
  top: -10px; }

.customerinfo .row .loading {
  width: 100%;
  display: inline-block;
  line-height: inherit; }

.customerinfo .row dl dd .loading {
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 11px; }

.confirmpopup .inner dl.rowwed {
  margin-bottom: 6px; }

#form_template dl.rowwed {
  margin-bottom: 6px; }

#form_template .button, #form_template #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox #form_template .button {
  margin: 5px 8px 5px 0; }

div.info {
  background: url(../../images/icon_info_24.png) no-repeat 9px 8px #DAE8F0;
  border-radius: 3px;
  float: left;
  margin: 5px 0;
  width: 100%;
  border: 1px solid #b1c3cd;
  padding: 8px 0 0px;
  color: #517698; }

.calc_true div.info {
  width: calc(100% - 2px); }

div.info span {
  float: left;
  margin: 0 10px 0 40px; }

div.info span p {
  margin: 0 0 8px;
  color: #517698 !important;
  font-size: 11px !important; }

div.info span strong {
  display: block;
  margin: 0 0 4px;
  font-size: 12px; }

div.info * {
  white-space: normal; }

div.info.error {
  background: url(../../images/icon_warning_triangle.png) no-repeat 8px 7px #CCB012;
  border: 1px solid #b59c10;
  color: #6e5f0a; }

div.info.error span {
  margin-left: 32px;
  font-size: 12px; }

div.info.error span p {
  color: #6e5f0a !important; }

dd textarea#emails {
  height: 100px; }

div.info.error.invalidemails {
  margin: 5px 0 8px; }

.calc_true div.info.error.invalidemails {
  width: calc(100% - 8px); }

div.info.error.invalidemails * {
  font-size: 11px;
  line-height: 1.4em; }

div.info.error.invalidemails .bullets {
  margin: 0 0 12px; }

div.info.error.invalidemails .bullets li {
  margin: 0 0 0 12px; }
  @media (pointer: coarse) {
    div.info.error.invalidemails .bullets li {
      margin: 0 0 0 16px; } }

.icon_right input,
.icon_right textarea,
.icon_right select {
  width: auto; }

.helpicon {
  background: none repeat scroll 0 0 #72AFE8;
  border: 1px solid #5191CC;
  border-radius: 15px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 10px 5px rgba(255, 255, 255, 0.2) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 11px;
  font-weight: bold !important;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  padding: 0;
  position: relative;
  right: 2px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  top: 6px;
  width: 15px !important; }

.manualimport .helpicon {
  top: 6px;
  right: 6px; }

dl.striped dd:nth-child(4n-2) .helpicon {
  right: 8px; }

.helpicon.abs {
  position: absolute;
  right: 12px;
  top: 52px; }

#tab_adminpermissions2 .helpicon.abs {
  top: 54px;
  right: 20px;
  border: 1px solid #666; }

.fancytooltip {
  position: absolute;
  z-index: 999999;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 10px 10px 0;
  max-width: 400px;
  border: 2px solid #bbb; }

dl dd span.hidetz, #xtzall {
  width: 94%;
  margin-right: 1%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px; }

#xtzall {
  height: auto;
  width: 85%;
  margin-right: 0; }

.savetz, .canceltz {
  position: relative;
  top: 3px;
  cursor: pointer;
  margin: 0 0 0 5px; }

.edittz {
  cursor: pointer;
  position: relative;
  top: 5px;
  right: 3px;
  margin: 0; }

.hidetz {
  margin-bottom: -10px;
  position: relative;
  top: -5px; }

.tabcontent dl.striped dd.inline label {
  margin-right: 10px; }

#tzwrapper, .currentuseronly {
  display: none; }

dl dt em {
  color: #888; }

.compact dl.striped {
  margin: 0 0 12px !important; }
  @media (pointer: coarse) {
    .compact dl.striped {
      margin: 0 0 16px !important; } }

.compact p {
  margin: 0 0 10px !important; }

/*

	LOADER

*/
.loader, .loader:before, .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.5s infinite ease-in-out;
  animation: load7 1.5s infinite ease-in-out; }

.loader {
  color: #96bf36;
  font-size: 10px;
  margin: 10px auto 0;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before, .loader:after {
  content: '';
  position: absolute;
  top: 0; }

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 3.5em; }

.loader-container {
  margin: auto;
  width: 150px;
  height: 150px; }
  @media (min-width: 768px) {
    .loader-container {
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  @media (min-width: 768px) and (max-height: 364px) {
    .loader-container {
      position: relative; } }
  .loader-container .loader, .loader-container .loader:before, .loader-container .loader:after {
    height: 1.5em;
    width: 1.5em; }
  .loader-container .loader:before {
    left: -2.5em; }
  .loader-container .loader:after {
    left: 2.5em; }

.box .loader-container,
td .loader-container,
.dashinner .loader-container,
.form-row .loader-container {
  position: relative;
  margin: auto; }
  .box .loader-container .loader,
  td .loader-container .loader,
  .dashinner .loader-container .loader,
  .form-row .loader-container .loader {
    color: #bfbfbf; }

.dashinner .loader-container {
  height: 50px;
  top: 22px; }

.dashbox .dashinner:not(.loading) .loader-container {
  display: none; }

.noresults .box .dashinner .loader-container {
  top: -10px; }

dl.rowwed .mockinput.loader-container, .mockinput.loader-container {
  height: 30px;
  padding: 0; }
  dl.rowwed .mockinput.loader-container .loader, .mockinput.loader-container .loader {
    margin: -14px auto 0; }
  dl.rowwed .mockinput.loader-container .loader, dl.rowwed .mockinput.loader-container .loader:before, dl.rowwed .mockinput.loader-container .loader:after, .mockinput.loader-container .loader, .mockinput.loader-container .loader:before, .mockinput.loader-container .loader:after {
    height: 1em;
    width: 1em; }
  @media (pointer: coarse) {
    dl.rowwed .mockinput.loader-container, .mockinput.loader-container {
      height: 38px; }
      dl.rowwed .mockinput.loader-container .loader, .mockinput.loader-container .loader {
        margin: -11px auto 0; } }
  dl.rowwed .mockinput.loader-container + input, .mockinput.loader-container + input {
    display: none; }

td .loader-container, .summary-bar-content.loading .loader-container {
  height: 13px;
  top: -30px; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

/*

	LOADING

*/
.loading {
  background: url(../../images/loading_16x16.gif) no-repeat scroll 16px center #eee;
  background-size: 16px 5px;
  font-weight: 500;
  padding: 10px 0;
  text-indent: 44px;
  border: 1px solid #d7d7d7; }

table td p.loading {
  margin: 0;
  padding: 8px 0; }

.spinner_16 {
  height: 10px;
  width: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
  background: url(../../images/loading_16x16.gif) no-repeat left center transparent;
  background-size: 16px 5px; }

.loadinggif {
  background: url(../../images/loading_70x70.gif) no-repeat center center;
  min-height: 70px; }

/*

	LOADING MASKS

*/
.invisimask {
  background: transparent;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 9999; }

.loadmask {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  -moz-opacity: 0.3;
  opacity: .30;
  filter: alpha(opacity=30);
  background-color: #000;
  width: 100%;
  height: 100%;
  zoom: 1;
  cursor: wait;
  will-change: opacity; }
  .loadmask.white {
    background-color: #fff; }

.loadmask-msg {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 5px;
  background: #eee;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  will-change: top, left, opacity;
  color: #555;
  padding: 12px 12px 12px 44px;
  cursor: wait;
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  font-weight: 500; }
  @media (pointer: coarse) {
    .loadmask-msg {
      padding: 16px 16px 16px 52px; } }
  .loadmask-msg .loadmask-spinner {
    display: inline-block;
    position: absolute;
    z-index: 2000;
    top: 7px;
    left: 12px;
    width: 22px;
    height: 22px;
    border: solid 2px transparent;
    border-top-color: #bfbfbf;
    border-left-color: #bfbfbf;
    border-radius: 22px;
    -webkit-animation: wrjs-spinner 450ms linear infinite;
    animation: wrjs-spinner 450ms linear infinite; }
    @media (pointer: coarse) {
      .loadmask-msg .loadmask-spinner {
        top: 11px;
        left: 16px; } }

@-webkit-keyframes wrjs-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes wrjs-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes wrjs-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

.masked {
  overflow: hidden !important;
  min-height: 50px; }

.masked-hidden {
  visibility: hidden !important; }

/* MAKE THE MASKING OF POPUP BOXES PRETTIER - NO MORE JAGGY EDGES ON ROUNDED CORNERS */
.confirmpopup.masked {
  overflow: visible !important; }

.confirmpopup .loadmask {
  border: 1px solid #222;
  border-radius: 10px;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px); }

/*

	LOGIN

*/
#page_default,
#page_registration,
#page_register,
#page_regconfirm {
  float: left;
  width: 100%; }
  #page_default, #page_default:not(#page_gsm),
  #page_registration,
  #page_registration:not(#page_gsm),
  #page_register,
  #page_register:not(#page_gsm),
  #page_regconfirm,
  #page_regconfirm:not(#page_gsm) {
    position: relative; }
  #page_default #contentarea,
  #page_registration #contentarea,
  #page_register #contentarea,
  #page_regconfirm #contentarea {
    width: 600px;
    margin: 0 auto; }
    @media (max-width: 650px) {
      #page_default #contentarea,
      #page_registration #contentarea,
      #page_register #contentarea,
      #page_regconfirm #contentarea {
        width: calc(100% - 12px); } }
    #page_default #contentarea .tabpanel_login,
    #page_registration #contentarea .tabpanel_login,
    #page_register #contentarea .tabpanel_login,
    #page_regconfirm #contentarea .tabpanel_login {
      margin-bottom: 12px;
      width: 100%; }
      @media (pointer: coarse) {
        #page_default #contentarea .tabpanel_login,
        #page_registration #contentarea .tabpanel_login,
        #page_register #contentarea .tabpanel_login,
        #page_regconfirm #contentarea .tabpanel_login {
          margin-bottom: 16px; } }
      #page_default #contentarea .tabpanel_login .tabs-container,
      #page_registration #contentarea .tabpanel_login .tabs-container,
      #page_register #contentarea .tabpanel_login .tabs-container,
      #page_regconfirm #contentarea .tabpanel_login .tabs-container {
        position: relative;
        left: 0;
        background-color: transparent;
        overflow: auto !important;
        overflow-y: auto !important;
        border: 0;
        box-shadow: 0 1px 6px #d6d6d6;
        border-radius: 7px; }
        #page_default #contentarea .tabpanel_login .tabs-container .tabs,
        #page_registration #contentarea .tabpanel_login .tabs-container .tabs,
        #page_register #contentarea .tabpanel_login .tabs-container .tabs,
        #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs {
          background: transparent;
          margin: 0 auto;
          padding: 0;
          width: 100%; }
          #page_default #contentarea .tabpanel_login .tabs-container .tabs li,
          #page_registration #contentarea .tabpanel_login .tabs-container .tabs li,
          #page_register #contentarea .tabpanel_login .tabs-container .tabs li,
          #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li {
            font-size: 12px;
            text-align: center;
            float: left;
            position: static;
            margin: 0; }
            #page_default #contentarea .tabpanel_login .tabs-container .tabs li a,
            #page_registration #contentarea .tabpanel_login .tabs-container .tabs li a,
            #page_register #contentarea .tabpanel_login .tabs-container .tabs li a,
            #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li a {
              font-size: 13px;
              padding: 0 12px;
              font-weight: 500;
              line-height: 38px;
              color: #666;
              background: #fff;
              border: 1px solid #d1d1d1;
              border-left-width: 0; }
              @media (pointer: coarse) {
                #page_default #contentarea .tabpanel_login .tabs-container .tabs li a,
                #page_registration #contentarea .tabpanel_login .tabs-container .tabs li a,
                #page_register #contentarea .tabpanel_login .tabs-container .tabs li a,
                #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li a {
                  padding: 0 16px; } }
              #page_default #contentarea .tabpanel_login .tabs-container .tabs li a:hover,
              #page_registration #contentarea .tabpanel_login .tabs-container .tabs li a:hover,
              #page_register #contentarea .tabpanel_login .tabs-container .tabs li a:hover,
              #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li a:hover {
                background-color: #f1f5e7;
                color: #799c2f; }
            #page_default #contentarea .tabpanel_login .tabs-container .tabs li.selected a, #page_default #contentarea .tabpanel_login .tabs-container .tabs li.selected a:hover,
            #page_registration #contentarea .tabpanel_login .tabs-container .tabs li.selected a,
            #page_registration #contentarea .tabpanel_login .tabs-container .tabs li.selected a:hover,
            #page_register #contentarea .tabpanel_login .tabs-container .tabs li.selected a,
            #page_register #contentarea .tabpanel_login .tabs-container .tabs li.selected a:hover,
            #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li.selected a,
            #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li.selected a:hover {
              background-color: #96bf36;
              border-color: #86ab30;
              color: #fff;
              z-index: 9;
              position: relative;
              box-shadow: -1px 0 0 #86ab30; }
            #page_default #contentarea .tabpanel_login .tabs-container .tabs li:first-of-type a,
            #page_registration #contentarea .tabpanel_login .tabs-container .tabs li:first-of-type a,
            #page_register #contentarea .tabpanel_login .tabs-container .tabs li:first-of-type a,
            #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li:first-of-type a {
              border-radius: 7px 0 0 7px;
              border-left-width: 1px;
              box-shadow: none; }
            #page_default #contentarea .tabpanel_login .tabs-container .tabs li:last-of-type a,
            #page_registration #contentarea .tabpanel_login .tabs-container .tabs li:last-of-type a,
            #page_register #contentarea .tabpanel_login .tabs-container .tabs li:last-of-type a,
            #page_regconfirm #contentarea .tabpanel_login .tabs-container .tabs li:last-of-type a {
              border-radius: 0px 7px 7px 0px; }
    #page_default #contentarea .box,
    #page_registration #contentarea .box,
    #page_register #contentarea .box,
    #page_regconfirm #contentarea .box {
      width: 100%;
      display: inline-block; }
      #page_default #contentarea .box h1,
      #page_registration #contentarea .box h1,
      #page_register #contentarea .box h1,
      #page_regconfirm #contentarea .box h1 {
        padding: 0 12px; }
        @media (pointer: coarse) {
          #page_default #contentarea .box h1,
          #page_registration #contentarea .box h1,
          #page_register #contentarea .box h1,
          #page_regconfirm #contentarea .box h1 {
            padding: 0 16px; } }
      #page_default #contentarea .box .inner,
      #page_registration #contentarea .box .inner,
      #page_register #contentarea .box .inner,
      #page_regconfirm #contentarea .box .inner {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 12px; }
        @media (pointer: coarse) {
          #page_default #contentarea .box .inner,
          #page_registration #contentarea .box .inner,
          #page_register #contentarea .box .inner,
          #page_regconfirm #contentarea .box .inner {
            padding: 16px; } }
      #page_default #contentarea .box .button,
      #page_registration #contentarea .box .button,
      #page_register #contentarea .box .button,
      #page_regconfirm #contentarea .box .button {
        display: inline-block;
        font-size: 13px; }
        @media (max-width: 767px) {
          #page_default #contentarea .box .button,
          #page_registration #contentarea .box .button,
          #page_register #contentarea .box .button,
          #page_regconfirm #contentarea .box .button {
            width: 100%;
            text-align: center; } }
    #page_default #contentarea .loginlinks,
    #page_registration #contentarea .loginlinks,
    #page_register #contentarea .loginlinks,
    #page_regconfirm #contentarea .loginlinks {
      margin: 12px 0 0;
      text-align: center;
      width: 100%; }
      #page_default #contentarea .loginlinks li,
      #page_registration #contentarea .loginlinks li,
      #page_register #contentarea .loginlinks li,
      #page_regconfirm #contentarea .loginlinks li {
        display: block;
        margin: 0 0 12px 0; }
        @media (pointer: coarse) {
          #page_default #contentarea .loginlinks li,
          #page_registration #contentarea .loginlinks li,
          #page_register #contentarea .loginlinks li,
          #page_regconfirm #contentarea .loginlinks li {
            margin: 0 0 16px 0; } }
        @media (min-width: 523px) {
          #page_default #contentarea .loginlinks li,
          #page_registration #contentarea .loginlinks li,
          #page_register #contentarea .loginlinks li,
          #page_regconfirm #contentarea .loginlinks li {
            display: inline-block;
            margin: 0 20px 0 0; }
            #page_default #contentarea .loginlinks li:last-of-type,
            #page_registration #contentarea .loginlinks li:last-of-type,
            #page_register #contentarea .loginlinks li:last-of-type,
            #page_regconfirm #contentarea .loginlinks li:last-of-type {
              margin-right: 0; } }
        #page_default #contentarea .loginlinks li a,
        #page_registration #contentarea .loginlinks li a,
        #page_register #contentarea .loginlinks li a,
        #page_regconfirm #contentarea .loginlinks li a {
          color: #96bf36; }
    #page_default #contentarea #dropwrapper,
    #page_registration #contentarea #dropwrapper,
    #page_register #contentarea #dropwrapper,
    #page_regconfirm #contentarea #dropwrapper {
      text-align: center;
      margin-top: 23px; }
      #page_default #contentarea #dropwrapper #langdrop,
      #page_registration #contentarea #dropwrapper #langdrop,
      #page_register #contentarea #dropwrapper #langdrop,
      #page_regconfirm #contentarea #dropwrapper #langdrop {
        font-family: "Roboto", arial, sans-serif;
        font-size: 12px;
        background-color: #fff;
        color: #888;
        height: 30px;
        border: 1px solid #d7d7d7;
        padding-left: 5px; }
        #page_default #contentarea #dropwrapper #langdrop option,
        #page_registration #contentarea #dropwrapper #langdrop option,
        #page_register #contentarea #dropwrapper #langdrop option,
        #page_regconfirm #contentarea #dropwrapper #langdrop option {
          padding: 6px; }
      #page_default #contentarea #dropwrapper form,
      #page_registration #contentarea #dropwrapper form,
      #page_register #contentarea #dropwrapper form,
      #page_regconfirm #contentarea #dropwrapper form {
        position: relative; }
        #page_default #contentarea #dropwrapper form:before,
        #page_registration #contentarea #dropwrapper form:before,
        #page_register #contentarea #dropwrapper form:before,
        #page_regconfirm #contentarea #dropwrapper form:before {
          content: "\f219";
          display: inline-block;
          float: left;
          font-size: 23px;
          height: 100%;
          position: absolute;
          top: 50%;
          transform: translate(-110%, -50%);
          width: 30px;
          line-height: 30px;
          color: #c8c8c8;
          font-family: "LineAwesome"; }
          @media (-ms-high-contrast: none) {
            #page_default #contentarea #dropwrapper form:before,
            #page_registration #contentarea #dropwrapper form:before,
            #page_register #contentarea #dropwrapper form:before,
            #page_regconfirm #contentarea #dropwrapper form:before {
              position: relative;
              float: none;
              transform: none;
              top: 4px; } }
  #page_default .global-nav-header,
  #page_registration .global-nav-header,
  #page_register .global-nav-header,
  #page_regconfirm .global-nav-header {
    position: static;
    background-color: transparent;
    height: auto;
    line-height: auto;
    box-shadow: none; }
    #page_default .global-nav-header .global-nav-logo,
    #page_registration .global-nav-header .global-nav-logo,
    #page_register .global-nav-header .global-nav-logo,
    #page_regconfirm .global-nav-header .global-nav-logo {
      margin: 25px 0 15px;
      width: 100%;
      float: none;
      height: 70px;
      background-position: center center;
      background-size: contain; }
      @media (max-width: 400px) {
        #page_default .global-nav-header .global-nav-logo,
        #page_registration .global-nav-header .global-nav-logo,
        #page_register .global-nav-header .global-nav-logo,
        #page_regconfirm .global-nav-header .global-nav-logo {
          height: 55px; } }
      @media (pointer: coarse) {
        #page_default .global-nav-header .global-nav-logo,
        #page_registration .global-nav-header .global-nav-logo,
        #page_register .global-nav-header .global-nav-logo,
        #page_regconfirm .global-nav-header .global-nav-logo {
          margin: 16px 0 16px; } }
  #page_default #innerwrapper,
  #page_registration #innerwrapper,
  #page_register #innerwrapper,
  #page_regconfirm #innerwrapper {
    position: static;
    padding: 0 12px;
    float: none; }
    @media (pointer: coarse) {
      #page_default #innerwrapper,
      #page_registration #innerwrapper,
      #page_register #innerwrapper,
      #page_regconfirm #innerwrapper {
        padding: 0 16px; } }
  #page_default .password-toggle,
  #page_registration .password-toggle,
  #page_register .password-toggle,
  #page_regconfirm .password-toggle {
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 22px;
    color: #00a7e1;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    z-index: 2; }
    @media (pointer: coarse) {
      #page_default .password-toggle,
      #page_registration .password-toggle,
      #page_register .password-toggle,
      #page_regconfirm .password-toggle {
        display: block; } }
  #page_default .wrjs_form dl.rowwed,
  #page_registration .wrjs_form dl.rowwed,
  #page_register .wrjs_form dl.rowwed,
  #page_regconfirm .wrjs_form dl.rowwed {
    margin-bottom: 5px; }
    #page_default .wrjs_form dl.rowwed label,
    #page_registration .wrjs_form dl.rowwed label,
    #page_register .wrjs_form dl.rowwed label,
    #page_regconfirm .wrjs_form dl.rowwed label {
      display: inline-block;
      width: 100%;
      margin-bottom: 10px; }
      #page_default .wrjs_form dl.rowwed label input,
      #page_registration .wrjs_form dl.rowwed label input,
      #page_register .wrjs_form dl.rowwed label input,
      #page_regconfirm .wrjs_form dl.rowwed label input {
        padding: 10px;
        font-size: 13px; }
        @media (pointer: coarse) {
          #page_default .wrjs_form dl.rowwed label input#Password, #page_default .wrjs_form dl.rowwed label input#password, #page_default .wrjs_form dl.rowwed label input#ConfirmPassword, #page_default .wrjs_form dl.rowwed label input#ExtraWord,
          #page_registration .wrjs_form dl.rowwed label input#Password,
          #page_registration .wrjs_form dl.rowwed label input#password,
          #page_registration .wrjs_form dl.rowwed label input#ConfirmPassword,
          #page_registration .wrjs_form dl.rowwed label input#ExtraWord,
          #page_register .wrjs_form dl.rowwed label input#Password,
          #page_register .wrjs_form dl.rowwed label input#password,
          #page_register .wrjs_form dl.rowwed label input#ConfirmPassword,
          #page_register .wrjs_form dl.rowwed label input#ExtraWord,
          #page_regconfirm .wrjs_form dl.rowwed label input#Password,
          #page_regconfirm .wrjs_form dl.rowwed label input#password,
          #page_regconfirm .wrjs_form dl.rowwed label input#ConfirmPassword,
          #page_regconfirm .wrjs_form dl.rowwed label input#ExtraWord {
            padding-right: 40px; } }
  #page_default .forgotpasswordx,
  #page_registration .forgotpasswordx,
  #page_register .forgotpasswordx,
  #page_regconfirm .forgotpasswordx {
    clear: both;
    display: inline-block;
    padding: 0;
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #96bf36; }
  #page_default .button-login, #page_default .header-account, #page_default #helplink,
  #page_registration .button-login,
  #page_registration .header-account,
  #page_registration #helplink,
  #page_register .button-login,
  #page_register .header-account,
  #page_register #helplink,
  #page_regconfirm .button-login,
  #page_regconfirm .header-account,
  #page_regconfirm #helplink {
    display: none; }
  #page_default input[name="Logon"],
  #page_registration input[name="Logon"],
  #page_register input[name="Logon"],
  #page_regconfirm input[name="Logon"] {
    display: inline-block;
    clear: both; }
  #page_default .global-nav-footer,
  #page_registration .global-nav-footer,
  #page_register .global-nav-footer,
  #page_regconfirm .global-nav-footer {
    display: block;
    background-color: transparent;
    position: static;
    float: left;
    margin: 12px 0 0 0; }
    @media (pointer: coarse) {
      #page_default .global-nav-footer,
      #page_registration .global-nav-footer,
      #page_register .global-nav-footer,
      #page_regconfirm .global-nav-footer {
        margin: 16px 0 0 0; } }
    #page_default .global-nav-footer a,
    #page_registration .global-nav-footer a,
    #page_register .global-nav-footer a,
    #page_regconfirm .global-nav-footer a {
      display: block; }
      #page_default .global-nav-footer a:last-of-type,
      #page_registration .global-nav-footer a:last-of-type,
      #page_register .global-nav-footer a:last-of-type,
      #page_regconfirm .global-nav-footer a:last-of-type {
        margin-bottom: 8px; }
        @media (pointer: coarse) {
          #page_default .global-nav-footer a:last-of-type,
          #page_registration .global-nav-footer a:last-of-type,
          #page_register .global-nav-footer a:last-of-type,
          #page_regconfirm .global-nav-footer a:last-of-type {
            margin-bottom: 10px; } }
      @media (min-width: 523px) {
        #page_default .global-nav-footer a,
        #page_registration .global-nav-footer a,
        #page_register .global-nav-footer a,
        #page_regconfirm .global-nav-footer a {
          display: inline; }
          #page_default .global-nav-footer a:last-of-type,
          #page_registration .global-nav-footer a:last-of-type,
          #page_register .global-nav-footer a:last-of-type,
          #page_regconfirm .global-nav-footer a:last-of-type {
            margin-bottom: 0; } }
  @media (min-width: 600px) {
    #page_default .loginlinks,
    #page_registration .loginlinks,
    #page_register .loginlinks,
    #page_regconfirm .loginlinks {
      margin-top: 25px; }
    #page_default .box,
    #page_registration .box,
    #page_register .box,
    #page_regconfirm .box {
      border: 1px solid #d7d7d7; } }
  @media (min-width: 768px) {
    #page_default dl.rowwed dt, #page_default dl.rowwed dd,
    #page_registration dl.rowwed dt,
    #page_registration dl.rowwed dd,
    #page_register dl.rowwed dt,
    #page_register dl.rowwed dd,
    #page_regconfirm dl.rowwed dt,
    #page_regconfirm dl.rowwed dd {
      width: 100%; }
    #page_default dl.rowwed dt,
    #page_registration dl.rowwed dt,
    #page_register dl.rowwed dt,
    #page_regconfirm dl.rowwed dt {
      margin: 0;
      text-align: left; }
    #page_default .forgotpasswordx,
    #page_registration .forgotpasswordx,
    #page_register .forgotpasswordx,
    #page_regconfirm .forgotpasswordx {
      padding: 0; } }

@media (max-width: 767px) {
  #page_forgotpassword input[name="fpassword"], #page_forgotpassword input[name="fsecuritycode"] {
    display: block;
    width: 100%; }
  #page_forgotpassword input[name="fpassword"] {
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  #page_forgotpassword dd {
    margin-bottom: 10px; } }

#page_langtran .content {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 10px; }

/*

	REGISTRATION

*/
#page_registration .box .inner {
  margin-bottom: 10px; }

#page_registration .box + .box {
  border: 1px solid #d7d7d7;
  border-left: 0;
  border-right: 0; }
  @media (min-width: 600px) {
    #page_registration .box + .box {
      border: 1px solid #d7d7d7; } }

#page_registration .box + .box, #page_registration .box + .info {
  margin-top: 12px; }
  @media (pointer: coarse) {
    #page_registration .box + .box, #page_registration .box + .info {
      margin-top: 16px; } }

@media (max-width: 599px) {
  #page_registration .box + .info {
    border-right: 0;
    border-left: 0; } }

#page_registration #Register {
  width: 100%;
  margin: 10px 0 0; }
  @media (max-width: 767px) {
    #page_registration #Register {
      margin: 20px 0 0; } }

#page_registration #dterms:not(.hidden) {
  display: block;
  margin-bottom: 0; }

.ui-tooltip {
  z-index: 99999; }

#signupform, #signupform * {
  box-sizing: border-box; }

.registrationbox {
  float: left;
  margin: 0; }

.registrationbox dl {
  float: left;
  clear: both;
  width: 100%; }

.registrationbox dt, .registrationbox dd {
  float: left;
  width: 100%; }

.registrationbox .star {
  display: none; }

.registrationbox dt {
  width: 40%;
  margin: 0 0 5px; }

.registrationbox dd {
  width: 60%; }

.registrationbox dd input[type="text"],
.registrationbox dd input[type="tel"],
.registrationbox dd input[type="email"],
.registrationbox dd input[type="password"],
.registrationbox dd select {
  padding: 8px;
  background: #f6f6f6; }

.registrationbox input#password {
  border-radius: 3px 3px 0 0; }

.whyaccount {
  float: right;
  margin: 10px 0; }
  .whyaccount h2 {
    color: #81a32c;
    background: url(../images/icon_info_green.png) no-repeat 5px center;
    padding-left: 55px;
    min-height: 40px;
    font: bold 1.6em arial, sans-serif !important;
    max-width: 320px; }
  .whyaccount p {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #444;
    margin: 0 0 12px; }
    @media (pointer: coarse) {
      .whyaccount p {
        margin: 0 0 16px; } }
  .whyaccount li {
    color: #444; }

#strength {
  width: 100%;
  z-index: 2;
  float: left;
  width: 100%;
  background: #eee;
  border-top: 1px solid #d7d7d7;
  padding: 10px 0 0;
  position: relative; }

#strength p {
  float: left;
  display: inline-block;
  width: auto;
  padding: 7px 8px 0;
  font-size: 11px; }

#strength span {
  float: left;
  display: inline-block;
  background: url(../images/uber_passwordstrength.gif) no-repeat 5px bottom;
  padding-left: 83px;
  margin: 8px 0;
  font-size: 11px;
  height: 12px;
  line-height: 12px;
  overflow: hidden; }

.password_strength_1 {
  background-position: 5px -80px !important; }

.password_strength_2 {
  background-position: 5px -60px !important; }

.password_strength_3 {
  background-position: 5px -40px !important; }

.password_strength_4 {
  background-position: 5px -20px !important; }

.password_strength_5 {
  background-position: 5px top !important; }

.formtip {
  position: absolute;
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  border-radius: 8px;
  content: attr(data-formtip);
  padding: 10px;
  background: #82a232;
  background: rgba(20, 25, 20, 0.8);
  color: #fff;
  line-height: 1.4em;
  text-align: left;
  pointer-events: none;
  display: block;
  opacity: 0;
  transition: opacity .3s, top .3s;
  width: auto;
  z-index: 9999;
  right: 0; }

.formtip.show {
  opacity: 1;
  display: block !important; }

.formtip b {
  width: 0;
  height: 0;
  border-top: 8px solid #82a232;
  border-top: 8px solid rgba(20, 25, 20, 0.8);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -8px; }

/*

	TOOLTIPS

*/
.tooltip_hover {
  position: fixed;
  padding-left: 22px;
  height: 25px;
  cursor: help;
  pointer-events: none;
  z-index: 100001;
  opacity: 0;
  display: block !important;
  left: 0;
  transition: opacity 0.5s ease-out 0s; }
  .tooltip_hover p {
    background: #666;
    color: #fff;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.4em;
    border-radius: 5px;
    max-width: 250px; }
  .tooltip_hover a {
    color: #ddd;
    font-style: italic; }
  .tooltip_hover.blue p {
    background: #245F87; }
  .tooltip_hover.blue .arrow_left {
    border-right-color: #245F87; }
  .tooltip_hover.show {
    opacity: 1;
    pointer-events: auto;
    left: auto;
    position: absolute; }
  .tooltip_hover em.smalltext {
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin: 0 0 5px; }
    .tooltip_hover em.smalltext:last-child {
      margin: 0; }
  .tooltip_hover.padded {
    cursor: default;
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    height: auto;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #d7d7d7;
    margin-left: 18px; }
    .tooltip_hover.padded.position_right {
      margin-left: 3px; }
    .tooltip_hover.padded .arrow_left {
      left: 15px;
      top: 5px; }
    .tooltip_hover.padded p {
      font-size: 12px;
      color: #333;
      background: #fff;
      padding: 8px 10px;
      line-height: normal;
      margin-bottom: 0;
      border-radius: 5px; }
    .tooltip_hover.padded .arrow_left {
      border-right: 8px solid #ddd;
      left: -7px; }
    .tooltip_hover.padded .arrow_right {
      border-left: 8px solid #ddd;
      top: 7px; }
      .tooltip_hover.padded .arrow_right:after {
        border-left-color: #eee;
        display: none; }
    .tooltip_hover.padded strong {
      background-color: #ddd;
      color: #333;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid #eee;
      display: block;
      font-weight: 500;
      left: -10px;
      top: -8px;
      margin-bottom: 4px;
      padding: 8px 10px;
      position: relative;
      width: calc(100% + 20px); }
    .tooltip_hover.padded em {
      color: #aaa; }
    .tooltip_hover.padded.blue strong {
      background: #00a7e1;
      color: #fff; }
    .tooltip_hover.padded.blue .arrow_left {
      border-right: 8px solid #00a7e1; }
    .tooltip_hover.padded.blue .arrow_right {
      border-left: 8px solid #00a7e1; }
    .tooltip_hover.padded.green strong {
      background: #60a23c;
      color: #fff; }
    .tooltip_hover.padded.green .arrow_left {
      border-right: 8px solid #60a23c; }
    .tooltip_hover.padded.green .arrow_right {
      border-left: 8px solid #60a23c; }
    .tooltip_hover.padded.amber strong {
      background: #e0952e;
      color: #fff; }
    .tooltip_hover.padded.amber .arrow_left {
      border-right: 8px solid #e0952e; }
    .tooltip_hover.padded.amber .arrow_right {
      border-left: 8px solid #e0952e; }

.tooltip_icon {
  cursor: help;
  height: 18px;
  width: 18px;
  position: relative;
  text-indent: 0;
  line-height: 1; }
  .tooltip_icon:before {
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
    font-size: 18px;
    line-height: 1 !important;
    content: "\f2cc";
    font-family: "LineAwesome"; }
  .tooltip_icon.grey {
    color: #999; }
  .tooltip_icon.warning {
    color: #E5D82E; }
  .tooltip_icon.right {
    right: 1px; }
  .tooltip_icon.image {
    text-indent: 0;
    float: left;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin: -1px 0 -10px; }
  td .tooltip_icon {
    top: 0;
    margin-left: 5px;
    margin-right: 0; }
    td .tooltip_icon.right {
      top: 0;
      margin-left: 0;
      margin-right: 0; }
  td.icon-indent .tooltip_icon {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%); }
  .tooltip_icon.icon_apionly {
    width: 16px;
    height: 16px;
    position: relative;
    text-indent: 2px;
    line-height: 14px;
    margin-right: 7px;
    margin-left: 0;
    float: left;
    color: #00a7e1; }
  .wrjs_grid th .tooltip_icon {
    top: 2px; }
    @media (max-width: 767px) {
      .wrjs_grid th .tooltip_icon {
        margin-right: 8px; } }
    @media (min-width: 768px) {
      .wrjs_grid th .tooltip_icon {
        left: -1px; } }
  .form-row dt .tooltip_icon, .tooltip_icon.absolute-right {
    position: absolute;
    right: 0;
    top: 7px;
    margin-bottom: -10px; }
    @media (pointer: coarse) {
      .form-row dt .tooltip_icon, .tooltip_icon.absolute-right {
        top: 11px; } }
  .tableheader .tooltip_icon {
    top: 2px; }
  .cannedicons .tooltip_icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .cannedicons .tooltip_icon {
        top: 70%; } }

/*

	ARROWS

*/
.arrow_left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #666;
  position: absolute;
  left: 15px;
  top: 6px; }

.arrow_right,
.arrow_right:after {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #666;
  position: absolute;
  left: auto;
  right: -6px;
  top: 6px; }

.arrow_right:after {
  border-left-color: rgba(0, 0, 0, 0.7);
  left: -7px;
  top: -7px;
  content: '';
  z-index: -1; }

.arrow_down {
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -8px; }

/*

	FORMS

*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic; }

/* STOP CHROME MAKING AUTOCOMPLETE FIELDS YELLOW */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px white inset; }

/*

	FORM WIDTHS

*/
@media (min-width: 768px) {
  .onethird {
    width: 32.3%;
    margin-right: 1.5%; }
  .twothirds {
    width: 66.2%;
    margin-right: 1.5%; }
  .exacthalf {
    width: 49.99%; }
  .tentwenty dt {
    width: 10%; }
  .tentwenty dd {
    width: 20%; }
  .thirtyseventy dt {
    width: 30%; }
  .thirtyseventy dd {
    width: 70%; }
  .fortysixty dt {
    width: 40%; }
  .fortysixty dd {
    width: 60%; }
  .fiftyfifty dt, .fiftyfifty dd {
    width: 50%; }
  .sixtyforty dt {
    width: 60%; }
  .sixtyforty dd {
    width: 40%; }
  .seventythirty dt {
    width: 70%; }
  .seventythirty dd {
    width: 30%; } }

@media (min-width: 992px) {
  .rowwed.inline dt, .is-multiselect dt {
    xwidth: auto; }
  #page_useraccess #user_permissions:not(.is-ep-admin) .rowwed .form-row:not(.is-radiogroup.inline) dt, #page_useraccess #user_permissions.is-admin .rowwed .form-row:not(.is-radiogroup.inline) dt, #tab_account_settings .rowwed .form-row:not(.is-radiogroup.inline) dt {
    width: 40%;
    text-align: left; }
  #page_useraccess #user_permissions:not(.is-ep-admin) .boxfooter, #page_useraccess #user_permissions.is-admin .boxfooter, #tab_account_settings .boxfooter {
    text-indent: 0; } }

.datafilterform {
  margin-bottom: 12px; }
  @media (pointer: coarse) {
    .datafilterform {
      margin-bottom: 16px; } }

dl.dl_vertical {
  margin: 0; }

dl.dl_vertical dt,
dl.dl_vertical dd {
  text-align: center;
  width: 100%;
  margin-bottom: 8px; }

dl.dl_vertical dt {
  font-weight: 500;
  font-size: 12px;
  background: #d7d7d7;
  padding: 6px 0;
  border-radius: 5px; }

.fieldset {
  border: 1px solid #d7d7d7;
  position: relative;
  margin-top: 30px;
  border-radius: 5px;
  margin-bottom: 12px; }
  @media (pointer: coarse) {
    .fieldset {
      margin-bottom: 16px; } }

.fieldset h1 {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: -33px; }
  @media (min-width: 768px) {
    .fieldset h1 {
      font-size: 18px; } }

.fieldset em {
  font-size: 0.9em;
  color: #999;
  font-style: normal; }

.fieldset .inner_padding {
  padding: 2px 10px 5px; }

.collapsewrap {
  width: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1;
  clear: both; }

#dregion, #dterms {
  display: none; }

/* GLOBAL NAVIGATION HOVER */
/* PALE COLORS FOR ERROR STATES AND MESSAGE BOXES */
/**************************************************************
 GLOBAL SIZING FOR FORM ELEMENTS HERE
**************************************************************/
.wrjs_form dl.rowwed .form-row dt {
  padding: 11px 0; }
  @media (min-width: 768px) {
    .wrjs_form dl.rowwed .form-row dt {
      padding: 9px 0; } }
  @media (pointer: coarse) {
    .wrjs_form dl.rowwed .form-row dt {
      padding: 11px 0; } }

.wrjs_form dl.rowwed .form-row input,
.wrjs_form dl.rowwed .form-row textarea,
.wrjs_form dl.rowwed .form-row .mockinput {
  padding: 13px 7px; }
  @media (min-width: 768px) {
    .wrjs_form dl.rowwed .form-row input,
    .wrjs_form dl.rowwed .form-row textarea,
    .wrjs_form dl.rowwed .form-row .mockinput {
      padding: 9px 7px; } }
  @media (pointer: coarse) {
    .wrjs_form dl.rowwed .form-row input,
    .wrjs_form dl.rowwed .form-row textarea,
    .wrjs_form dl.rowwed .form-row .mockinput {
      padding: 13px 7px; } }

.wrjs_form dl.rowwed .form-row .mockinput {
  min-height: 40px; }
  @media (min-width: 768px) {
    .wrjs_form dl.rowwed .form-row .mockinput {
      min-height: 30px; } }
  @media (pointer: coarse) {
    .wrjs_form dl.rowwed .form-row .mockinput {
      min-height: 40px; } }

.wrjs_form dl.rowwed .form-row select {
  height: 30px; }
  @media (pointer: coarse) {
    .wrjs_form dl.rowwed .form-row select {
      height: 40px; } }
  .wrjs_form dl.rowwed .form-row select option {
    padding: 0; }

/**************************************************************
 WRJS FORM
**************************************************************/
.wrjs_form {
  float: left;
  width: 100%; }
  .wrjs_form dl {
    width: 100%;
    float: left;
    margin: 0; }
    .wrjs_form dl dt,
    .wrjs_form dl dd {
      float: left;
      display: inline;
      position: relative;
      text-align: left; }
    .wrjs_form dl dt {
      clear: left; }
    .wrjs_form dl dd input,
    .wrjs_form dl dd textarea,
    .wrjs_form dl dd select,
    .wrjs_form dl dd div.multiselect {
      width: 100%;
      padding: 6px;
      background-color: transparent;
      border: 0;
      text-align: left;
      position: relative;
      z-index: 2; }
    .wrjs_form dl dd label {
      float: left;
      margin-right: 15px; }
    .wrjs_form dl dd input[type="checkbox"],
    .wrjs_form dl dd input[type="radio"] {
      width: auto;
      margin: 1px 8px 0 0;
      float: left; }
    .wrjs_form dl dd input[type="radio"] {
      margin-right: 4px; }
    .wrjs_form dl dd select[multiple] {
      margin: 4px 0 -4px;
      height: 200px; }
    .wrjs_form dl.tabcontent {
      margin: 0 0 12px;
      border: none; }
    .wrjs_form dl.columns dt {
      clear: none; }
    .wrjs_form dl.rowwed {
      margin: 0;
      /**************************************************************
				 FORM-ROW STYLING (LABELS OR DIV WRAPPERS FOR EACH FIELD ROW)
				**************************************************************/
      /**************************************************************
				 CHECKBOX ROWS
				**************************************************************/
      /**************************************************************
				 INLINE
				**************************************************************/
      /**************************************************************
				 THIS SECTION CONTROLS THE FORMS BEING VERTICAL INSTEAD OF LEFT/RIGHT
				**************************************************************/ }
      .wrjs_form dl.rowwed dd.inline {
        border: none;
        box-shadow: none; }
        .wrjs_form dl.rowwed dd.inline dt {
          clear: none; }
        .wrjs_form dl.rowwed dd.inline dd {
          margin-right: 8px; }
        .wrjs_form dl.rowwed dd.inline select,
        .wrjs_form dl.rowwed dd.inline input[type="text"] {
          border: 1px solid #d7d7d7; }
        .wrjs_form dl.rowwed dd.inline select {
          border-radius: 0; }
        .wrjs_form dl.rowwed dd.inline input[type="text"]:first-of-type,
        .wrjs_form dl.rowwed dd.inline select:first-of-type {
          border-left: 1px solid #d7d7d7; }
        @media (min-width: 768px) {
          .wrjs_form dl.rowwed dd.inline select,
          .wrjs_form dl.rowwed dd.inline input[type="text"]:not([style*="display: none"]):not(:first-child) {
            margin-right: -1px; } }
      .wrjs_form dl.rowwed dd label {
        margin: -1px 15px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 14px; }
      @media (min-width: 480px) {
        .wrjs_form dl.rowwed.thirds {
          display: flex; }
          .wrjs_form dl.rowwed.thirds .form-row {
            width: 33%; } }
      .wrjs_form dl.rowwed .form-row {
        position: relative;
        margin-bottom: 8px;
        float: left;
        width: 100%;
        /**************************************************************
					 DISABLED
					**************************************************************/
        /**************************************************************
					 VIEW ONLY
					**************************************************************/
        /**************************************************************
					 INVALID / ERROR STATES
					**************************************************************/
        /**************************************************************
					 NO BORDER
					**************************************************************/
        /**************************************************************
					 RADIOGROUP
					**************************************************************/ }
        .wrjs_form dl.rowwed .form-row dt,
        .wrjs_form dl.rowwed .form-row dd,
        .wrjs_form dl.rowwed .form-row dt,
        .wrjs_form dl.rowwed .form-row input,
        .wrjs_form dl.rowwed .form-row select,
        .wrjs_form dl.rowwed .form-row textarea,
        .wrjs_form dl.rowwed .form-row .mockinput {
          line-height: 1.25; }
        .wrjs_form dl.rowwed .form-row:last-child {
          margin: 0; }
        .wrjs_form dl.rowwed .form-row dt {
          font-weight: 500;
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          background: transparent; }
          .wrjs_form dl.rowwed .form-row dt.has-tooltip, .wrjs_form dl.rowwed .form-row dt.has-tooltip:hover, .wrjs_form dl.rowwed .form-row dt.has-tooltip:focus {
            overflow: visible; }
          .wrjs_form dl.rowwed .form-row dt.has-tooltip [wrjs_tooltip] {
            position: absolute;
            z-index: 3;
            right: 0;
            top: 8px;
            line-height: 0.7; }
            .wrjs_form dl.rowwed .form-row dt.has-tooltip [wrjs_tooltip]:after {
              box-shadow: none; }
          .wrjs_form dl.rowwed .form-row dt.has-tooltip {
            padding-right: 25px; }
        .wrjs_form dl.rowwed .form-row dd {
          border: 1px solid #d7d7d7; }
          .wrjs_form dl.rowwed .form-row dd.blank, .wrjs_form dl.rowwed .form-row dd.inline {
            border-color: transparent !important; }
          .wrjs_form dl.rowwed .form-row dd .mockinput {
            float: left;
            position: relative;
            z-index: 2;
            background-color: #fff;
            margin: 0;
            top: 0;
            height: auto;
            width: 100%;
            color: #666;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .wrjs_form dl.rowwed .form-row dd .mockinput.disabled {
              background-color: #f5f5f5;
              color: #777; }
            .wrjs_form dl.rowwed .form-row dd .mockinput.disabledicon {
              background-image: url(../../images/icon_grey.png);
              background-repeat: no-repeat;
              background-position: 7px center;
              text-indent: 22px; }
            .wrjs_form dl.rowwed .form-row dd .mockinput.wordwrap {
              padding: 6px !important; }
            .wrjs_form dl.rowwed .form-row dd .mockinput.flexible {
              padding: 7px 0 7px 6px;
              white-space: normal;
              text-overflow: initial; }
            .wrjs_form dl.rowwed .form-row dd .mockinput.loader-container {
              min-height: 32px; }
              .wrjs_form dl.rowwed .form-row dd .mockinput.loader-container .loader {
                margin-top: -22px; }
        .wrjs_form dl.rowwed .form-row.disabled input,
        .wrjs_form dl.rowwed .form-row.disabled textarea,
        .wrjs_form dl.rowwed .form-row.disabled select {
          background-color: #f5f5f5;
          color: #777 !important;
          cursor: not-allowed; }
        .wrjs_form dl.rowwed .form-row.viewonly dd.inline {
          border: 0; }
        .wrjs_form dl.rowwed .form-row.viewonly dd .mockinput {
          background: #f5f5f5;
          color: #777; }
        .wrjs_form dl.rowwed .form-row.fielderror dd {
          border: 1px solid #e2cf62; }
          .wrjs_form dl.rowwed .form-row.fielderror dd.inline {
            border: none; }
          .wrjs_form dl.rowwed .form-row.fielderror dd.nolabel p.error {
            border-radius: 0 0 5px 5px; }
        .wrjs_form dl.rowwed .form-row.fielderror p.error {
          width: 100%;
          margin: 0;
          border: none;
          border-top: 1px solid #e2cf62; }
        .wrjs_form dl.rowwed .form-row.fielderror ul.bullets {
          background: #eadc8d;
          margin: 0; }
          .wrjs_form dl.rowwed .form-row.fielderror ul.bullets li {
            margin-left: 40px;
            color: #907f1b;
            font-size: 11px; }
        .wrjs_form dl.rowwed .form-row.noborder dd {
          border: none; }
        .wrjs_form dl.rowwed .form-row.is-radiogroup.orientation-vertical dt {
          margin: 0; }
        .wrjs_form dl.rowwed .form-row.is-radiogroup.orientation-vertical .mockinput {
          padding: 0; }
          .wrjs_form dl.rowwed .form-row.is-radiogroup.orientation-vertical .mockinput label {
            height: auto;
            float: left;
            width: 100%;
            padding: 1px 0 7px; }
        .wrjs_form dl.rowwed .form-row.is-radiogroup dt {
          margin-bottom: -5px; }
        .wrjs_form dl.rowwed .form-row.is-radiogroup dd {
          border-color: transparent; }
          .wrjs_form dl.rowwed .form-row.is-radiogroup dd .mockinput {
            padding-left: 0;
            background: transparent; }
        .wrjs_form dl.rowwed .form-row.is-radiogroup.inline {
          margin-top: 4px;
          width: auto;
          clear: both; }
          .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dt, .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dd {
            clear: none; }
          .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dt {
            text-indent: 25px; }
            .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dt.has-tooltip {
              padding-right: 20px; }
            @media (min-width: 768px) {
              .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dt {
                text-indent: 0;
                width: auto;
                margin-left: 25px; } }
          .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dd {
            width: 25px;
            position: absolute;
            left: 0;
            z-index: 1; }
            .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dd .mockinput {
              padding-top: 6px; }
              .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dd .mockinput.disabled {
                background-color: transparent; }
              @media (pointer: coarse) {
                .wrjs_form dl.rowwed .form-row.is-radiogroup.inline dd .mockinput {
                  padding-top: 11px; } }
        .wrjs_form dl.rowwed .form-row dt {
          text-overflow: clip !important;
          white-space: normal !important;
          word-break: normal !important; }
        @media (min-width: 768px) {
          .wrjs_form dl.rowwed .form-row dd {
            margin-bottom: 0; } }
        .wrjs_form dl.rowwed .form-row dl {
          margin: 0; }
        .wrjs_form dl.rowwed .form-row input.disabled {
          background-color: #f5f5f5;
          color: #777 !important;
          cursor: not-allowed; }
        .wrjs_form dl.rowwed .form-row input[type="button"] {
          padding: 6px; }
          .wrjs_form dl.rowwed .form-row input[type="button"].disabled {
            background-color: #ccc;
            color: #666 !important;
            cursor: not-allowed; }
        .wrjs_form dl.rowwed .form-row textarea {
          display: block;
          border-radius: 0 5px 5px 0px !important; }
          .wrjs_form dl.rowwed .form-row textarea.disabled {
            background-color: #f5f5f5;
            color: #444 !important;
            cursor: not-allowed; }
        .wrjs_form dl.rowwed .form-row select.disabled {
          background-color: #f5f5f5;
          color: #777 !important;
          cursor: not-allowed; }
        .wrjs_form dl.rowwed .form-row .mockinput {
          display: block; }
      .wrjs_form dl.rowwed.checkboxrows {
        margin: 0 0 10px; }
        .wrjs_form dl.rowwed.checkboxrows,
        .wrjs_form dl.rowwed.checkboxrows dt,
        .wrjs_form dl.rowwed.checkboxrows dd,
        .wrjs_form dl.rowwed.checkboxrows .mockinput {
          float: left;
          position: relative;
          overflow: hidden; }
        .wrjs_form dl.rowwed.checkboxrows .form-row {
          margin: 0;
          display: flex; }
          .wrjs_form dl.rowwed.checkboxrows .form-row dt {
            width: 30px;
            padding: 0;
            background: #eee;
            border: 1px solid #d7d7d7;
            border-right: 0;
            margin-bottom: 0;
            text-align: center; }
            .wrjs_form dl.rowwed.checkboxrows .form-row dt .checkreplace {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%); }
          .wrjs_form dl.rowwed.checkboxrows .form-row dd {
            width: calc(100% - 30px);
            margin-bottom: 0; }
            .wrjs_form dl.rowwed.checkboxrows .form-row dd .mockinput {
              border-radius: 0; }
              .wrjs_form dl.rowwed.checkboxrows .form-row dd .mockinput .selectcount {
                color: #888;
                position: absolute;
                right: 0;
                top: 0;
                padding: 9px;
                height: 100%;
                display: inline-block;
                background: #eee;
                border-left: 1px solid #d7d7d7;
                text-align: right; }
          .wrjs_form dl.rowwed.checkboxrows .form-row.subdl {
            margin: 0 0 0 30px;
            width: calc(100% - 30px); }
            .wrjs_form dl.rowwed.checkboxrows .form-row.subdl dt,
            .wrjs_form dl.rowwed.checkboxrows .form-row.subdl dd {
              border-radius: 0px;
              border-top: 0; }
              .wrjs_form dl.rowwed.checkboxrows .form-row.subdl dt:hover,
              .wrjs_form dl.rowwed.checkboxrows .form-row.subdl dd:hover {
                text-decoration: underline; }
            .wrjs_form dl.rowwed.checkboxrows .form-row.subdl .mockinput {
              background: #eee; }
            .wrjs_form dl.rowwed.checkboxrows .form-row.subdl:hover .mockinput {
              text-decoration: underline; }
              .wrjs_form dl.rowwed.checkboxrows .form-row.subdl:hover .mockinput.disabled {
                text-decoration: none;
                cursor: default; }
        .wrjs_form dl.rowwed.checkboxrows .togglecats {
          cursor: pointer;
          padding-right: 22px !important;
          background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
          background-position: calc(100% - 12px) 50%, calc(100% - 8px) 50%;
          background-size: 4px 4px,
 4px 4px;
          background-repeat: no-repeat;
          -webkit-appearance: none;
          -moz-appearance: none; }
          .wrjs_form dl.rowwed.checkboxrows .togglecats:hover {
            text-decoration: underline; }
        .wrjs_form dl.rowwed.checkboxrows.dlexpanded .togglecats {
          background-image: linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(45deg, gray 50%, transparent 50%); }
      .wrjs_form dl.rowwed.inline .form-row {
        float: left;
        margin-right: 10px; }
        .wrjs_form dl.rowwed.inline .form-row dt,
        .wrjs_form dl.rowwed.inline .form-row dd {
          width: 100%; }
        .wrjs_form dl.rowwed.inline .form-row dt {
          padding-left: 2px; }
          .wrjs_form dl.rowwed.inline .form-row dt em {
            font-weight: normal;
            padding: 0 5px; }
        .wrjs_form dl.rowwed.inline .form-row dd {
          margin: 0; }
        .wrjs_form dl.rowwed.inline .form-row + .form-row dt,
        .wrjs_form dl.rowwed.inline .form-row + .form-row dd {
          margin-top: 0; }
        .wrjs_form dl.rowwed.inline .form-row:last-child {
          margin: 0; }
      .wrjs_form dl.rowwed.thirtyseventy .form-row dt, .wrjs_form dl.rowwed.fortysixty .form-row dt, .wrjs_form dl.rowwed.fiftyfifty .form-row dt {
        width: 100%;
        text-align: left;
        min-height: auto; }
      .wrjs_form dl.rowwed.thirtyseventy .form-row dd, .wrjs_form dl.rowwed.fortysixty .form-row dd, .wrjs_form dl.rowwed.fiftyfifty .form-row dd {
        width: 100%; }
      .wrjs_form dl.rowwed.selectall {
        /* SELECT ALL RADIOS */
        margin: 0; }
        .wrjs_form dl.rowwed.selectall label {
          color: #fff;
          font-weight: bold;
          font-size: 12px;
          text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
          cursor: pointer; }
        .wrjs_form dl.rowwed.selectall dt,
        .wrjs_form dl.rowwed.selectall dd {
          color: #fff;
          height: 31px;
          border: 1px solid #84a231;
          background: #b5cf63;
          /* Old browsers */
          background: -moz-linear-gradient(top, #b5cf63 0%, #84a231 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5cf63), color-stop(100%, #84a231));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #b5cf63 0%, #84a231 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #b5cf63 0%, #84a231 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #b5cf63 0%, #84a231 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, #b5cf63 0%, #84a231 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cf63', endColorstr='#84a231',GradientType=0 );
          /* IE6-9 */ }
        .wrjs_form dl.rowwed.selectall dt {
          border-radius: 5px 0 0 5px;
          border-right: 0; }
        .wrjs_form dl.rowwed.selectall dd {
          border-radius: 0 5px 5px 0;
          min-height: 1px; }
        .wrjs_form dl.rowwed.selectall .mockinput {
          border: none; }
        .wrjs_form dl.rowwed.selectall.hasscrollbar {
          width: calc(100% - 17px); }
      .wrjs_form dl.rowwed.radiocolumns dd label {
        width: 33.3%;
        margin: 0; }
      .wrjs_form dl.rowwed.compact,
      .wrjs_form dl.rowwed.compact dt,
      .wrjs_form dl.rowwed.compact dd,
      .wrjs_form dl.rowwed.compact .mockinput {
        border-radius: 0px;
        border-top: 0; }
      .wrjs_form dl.rowwed.compact dd {
        margin: 0; }
      .wrjs_form dl.rowwed.compact p {
        margin: 0 0 10px; }
      .wrjs_form dl.rowwed.compact.selectall dt {
        border-radius: 5px 0 0 0; }
      .wrjs_form dl.rowwed.compact.selectall dd {
        border-radius: 0 5px 0 0; }
  .wrjs_form dl.nomarginallelements .form-row dd {
    margin: 0; }
  .wrjs_form dl.nomarginallelements .form-row dt {
    margin: 0; }
  .wrjs_form#signupform {
    float: none; }

@media (min-width: 768px) {
  .rowwed.thirds .form-row {
    width: calc(33.33% - 7px); } }

.rowwed .form-row:last-child {
  margin: 0; }

.tableheader .wrjs_form {
  margin: -14px 0 -12px;
  line-height: 39px; }
  .tableheader .wrjs_form .form-row {
    text-indent: 0; }
    .tableheader .wrjs_form .form-row dt,
    .tableheader .wrjs_form .form-row dd,
    .tableheader .wrjs_form .form-row input,
    .tableheader .wrjs_form .form-row select,
    .tableheader .wrjs_form .form-row .button,
    .tableheader .wrjs_form .form-row #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox .tableheader .wrjs_form .form-row .button {
      height: 38px;
      color: #fff;
      color: rgba(255, 255, 255, 0.8); }
    .tableheader .wrjs_form .form-row select option {
      padding: 6px; }
    .tableheader .wrjs_form .form-row dd.focused {
      border: 0;
      box-shadow: none; }
    .tableheader .wrjs_form .form-row input,
    .tableheader .wrjs_form .form-row select {
      background-color: rgba(255, 255, 255, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.15); }
    .tableheader .wrjs_form .form-row.right input,
    .tableheader .wrjs_form .form-row.right select {
      border-left: 1px solid rgba(0, 0, 0, 0.15);
      border-right: 0; }
    .tableheader .wrjs_form .form-row input.wrjs_search {
      background-position: 7px 45%;
      font-size: 11px;
      padding: 0 25px 0 32px; }
    .tableheader .wrjs_form .form-row select {
      background-image: linear-gradient(45deg, transparent 50%, #6a8829 50%), linear-gradient(135deg, #6a8829 50%, transparent 50%);
      padding: 0 0 0 8px;
      line-height: 40px; }
    
    .tableheader .wrjs_form .form-row .button,
    .tableheader .wrjs_form .form-row #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox .tableheader .wrjs_form .form-row .button,
    .tableheader .wrjs_form .form-row .wrjs_search_button {
      margin: 0 !important;
      padding: 0;
      line-height: 38px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 0;
      height: 40px; }
    .tableheader .wrjs_form .form-row .wrjs_search_clear_button {
      top: 50%;
      transform: translate(0, -50%); }
    .tableheader .wrjs_form .form-row ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      opacity: 1;
      color: rgba(255, 255, 255, 0.8); }
    .tableheader .wrjs_form .form-row ::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: rgba(255, 255, 255, 0.8); }
    .tableheader .wrjs_form .form-row :-ms-input-placeholder {
      /* IE 10+ */
      opacity: 1;
      color: rgba(255, 255, 255, 0.8); }
    .tableheader .wrjs_form .form-row :-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: rgba(255, 255, 255, 0.8); }
    @media (max-width: 479px) {
      .tableheader .wrjs_form .form-row {
        width: 100%; }
        .tableheader .wrjs_form .form-row dd {
          width: 100%; }
          .tableheader .wrjs_form .form-row dd input,
          .tableheader .wrjs_form .form-row dd select {
            border-left: 0 !important;
            border-right: 0 !important;
            border-top: 1px solid rgba(0, 0, 0, 0.15);
            width: 100%; }
        .tableheader .wrjs_form .form-row:first-child dd input,
        .tableheader .wrjs_form .form-row:first-child dd select {
          border-top: 0; } }

.wrjs_grid.green .tableheader select option {
  background: #8ca74f; }

.wrjs_grid.blue .tableheader select option {
  background: #50a6c5; }

/**************************************************************
 SEARCH
**************************************************************/
.fontsize12px {
  font-size: 12px; }

input.search_icon {
  padding: 0 2px 0 30px;
  background: #fff url(../../images/icon_search_opacity20.png) no-repeat scroll 5px 4px/18px auto; }

.wrjs_search {
  background: #fff url("../../images/icon_search_opacity20.png") no-repeat scroll 6px 4px;
  padding: 0 25px 0 32px;
  font-size: 12px; }

html body .button.wrjs_search_button, html body #confirmOverlay #confirmBox .wrjs_search_button.button, #confirmOverlay #confirmBox html body .wrjs_search_button.button {
  margin: auto;
  position: absolute;
  right: -1px;
  top: -1px;
  height: calc(100% + 2px);
  line-height: 28px;
  padding: 0 10px !important;
  z-index: 5;
  border-color: #d7d7d7;
  border-radius: 0; }

@media (pointer: coarse) {
  html body .button.wrjs_search_button, html body #confirmOverlay #confirmBox .wrjs_search_button.button, #confirmOverlay #confirmBox html body .wrjs_search_button.button, #search_device {
    line-height: 40px; }
  .wrjs_search {
    background-position: 6px 10px; } }

/* HIDE THE NATIVE CLEAR BUTTON FOR IE EDGE  */
.wrjs_search::-ms-clear {
  display: none; }

/* CLEAR X BUTTON */
.wrjs_search_clear_button {
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../../images/icon_flat_crosses.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 17px;
  right: 5px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 17px;
  z-index: 9999; }

.wrjs_search_clear_button:hover {
  background-color: rgba(0, 0, 0, 0.6); }

.wrjs_search_clear_button:active {
  background-color: rgba(0, 0, 0, 0.7); }

.wrjs_search.empty ~ .wrjs_search_clear_button {
  display: none; }

.icon_right input,
.icon_right textarea,
.icon_right select {
  width: auto; }

/*********************************************
ADVANCED FORM CONTROLS
*************************************************/
select {
  padding-right: 24px !important;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 12px) 50%, calc(100% - 8px) 50%;
  background-size: 4px 4px,
 4px 4px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #d7d7d7; }

select:focus {
  background-image: linear-gradient(45deg, transparent 50%, #66afe9 50%), linear-gradient(135deg, #66afe9 50%, transparent 50%);
  background-repeat: no-repeat;
  outline: none; }

select:-moz-focusring {
  color: #777;
  text-shadow: 0 0 0 #000; }

select::-ms-expand {
  display: none; }

/* RADIO AND CHECKBOXES */
form label:not(.disabled) {
  cursor: pointer; }

/* HIDE RADIOS IN MODERN BROWSERS - THESE NOW GET SET BY CLICKING ON THE CORRESPONDING LABEL AND STATE DISPLAYED USING THE "CHECKREPLACE" DIV STYLING */
body:not(.ie8) input[type="radio"],
body:not(.ie8) input[type="checkbox"] {
  display: none; }

/*
	CHECKREPLACE STYLING ONLY SUPPORTED IN IE9 AND ABOVE
	THEREFORE HIDE CHECKREPLACE DIVS IN OLD IE
	HIDE ALL RADIOS IN NEW BROWSERS
*/
.checkreplace {
  display: none;
  /* RADIO OUTER RING */ }
  body:not(.ie8) .checkreplace {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    z-index: 5;
    margin-right: 5px; }

body:not(.ie8) .wrjs_table td .checkreplace {
  margin-bottom: -1px; }

/* RADIO OUTER RING HOVER */
body:not(.ie8) label:hover .checkreplace {
  background: #eee; }

/* RADIO OUTER RING SELECTED */
body:not(.ie8) input[type=radio]:checked ~ .checkreplace {
  border-color: #96bf36;
  background: transparent; }

/* RADIO INNER RING */
body:not(.ie8) input[type="radio"] ~ .checkreplace::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 4px;
  width: 4px;
  top: 4px;
  left: 4px;
  margin: auto; }

/* RADIO INNER RING SELECTED */
body:not(.ie8) input[type=radio]:checked ~ .checkreplace::before {
  background: #96bf36; }

/* DISABLED RADIO BUTTONS */
body:not(.ie8) input[type=radio]:disabled ~ .checkreplace,
body:not(.ie8) input[type=radio]:disabled:checked ~ .checkreplace,
body:not(.ie8) label:hover input[type="radio"]:disabled:checked ~ .checkreplace {
  border-color: #bbb;
  cursor: auto;
  background: transparent; }

body:not(.ie8) input[type=radio]:disabled:checked ~ .checkreplace::before {
  background: #bbb;
  cursor: auto; }

/* CHECKBOX OUTER RING */
body:not(.ie8) input[type=checkbox] ~ .checkreplace {
  border-radius: 20%;
  border: 1px solid #bbb;
  line-height: 14px;
  height: 16px;
  width: 16px;
  margin: 0 4px 0 auto; }

/* CHECKBOX SELECTED - OUTER */
body:not(.ie8) input[type=checkbox]:checked ~ .checkreplace {
  background: #96bf36;
  text-align: center;
  border: none;
  position: relative; }

/* CHECKBOX SELECTED - INNER */
body:not(.ie8) input[type=checkbox]:checked ~ .checkreplace::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-shadow: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0; }

/* INDETERMINATE / PARTIALLY SELECTED */
body:not(.ie8) input[type=checkbox].indeterminate:checked ~ .checkreplace {
  line-height: 14px; }

body:not(.ie8) input[type=checkbox].indeterminate:checked ~ .checkreplace::before {
  content: '\25A0';
  /* SOLID SQUARE */
  font-size: 13px;
  line-height: 0;
  background: transparent; }

/* HOVER OVER SELECTED */
body:not(.ie8) label:hover input[type="checkbox"]:checked ~ .checkreplace {
  background: #a2ca44; }

/* SELECT ALL OVERRIDES */
body:not(.ie8) th label .checkreplace {
  border-color: #999; }

/* DISABLED CHECKBOXES */
body:not(.ie8) input[type=checkbox]:disabled ~ .checkreplace,
body:not(.ie8) input[type=checkbox]:disabled:checked ~ .checkreplace,
body:not(.ie8) label:hover input[type="checkbox"]:disabled:checked ~ .checkreplace {
  background: #ccc !important;
  border: none;
  cursor: default; }

body:not(.ie8) input[type=checkbox]:disabled:checked ~ .checkreplace::before {
  color: #aaa; }

/* DNS STYLING */
body:not(.ie8) input[type=checkbox].dnscheck:checked ~ .checkreplace {
  background: #E51313;
  height: 17px;
  width: 17px; }

body:not(.ie8) input[type=checkbox].dnscheck:checked ~ .checkreplace::before {
  content: "";
  position: relative;
  top: 1px;
  font-weight: 600; }

body:not(.ie8) input[type=checkbox].dnscheck.indeterminate:checked ~ .checkreplace {
  background: #FF9A22;
  text-align: center;
  border: none;
  line-height: 1em; }

body:not(.ie8) input[type=checkbox].dnscheck.indeterminate:checked ~ .checkreplace::before {
  content: "";
  width: 11px;
  height: 11px;
  line-height: 14px;
  border: none;
  border-radius: 2px;
  top: 3px;
  background: rgba(255, 255, 255, 0.6); }

body:not(.ie8) label:hover input[type="checkbox"].dnscheck:checked ~ .checkreplace {
  background: #E25A5A; }

body:not(.ie8) label:hover input[type="checkbox"].dnscheck.indeterminate:checked ~ .checkreplace {
  background: #FCB35A; }

/* INVERSE CLASSES FOR CHECKBOX */
/* CHECKBOX OUTER RING */
body:not(.ie8) .inverse input[type=checkbox] ~ .checkreplace {
  border: 1px solid rgba(0, 0, 0, 0.2); }

/* CHECKBOX SELECTED - OUTER */
body:not(.ie8) .inverse input[type=checkbox]:checked ~ .checkreplace {
  background: rgba(255, 255, 255, 0.1); }

/* CHECKBOX SELECTED - INNER */
body:not(.ie8) .inverse input[type=checkbox]:checked ~ .checkreplace::before {
  color: #fff; }

/* HOVER UNCHECKED */
/* HOVER CHECKED */
body:not(.ie8) .inverse label:hover input[type="checkbox"] ~ .checkreplace,
body:not(.ie8) .inverse label:hover input[type="checkbox"]:checked ~ .checkreplace {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.3); }

.confirmpopup dl {
  margin: 5px 0 12px; }

.confirmpopup .tabcontent dl.striped {
  margin: 0 0 5px !important; }

@media (max-width: 767px) {
  dd.inline input:not([style*='display: none;']),
  dd.inline textarea:not([style*='display: none;']),
  dd.inline select:not([style*='display: none;']),
  dd.inline div.multiselect:not([style*='display: none;']) {
    width: 100% !important;
    display: block !important; }
  dd.inline select:not([style*='display: none;']) + select:not([style*='display: none;']),
  dd.inline select:not([style*='display: none;']) + select[style*='display: none;'] + select:not([style*='display: none;']),
  select[style*='display: none;'] + select[style*='display: none;'] + select:not([style*='display: none;']) {
    margin-top: 12px; } }
  @media (max-width: 767px) and (pointer: coarse) {
    dd.inline select:not([style*='display: none;']) + select:not([style*='display: none;']),
    dd.inline select:not([style*='display: none;']) + select[style*='display: none;'] + select:not([style*='display: none;']),
    select[style*='display: none;'] + select[style*='display: none;'] + select:not([style*='display: none;']) {
      margin-top: 16px; } }

@media (min-width: 768px) {
  dd.inline input:not([style*='display: none;']),
  dd.inline textarea:not([style*='display: none;']),
  dd.inline select:not([style*='display: none;']),
  dd.inline div.multiselect:not([style*='display: none;']) {
    width: auto !important;
    position: relative;
    display: inline-block !important; } }

.multiselect {
  background: #eee;
  border: 1px solid #d7d7d7;
  margin: 3px 0;
  padding: 2px 3px 0px 2px;
  max-height: 213px;
  overflow: auto; }
  .multiselect li {
    background: #fff;
    border-radius: 3px;
    line-height: 28px;
    margin: 0 0 2px;
    border: 1px solid #d7d7d7;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
    @media (pointer: coarse) {
      .multiselect li {
        line-height: 38px; } }
    .multiselect li span {
      border-radius: 3px;
      display: inline-block;
      float: left;
      height: 16px;
      margin: 4px 6px 0 4px;
      width: 16px; }
    .multiselect li :hover {
      background-color: #f6f6f6; }
    .multiselect li.on {
      background: #e8f0d5;
      color: #6a8f0e; }
      .multiselect li.on span {
        border-color: #8a9b60; }
      .multiselect li.on:hover {
        background-color: #d2deb4; }

.multiselect_allnone {
  background: #eee;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  margin-bottom: -1px;
  border-radius: 0 5px 0 0;
  display: block;
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 9; }
  .form-row dd .multiselect_allnone {
    border: 0; }
  .multiselect_allnone.rounded {
    border-radius: 0; }
  .multiselect_allnone .button, .multiselect_allnone #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .multiselect_allnone .button {
    font-size: 11px;
    font-weight: 500;
    margin: 3px 0 2px 3px; }
    .multiselect_allnone .button.right, .multiselect_allnone #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .multiselect_allnone .right.button {
      margin: 3px 3px 2px 0; }

.wrapper_multiselect {
  margin: 3px 0 0; }

.form-row dd .multiselect {
  border: 0; }

.scrollcontent {
  overflow: auto;
  max-height: 353px;
  margin: 0 0 10px; }
  @media (pointer: coarse) {
    .scrollcontent {
      overflow-y: visible;
      max-height: none; } }
  .scrollcontent.simplebar {
    overflow-y: auto; }
    @media (pointer: coarse) {
      .scrollcontent.simplebar {
        overflow-y: visible;
        max-height: none; } }
  .scrollcontent > .table {
    margin: 0 !important; }

#radiogroup_sites .multiselect {
  border-radius: 5px;
  margin: 10px 0 0; }

#radiogroup_sites .button.selectallnone, #radiogroup_sites #confirmOverlay #confirmBox .selectallnone.button, #confirmOverlay #confirmBox #radiogroup_sites .selectallnone.button {
  float: left;
  font-size: 11px;
  margin: 10px 8px 0 0  !important;
  line-height: 2.4em;
  padding: 0 6px !important; }

#temporarystorage {
  position: absolute;
  display: none; }

dd.inline input[type="text"]:focus,
dd.inline input[type="password"]:focus,
dd.inline input[type="url"]:focus,
dd.inline input[type="email"]:focus,
dd.inline input[type="tel"]:focus,
dd.inline textarea:focus,
dd.inline div.multiselect:focus,
dd.inline select:focus,
dd.focused {
  border-color: #66AFE9 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
  transition: border-color 0.15s ease-out 0s, box-shadow 0.15s ease-in-out 0s; }

dd.focused .wrjs_search_button {
  border-color: #66afe9 !important; }

input:invalid {
  box-shadow: none; }

/*********************************************
  ROWWED
*********************************************/
dl.rowwed a.mockinput {
  color: #1d7ccd !important; }

@media (min-width: 768px) {
  dl.rowwed dd.hundred:last-of-type {
    margin-bottom: 10px; } }

@media (max-width: 767px) {
  dl.rowwed dt {
    display: block; }
  dl.rowwed dt, dl.rowwed dd {
    width: 100%; } }

dl.rowwed input,
dl.rowwed select,
dl.rowwed textarea {
  min-height: 28px;
  color: #666;
  position: relative;
  z-index: 2; }
  @media (pointer: coarse) {
    dl.rowwed input,
    dl.rowwed select,
    dl.rowwed textarea {
      min-height: 40px; } }

dl.rowwed input[type="radio"], dl.rowwed input[type="checkbox"] {
  min-height: auto; }

dl.rowwed textarea {
  height: 60px;
  border-radius: 0 5px 5px 5px; }

dl.rowwed select {
  padding: 0 0 0 2px;
  margin: 0; }

dl.rowwed select option:disabled {
  background: #eee;
  color: #aaa; }

/* CHROME ONLY OVERRIDE */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  dl.rowwed select {
    padding: 0 0 0 5px; } }

dl.rowwed dd select option {
  padding: 7px; }

.fieldinfo {
  border: 1px solid #b1c3cd; }

.select_multiple {
  height: 98px !important;
  padding: 0 !important; }

.templatepages td {
  padding: 6px 6px; }

.templatepages tr.selected td {
  padding: 3px 6px; }

.templatepages td select {
  min-height: 24px !important;
  line-height: normal;
  margin: -2px 0 -2px -5px !important;
  max-width: calc(100% - 6px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 20px 3px 0px !important;
  background-position: calc(100% - 9px) 50%, calc(100% - 5px) 50%; }

.templatepages select option {
  padding: 0 3px; }

dl.rowwed .multiselect {
  margin: 0;
  border-radius: 0; }

dl.rowwed dd .button, dl.rowwed dd #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox dl.rowwed dd .button {
  margin: 0; }

dl.rowwed dt.wrap {
  height: auto; }

dl.rowwed dt.wrap {
  white-space: normal; }

dl.rowwed .mockinput input[type="checkbox"], dl.rowwed .mockinput input[type="radio"] {
  height: auto !important;
  xtop: 1px; }

/* TIMEZONE LOGIC WITHIN A ROWWED DL */
dl.rowwed .edittz,
dl.rowwed .savetz,
dl.rowwed .canceltz {
  float: right;
  margin: 0 0 -40px;
  right: 6px;
  top: -23px; }

dl.rowwed .savetz {
  right: 26px; }

xdl.rowwed .hidetz {
  margin-bottom: -3px !important; }

dl.rowwed dd.amber .mockinput {
  border-color: #e99a29; }

dl.rowwed dd.amber .mockinput {
  background: #f7ebcd;
  color: #c97a0a; }

dl.rowwed dd.amber .mockinput {
  font-weight: bold;
  border-left: none; }

dl.rowwed dd.secret {
  border-color: #e99a29; }

dl.rowwed dd.secret .mockinput {
  font-size: 13px;
  line-height: 1em;
  letter-spacing: 2px; }

.mockinput-loading .mockinput,
.mockinput.loading,
input.loading {
  border: none;
  background-image: url(../../images/loading_16x16.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
  background-size: 16px 5px  !important;
  text-indent: 28px;
  font-weight: 500; }

dl.rowwed dt .help_icon.right {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px; }

@media (min-width: 768px) {
  dl.rowwed dt .help_icon.right {
    position: relative;
    top: -3px;
    right: -6px; } }

/**************************************************************
 TWO COLUMN RADIO COLUMNS (SEEN ON ALERTS, DATA FIELD LIST POPUP)
**************************************************************/
dl.twocolumn label.form-row {
  float: left;
  width: calc(50% - 5px); }

dl.twocolumn label.form-row:nth-child(even) {
  float: right; }

dl.twocolumn dt {
  width: 29px; }

dl.twocolumn dd {
  width: calc(100% - 29px); }

dl.columns dt input {
  top: 0px;
  left: 8px; }

td.fielderror input.fielderror {
  border: 1px solid #e2cf62; }

/*

	POPUP DIALOG

*/
.confirmmask {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
  opacity: 0.7;
  will-change: opacity; }

.confirmmask.white {
  background: #bbb; }

.confirmmask {
  z-index: 1003; }

.confirmpopup,
.permissionpopup {
  background: #fff;
  width: 740px;
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  display: none;
  z-index: 1004;
  position: fixed;
  will-change: top,left,opacity; }

.confirm > h1,
.confirmpopup > h1,
.permissionpopup > h1 {
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  border-radius: 9px 9px 0 0;
  background: #9CB65A;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 10px 10px rgba(255, 255, 255, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-indent: 12px;
  padding: 10px 30px 8px 0; }

.confirm > h1 span,
.confirmpopup > h1 span,
.permissionpopup > h1 span {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -13px; }

.confirm > h1 b,
.confirmpopup > h1 b,
.permissionpopup > h1 b {
  width: 24px;
  color: #eee;
  text-shadow: none;
  height: 24px;
  font-weight: 500;
  font-size: 19px;
  line-height: 25px;
  float: right;
  margin: 0 0 0 8px;
  text-indent: 0;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  cursor: pointer;
  border-radius: 4px; }

.confirm > h1 b:hover,
.confirmpopup > h1 b:hover,
.permissionpopup > h1 b:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #fff; }

.confirm > h1 b:active,
.confirmpopup > h1 b:active,
.permissionpopup > h1 b:active {
  background: rgba(0, 0, 0, 0.5); }

.confirm .inner,
.confirmpopup .inner,
.permissionpopup .inner {
  margin: 10px;
  text-align: center; }

.confirm.textalign_left .inner,
.confirmpopup.textalign_left .inner,
.permissionpopup.textalign_left .inner {
  text-align: left; }

.confirm .inner .inner,
.confirmpopup .inner .inner,
.permissionpopup .inner .inner {
  margin: 10px 10px 0;
  text-align: left; }

.confirm .inner div,
.confirmpopup .inner div,
.permissionpopup .inner div {
  text-align: left; }

.confirm .inner p,
.confirmpopup .inner p,
.confirmpopup .inner .bullets li,
.permissionpopup .inner p {
  line-height: 1.4em;
  font-size: 12px;
  color: #444; }

.confirmpopup .inner p strong,
.permissionpopup .inner p strong {
  font-weight: 500; }

.confirmpopup .inner dl,
.permissionpopup .inner dl {
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px;
  xmargin: 15px 0; }

.maxheight400 dl, dl.maxheight400, .maxheight300 dl, dl.maxheight300 {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px; }

.maxheight300 dl, dl.maxheight300 {
  max-height: 300px; }

.confirmpopup .inner h4 {
  font-size: 12px; }

.confirm .confirmfooter, .confirmpopup .confirmfooter {
  min-height: 46px;
  position: relative;
  background: #e6e6e6;
  clear: both;
  box-shadow: inset 0 20px 20px rgba(255, 255, 255, 0.5);
  xwidth: 100%;
  padding: 0 10px;
  text-align: center;
  border-radius: 0 0 9px 9px;
  border-top: 1px solid #cfcfcf; }

.confirmfooter .button, .confirmfooter #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .confirmfooter .button {
  margin: 8px 4px 10px;
  white-space: nowrap; }

.confirmfooter .button.left, .confirmfooter #confirmOverlay #confirmBox .left.button, #confirmOverlay #confirmBox .confirmfooter .left.button {
  margin-right: 5px; }

.confirmfooter .button.right, .confirmfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .confirmfooter .right.button {
  margin-left: 5px; }

.confirmfooter .button.prev, .confirmfooter #confirmOverlay #confirmBox .prev.button, #confirmOverlay #confirmBox .confirmfooter .prev.button {
  padding-left: 22px; }

.confirmfooter .button.prev b, .confirmfooter #confirmOverlay #confirmBox .prev.button b, #confirmOverlay #confirmBox .confirmfooter .prev.button b {
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: 3px;
  line-height: 1em; }

.confirmfooter .button.next, .confirmfooter #confirmOverlay #confirmBox .next.button, #confirmOverlay #confirmBox .confirmfooter .next.button {
  padding-right: 22px; }

.confirmfooter .button.next b, .confirmfooter #confirmOverlay #confirmBox .next.button b, #confirmOverlay #confirmBox .confirmfooter .next.button b {
  font-size: 18px;
  position: absolute;
  right: 8px;
  top: 3px;
  line-height: 1em; }

.confirmfooter span {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc; }

.confirmfooter span label,
.confirmfooter span input {
  float: left; }

body:not(.ie8) .confirmfooter .checkreplace {
  margin-right: 7px; }

.confirmpopup.blue > h1 {
  background: #5998C4; }

.confirmpopup.red > h1 {
  background: #BD362F; }

.xconfirmpopup.red p, .confirmpopup.red p.red {
  color: #bd362f; }

.confirmpopup.amber > h1 {
  background: #bda02f; }

.confirmpopup.amber p, .confirmpopup.amber p.amber {
  color: #99894d; }

.confirmpopup.white {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.confirmpopup.white > h1 {
  background: none;
  color: #3d8840;
  font-size: 30px;
  font-family: arial;
  font-weight: 300;
  letter-spacing: -1px;
  padding: 15px 4px 10px; }

.confirmpopup.white > h1 span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -1px; }

.confirmpopup.white .confirmfooter {
  background: none;
  border: none; }

.confirmpopup.white .confirmfooter span {
  background: #f6f6f6;
  padding: 8px;
  left: 16px;
  top: 5px;
  right: auto;
  color: #666; }

.confirmpopup.white .confirmfooter .button.right, .confirmpopup.white .confirmfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .confirmpopup.white .confirmfooter .right.button {
  margin-right: 15px; }

.confirmpopup.white > h1 b.cancelclick {
  background: rgba(0, 0, 0, 0.1);
  color: #bbb;
  padding: 4px;
  margin-top: -15px;
  right: 16px;
  font-size: 25px; }

.confirmpopup.white > h1 b.cancelclick:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #999; }

.confirmpopup.white > h1 b.cancelclick:active {
  background: rgba(0, 0, 0, 0.3);
  color: #666; }

.permissionpopup {
  background: #fff;
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: 50%;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.5);
  border-bottom-width: 4px;
  border-top: none;
  border-radius: 10px;
  display: none;
  width: 550px; }

.permissionpopup h1 {
  border-radius: 9px 9px 0 0;
  background: url(../images/globalpopup_h1bg.gif) repeat-x left top #728b33;
  color: #fff;
  font-weight: 500;
  font-size: 1.6em;
  text-indent: 15px;
  padding: 8px 0; }

.permissionpopup .inner {
  margin: 20px; }

.permissionpopup h2 {
  color: #799337;
  font-weight: 500; }

.permissionpopup dl label {
  font-size: 1.1em; }

.permissionpopup .radios label {
  margin: 0 10px 0 5px; }

.permissionpopup .popupfooter {
  background: #eee;
  width: 100%;
  text-align: center;
  border-radius: 0 0 9px 9px; }

.popupfooter .awesome {
  float: none !important;
  margin: 12px 4px 15px; }

/*

	BUTTONS

*/
.button, #confirmOverlay #confirmBox .button {
  outline: none !important;
  position: relative;
  cursor: pointer;
  height: auto;
  font-weight: 500;
  font-size: 12px;
  color: #333;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s;
  margin: 0 5px 12px 0;
  padding: 0 10px;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  -webkit-appearance: none;
  background: #e1e1e1;
  border-color: #cacaca;
  margin-right: 8px;
  line-height: 28px;
  min-height: 28px; }
  .button *, #confirmOverlay #confirmBox .button * {
    outline: none !important; }
  .button:hover, #confirmOverlay #confirmBox .button:hover {
    text-decoration: none;
    outline: none !important; }
  .button:active, #confirmOverlay #confirmBox .button:active, .button.pressed, #confirmOverlay #confirmBox .pressed.button {
    outline: none !important; }
  .button.pressed, #confirmOverlay #confirmBox .pressed.button, .button.pressed:hover, #confirmOverlay #confirmBox .pressed.button:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    background: #d5d4d4;
    border-color: #b1b1b1; }
  #tab_reports_ondemand .box h1 .button, #tab_reports_ondemand .box h1 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox #tab_reports_ondemand .box h1 .button, #grid_accountinfo .tableheader .button, #grid_accountinfo .tableheader #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox #grid_accountinfo .tableheader .button {
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: -1px;
    border-radius: 0;
    height: 39px;
    line-height: 40px;
    border-top: 0;
    background-color: transparent; }
    #tab_reports_ondemand .box h1 .button.toggled .blanker, #tab_reports_ondemand .box h1 #confirmOverlay #confirmBox .toggled.button .blanker, #confirmOverlay #confirmBox #tab_reports_ondemand .box h1 .toggled.button .blanker, #grid_accountinfo .tableheader .button.toggled .blanker, #grid_accountinfo .tableheader #confirmOverlay #confirmBox .toggled.button .blanker, #confirmOverlay #confirmBox #grid_accountinfo .tableheader .toggled.button .blanker {
      bottom: 0; }
  @media (pointer: coarse) {
    .button, #confirmOverlay #confirmBox .button {
      line-height: 38px;
      min-height: 38px;
      margin: 0 5px 16px 0; } }

.button:not(.disabled):hover, #confirmOverlay #confirmBox .button:not(.disabled):hover {
  background: #eee; }

.button:active:hover, #confirmOverlay #confirmBox .button:active:hover {
  background: #d5d4d4;
  border-color: #b1b1b1; }

.button.inverse b:before, #confirmOverlay #confirmBox .inverse.button b:before, .button.inverse, #confirmOverlay #confirmBox .inverse.button, .button.inverse b:after, #confirmOverlay #confirmBox .inverse.button b:after, #confirmButtons .button.yes, #confirmButtons #confirmOverlay #confirmBox .yes.button, #confirmOverlay #confirmBox #confirmButtons .yes.button {
  color: #fff; }

.button.red, #confirmOverlay #confirmBox .red.button {
  background: #ba2a1e;
  border-color: #a4251a; }

.button.red:not(.disabled):hover, #confirmOverlay #confirmBox .red.button:not(.disabled):hover {
  background: #d02f22; }

.button.red:active:hover, #confirmOverlay #confirmBox .red.button:active:hover,
.button.red.pressed,
#confirmOverlay #confirmBox .red.pressed.button {
  background: #a4251a;
  border-color: #8e2017; }

.button.darkgrey, #confirmOverlay #confirmBox .darkgrey.button {
  background: gainsboro;
  border-color: #c8c8c8; }

.button.darkgrey:not(.disabled):hover, #confirmOverlay #confirmBox .darkgrey.button:not(.disabled):hover {
  background: #e9e9e9; }

.button.darkgrey:active, #confirmOverlay #confirmBox .darkgrey.button:active, .button.darkgrey:hover:active, #confirmOverlay #confirmBox .darkgrey.button:hover:active {
  background: #cfcfcf;
  border-color: #aeaeae; }

.button.green, #confirmOverlay #confirmBox .green.button, #confirmButtons .button.yes, #confirmButtons #confirmOverlay #confirmBox .yes.button, #confirmOverlay #confirmBox #confirmButtons .yes.button {
  background: #96bf36;
  border: 1px solid #86ab30; }

.button.green:not(.disabled):hover, #confirmOverlay #confirmBox .green.button:not(.disabled):hover,
#confirmButtons .button.yes:hover,
#confirmButtons #confirmOverlay #confirmBox .yes.button:hover,
#confirmOverlay #confirmBox #confirmButtons .yes.button:hover {
  background: #a2ca44; }

.button.green:active:hover, #confirmOverlay #confirmBox .green.button:active:hover,
#confirmButtons .button.yes:active,
#confirmButtons #confirmOverlay #confirmBox .yes.button:active,
#confirmOverlay #confirmBox #confirmButtons .yes.button:active,
.button.green.pressed,
#confirmOverlay #confirmBox .green.pressed.button {
  background: #799c2f;
  border: 1px solid #77972b; }

.button.darkgreen, #confirmOverlay #confirmBox .darkgreen.button {
  background: #799c2f;
  border-color: #6a8829; }

.button.darkgreen:not(.disabled):hover, #confirmOverlay #confirmBox .darkgreen.button:not(.disabled):hover {
  background: #88b035; }

.button.darkgreen:active:hover, #confirmOverlay #confirmBox .darkgreen.button:active:hover, .button.darkgreen.pressed, #confirmOverlay #confirmBox .darkgreen.pressed.button {
  background: #6a8829;
  border-color: #5b7523; }

.button.blue, #confirmOverlay #confirmBox .blue.button {
  background: #00a7e1;
  border-color: #0094c8; }

.button.blue:not(.disabled):hover, #confirmOverlay #confirmBox .blue.button:not(.disabled):hover {
  background: #5fb5f1; }

.button.blue:active:hover, #confirmOverlay #confirmBox .blue.button:active:hover, .button.blue.pressed, #confirmOverlay #confirmBox .blue.pressed.button {
  background: #2f6ebd; }

.button.bluepastel, #confirmOverlay #confirmBox .bluepastel.button {
  background: #50a6c5;
  border-color: #3f9cbc; }

.button.bluepastel:not(.disabled):hover, #confirmOverlay #confirmBox .bluepastel.button:not(.disabled):hover {
  background: #6eb6cf; }

.button.bluepastel:active, #confirmOverlay #confirmBox .bluepastel.button:active,
.button.bluepastel:active:hover,
#confirmOverlay #confirmBox .bluepastel.button:active:hover,
.button.bluepastel.pressed,
#confirmOverlay #confirmBox .bluepastel.pressed.button {
  background: #3f9cbc;
  border-color: #388ca9; }

.button.amber, #confirmOverlay #confirmBox .amber.button {
  background: #CCB012;
  border-color: #b59c10; }

.button.amber:not(.disabled):hover, #confirmOverlay #confirmBox .amber.button:not(.disabled):hover {
  background: #dfbe3d; }

.button.amber:active:hover, #confirmOverlay #confirmBox .amber.button:active:hover, .button.amber.pressed, #confirmOverlay #confirmBox .amber.pressed.button {
  background: #bda02f; }

.button.right, #confirmOverlay #confirmBox .right.button {
  margin-left: 10px;
  margin-right: 0px !important; }

.boxfooter .button.right, .boxfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .boxfooter .right.button {
  margin-left: 0;
  margin-right: 10px !important; }

.button.disabled, #confirmOverlay #confirmBox .disabled.button, .button.disabled:hover, #confirmOverlay #confirmBox .disabled.button:hover, .button.disabled:active, #confirmOverlay #confirmBox .disabled.button:active {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  cursor: not-allowed;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }

@media (max-width: 767px) {
  .button-container .button:not(:first-child):not(.icon_help), .button-container #confirmOverlay #confirmBox .button:not(:first-child):not(.icon_help), #confirmOverlay #confirmBox .button-container .button:not(:first-child):not(.icon_help) {
    margin-left: -13px;
    border-radius: 0 4px 4px 0; } }
  @media (max-width: 767px) and (pointer: coarse) {
    .button-container .button:not(:first-child):not(.icon_help), .button-container #confirmOverlay #confirmBox .button:not(:first-child):not(.icon_help), #confirmOverlay #confirmBox .button-container .button:not(:first-child):not(.icon_help) {
      margin-left: -10px; } }

@media (max-width: 767px) {
  #policy_detail_ep .button-container .button.iconleft, #policy_detail_ep .button-container #confirmOverlay #confirmBox .iconleft.button, #confirmOverlay #confirmBox #policy_detail_ep .button-container .iconleft.button {
    padding-left: 24px; }
  .button-container .button.disabled, .button-container #confirmOverlay #confirmBox .disabled.button, #confirmOverlay #confirmBox .button-container .disabled.button {
    opacity: 1;
    background-color: #ededed;
    color: rgba(85, 85, 85, 0.35);
    border-color: #DBDBDB; }
  .button-container .button.disabled > b, .button-container #confirmOverlay #confirmBox .disabled.button > b, #confirmOverlay #confirmBox .button-container .disabled.button > b {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    opacity: 0.35; }
  .left + .button-container, .icon_help + .button-container {
    clear: both; } }

@media (max-width: 707px) {
  .button-container + .button-container {
    clear: both; } }

.button.blank, #confirmOverlay #confirmBox .blank.button {
  background: none;
  box-shadow: none;
  border: 1px solid #d7d7d7;
  padding: 0px 11px; }

.button.blank:hover, #confirmOverlay #confirmBox .blank.button:hover {
  background: rgba(0, 0, 0, 0.05); }

.button.flat, #confirmOverlay #confirmBox .flat.button {
  font: 400 15px "Roboto", arial, sans-serif;
  border-radius: 3px;
  font-weight: normal;
  padding: 10px 15px;
  border: none;
  box-shadow: none;
  text-shadow: none; }

.button.flat.red, #confirmOverlay #confirmBox .flat.red.button {
  background: #c3544c;
  color: #fff; }

.button.flat.red:hover, #confirmOverlay #confirmBox .flat.red.button:hover {
  background: #d9655d; }

.button.flat.amber, #confirmOverlay #confirmBox .flat.amber.button {
  background: #df9b18;
  color: #fff; }

.button.flat.amber:hover, #confirmOverlay #confirmBox .flat.amber.button:hover {
  background: #efad2d; }

.button.loading, #confirmOverlay #confirmBox .loading.button, .button.loading:hover, #confirmOverlay #confirmBox .loading.button:hover, .button.loading:active, #confirmOverlay #confirmBox .loading.button:active {
  outline: none;
  text-indent: 23px;
  background-image: url(../../images/loading_16x16.gif);
  background-repeat: no-repeat;
  background-position: 9px center; }

.button.micro, #confirmOverlay #confirmBox .micro.button {
  margin: 0;
  font-weight: normal; }

.button.ultramicro, #confirmOverlay #confirmBox .ultramicro.button {
  padding: 1px 4px;
  line-height: 13px;
  font-size: 10px;
  font-weight: normal;
  height: auto;
  text-indent: 0; }

.button.ultramicro b, #confirmOverlay #confirmBox .ultramicro.button b {
  display: none; }

.wrjs_table td .button.ultramicro, .wrjs_table td #confirmOverlay #confirmBox .ultramicro.button, #confirmOverlay #confirmBox .wrjs_table td .ultramicro.button {
  position: absolute;
  margin-left: 5px;
  top: 3px; }

.templatedetail .micro {
  margin: 0 10px 12px 0;
  font-size: 12px;
  font-weight: 500; }

.button.drop, #confirmOverlay #confirmBox .drop.button {
  padding-right: 21px !important; }

.moreinfo .button.drop, .moreinfo #confirmOverlay #confirmBox .drop.button, #confirmOverlay #confirmBox .moreinfo .drop.button {
  line-height: 15px; }

.button.hidden, #confirmOverlay #confirmBox .hidden.button, .hidden {
  display: none; }

button.button, #confirmOverlay #confirmBox button.button {
  line-height: 24px;
  padding: 0 8px; }

.button .buttonarrow, #confirmOverlay #confirmBox .button .buttonarrow {
  width: 6.25px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -4px;
  font-size: 10px; }

.button.drop.toggled .buttonarrow, #confirmOverlay #confirmBox .drop.toggled.button .buttonarrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.boxfooter .button, .boxfooter #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .boxfooter .button {
  margin: 10px; }

.boxfooter .button + .button, .boxfooter #confirmOverlay #confirmBox .button + .button, #confirmOverlay #confirmBox .boxfooter .button + .button {
  margin: 10px 10px 10px 0; }

.button.icon, #confirmOverlay #confirmBox .icon.button {
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 4px;
  margin-left: 1px !important;
  text-align: center; }
  .button.icon b, #confirmOverlay #confirmBox .icon.button b {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  @media (pointer: coarse) {
    .button.icon, #confirmOverlay #confirmBox .icon.button {
      min-height: 40px;
      min-width: 40px; } }

.button.iconleft, #confirmOverlay #confirmBox .iconleft.button {
  text-indent: 0;
  padding-left: 29px;
  xbox-shadow: inset 0 1px 0 #fff; }

.button.iconright, #confirmOverlay #confirmBox .iconright.button {
  text-indent: 0;
  padding-right: 29px;
  xbox-shadow: inset 0 1px 0 #fff; }

.button b, #confirmOverlay #confirmBox .button b {
  height: 21px;
  width: 21px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%); }

.iconright b {
  left: auto;
  right: 6px;
  text-align: center; }

.button.icon_default b, #confirmOverlay #confirmBox .icon_default.button b {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg); }

.iconbutton {
  background-color: #eee;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  margin: 0 2px -11px 0 !important;
  overflow: hidden;
  padding: 2px;
  position: relative;
  text-indent: -99em;
  top: -4px;
  width: 30px;
  color: #444; }
  .iconbutton:hover {
    background-color: #fbfbfb; }
  .iconbutton:before, .iconbutton:after {
    text-indent: 0;
    position: absolute;
    display: block;
    left: 0; }
  .iconbutton:before {
    font-size: 21px;
    margin-left: 6px; }
  .iconbutton.file_whitelist:before {
    margin-left: 4px;
    content: "\f1ec"; }
  .iconbutton.file_whitelist:after {
    display: none; }
  .iconbutton:after {
    margin-left: 16px; }
  td .iconbutton {
    height: 26px;
    width: 26px; }
  @media (pointer: coarse) {
    .iconbutton {
      width: 40px;
      height: 40px; }
      .iconbutton:before {
        top: 6px; }
      td .iconbutton {
        height: 38px; } }

.button.action ol, #confirmOverlay #confirmBox .action.button ol {
  background-color: #fbfbfb;
  text-indent: 0px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  border-radius: 0 4px 4px 4px;
  position: absolute;
  left: -1px;
  top: 24px; }
  .button.action ol li, #confirmOverlay #confirmBox .action.button ol li {
    padding: 0;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px; }
    .button.action ol li .ion, #confirmOverlay #confirmBox .action.button ol li .ion {
      display: none; }
    .button.action ol li:hover, #confirmOverlay #confirmBox .action.button ol li:hover {
      background-color: #d7d7d7; }

.button.action.actionright ol, #confirmOverlay #confirmBox .action.actionright.button ol {
  top: 27px;
  right: -1px;
  left: auto;
  border-radius: 4px 0 4px 4px; }
  @media (pointer: coarse) {
    .button.action.actionright ol, #confirmOverlay #confirmBox .action.actionright.button ol {
      top: 37px; } }

.button.action.toggled, #confirmOverlay #confirmBox .action.toggled.button {
  z-index: 999; }

.button.action.icononly, #confirmOverlay #confirmBox .action.icononly.button {
  text-indent: 10px; }

.toggled {
  opacity: 0.99;
  background-color: #fbfbfb !important;
  border-radius: 5px 5px 0 0; }

.actionmenu {
  display: none; }
  .toggled .actionmenu {
    display: block; }
  .actionmenu > h2 {
    background: #5998c4;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2em;
    margin: 0;
    text-indent: 5px;
    text-shadow: none; }
  .actionmenu li a {
    color: #333;
    padding: 5.5px 12px;
    display: block;
    font-weight: normal; }
    .actionmenu li a:before {
      position: relative;
      top: 2px;
      color: #555;
      font-size: 17px;
      margin: 0 6px 0 0; }
      @media (pointer: coarse) {
        .actionmenu li a:before {
          margin: 0 8px 0 0; } }
    .actionmenu li a:hover {
      text-decoration: none; }
    @media (pointer: coarse) {
      .actionmenu li a {
        padding: 10.5px 16px; } }

.blanker {
  display: none; }
  .toggled .blanker {
    background: #fbfbfb;
    bottom: -2px;
    display: block;
    height: 2px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 99999; }

/*

	TEXT

*/
i, em {
  font-style: italic; }

b, strong {
  font-weight: 500; }

.largetext {
  font-size: 1.4em !important; }

.capitalize {
  text-transform: capitalize; }

.textAlignCenter {
  text-align: center !important; }

.light {
  color: #999; }

.blue-text {
  color: #00a7e1; }

.green-text {
  color: #799c2f; }

.red-text {
  color: #ba2a1e; }

.amber-text {
  color: #CCB012; }

.orange-text {
  color: #e0952e; }

.grey-text {
  color: #888; }

.dashed-underline {
  border-bottom: 1px dashed #96bf36; }

.dotted-underline {
  border-bottom: 1px dotted #96bf36; }

.fontsize-10px {
  font-size: 10px !important; }

.fontsize-11px {
  font-size: 11px !important; }

.fontsize-12px {
  font-size: 12px !important; }

.fontsize-13px {
  font-size: 13px !important; }

.fontsize-14px {
  font-size: 14px !important; }

.fontsize-15px {
  font-size: 15px !important; }

.fontsize-16px {
  font-size: 16px !important; }

.fontsize-17px {
  font-size: 17px !important; }

.fontsize-18px {
  font-size: 18px !important; }

.fontsize-19px {
  font-size: 19px !important; }

.fontsize-20px {
  font-size: 20px !important; }

/* GLOBAL NAVIGATION HOVER */
/* PALE COLORS FOR ERROR STATES AND MESSAGE BOXES */
/**************************************************************
 GLOBAL SIZING FOR FORM ELEMENTS HERE
**************************************************************/
.wrjs_grid .wrjs_table tbody td {
  padding: 12px 6px; }
  @media (min-width: 768px) {
    .wrjs_grid .wrjs_table tbody td {
      padding: 8px 6px; } }
  @media (pointer: coarse) {
    .wrjs_grid .wrjs_table tbody td {
      padding: 12px 6px; } }

.table tbody td {
  padding: 12px 6px; }
  @media (min-width: 768px) {
    .table tbody td {
      padding: 8px 6px; } }
  @media (pointer: coarse) {
    .table tbody td {
      padding: 12px 6px; } }

/**************************************************************
 GRID FOLLOWED BY GRID
**************************************************************/
.wrjs_grid + .wrjs_grid {
  margin-top: 12px; }
  @media (pointer: coarse) {
    .wrjs_grid + .wrjs_grid {
      margin-top: 16px; } }

/*********************************************
  ELLIPSIS HANDLING
*********************************************/
/*********************************************
  LOADMASK
*********************************************/
.wrjs_grid.square .loadmask,
.wrjs_grid.greyheader .loadmask {
  border-radius: 0; }

/*********************************************
  TABLE
*********************************************/
.wrjs_table,
.table {
  border-collapse: separate;
  border: 1px solid #d7d7d7;
  position: relative;
  width: 100%;
  margin: 0; }
  .wrjs_table tr,
  .wrjs_table th,
  .wrjs_table td,
  .table tr,
  .table th,
  .table td {
    position: relative; }
  .wrjs_table thead th,
  .table thead th {
    line-height: 1.3;
    border-bottom: 0;
    box-shadow: 0 -1px 0 #d7d7d7 inset; }
    .wrjs_table thead th.sort,
    .table thead th.sort {
      box-shadow: -1px 0 0 #d7d7d7, -1px 0 0 #d7d7d7 inset, 0 -1px 0 #d7d7d7 inset; }
      .wrjs_table thead th.sort:first-child,
      .table thead th.sort:first-child {
        box-shadow: -1px 0 0 #d7d7d7 inset, 0 -1px 0 #d7d7d7 inset; }
      .wrjs_table thead th.sort:last-child,
      .table thead th.sort:last-child {
        box-shadow: -1px 0 0 #d7d7d7, 0 -1px 0 #d7d7d7 inset; }
    .wrjs_table thead th.checkboxcolumn,
    .table thead th.checkboxcolumn {
      border-right: 1px solid #ccc;
      width: 27px !important;
      padding: 1px 0 0 5px; }
      .wrjs_table thead th.checkboxcolumn .checkreplace,
      .wrjs_table thead th.checkboxcolumn input,
      .table thead th.checkboxcolumn .checkreplace,
      .table thead th.checkboxcolumn input {
        cursor: pointer; }
  .wrjs_table tbody tr:last-child td,
  .table tbody tr:last-child td {
    box-shadow: none; }
  .wrjs_table tbody tr td,
  .table tbody tr td {
    box-shadow: 0 -1px 0 #d7d7d7 inset;
    background-color: #fff;
    line-height: 1.3; }
    .wrjs_table tbody tr td.cellholder,
    .table tbody tr td.cellholder {
      background-color: #eee; }
      .wrjs_table tbody tr td.cellholder .keycodeinner .wrjs_grid,
      .table tbody tr td.cellholder .keycodeinner .wrjs_grid {
        border: 1px solid #d7d7d7; }
      .wrjs_table tbody tr td.cellholder .keycodeinner .loader-container,
      .table tbody tr td.cellholder .keycodeinner .loader-container {
        top: -10px; }
    .wrjs_table tbody tr td .norightborder,
    .table tbody tr td .norightborder {
      border-right: none; }
    .wrjs_table tbody tr td.divider,
    .table tbody tr td.divider {
      height: auto;
      padding: 2px;
      background: #eee; }
    .wrjs_table tbody tr td.checkboxcolumn,
    .table tbody tr td.checkboxcolumn {
      border-right: 1px solid #ccc;
      width: 27px !important;
      padding: 1px 0 0 5px; }
      .wrjs_table tbody tr td.checkboxcolumn .checkreplace,
      .wrjs_table tbody tr td.checkboxcolumn input,
      .table tbody tr td.checkboxcolumn .checkreplace,
      .table tbody tr td.checkboxcolumn input {
        cursor: pointer; }
    @media (max-width: 550px) {
      .wrjs_table tbody tr td .button + .button, .wrjs_table tbody tr td #confirmOverlay #confirmBox .button + .button, #confirmOverlay #confirmBox .wrjs_table tbody tr td .button + .button,
      .table tbody tr td .button + .button,
      .table tbody tr td #confirmOverlay #confirmBox .button + .button,
      #confirmOverlay #confirmBox .table tbody tr td .button + .button {
        margin-top: 12px; } }
  @media (max-width: 550px) and (pointer: coarse) {
    .wrjs_table tbody tr td .button + .button, .wrjs_table tbody tr td #confirmOverlay #confirmBox .button + .button, #confirmOverlay #confirmBox .wrjs_table tbody tr td .button + .button,
    .table tbody tr td .button + .button,
    .table tbody tr td #confirmOverlay #confirmBox .button + .button,
    #confirmOverlay #confirmBox .table tbody tr td .button + .button {
      margin-top: 0; } }
    @media (min-width: 768px) {
      .wrjs_table tbody tr td.cellholder,
      .table tbody tr td.cellholder {
        padding: 8px; } }
  .wrjs_table tbody tr.tr_noresults td,
  .table tbody tr.tr_noresults td {
    background: #fff;
    padding: 0; }
  .wrjs_table tfoot th,
  .table tfoot th {
    border-bottom: 0px;
    border-top: 1px solid #d7d7d7;
    font-size: 12px;
    line-height: 1.6em;
    vertical-align: top;
    padding: 7px 6px 6px; }
    .wrjs_table tfoot th em,
    .table tfoot th em {
      color: #888;
      font-weight: normal;
      font-size: 10px;
      vertical-align: bottom; }
    .wrjs_table tfoot th.norightpadding,
    .table tfoot th.norightpadding {
      padding-right: 0; }
  @media (min-width: 768px) {
    .wrjs_table.fixed,
    .table.fixed {
      table-layout: fixed; } }
  .wrjs_table.fixed td,
  .table.fixed td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .wrjs_table.fixed td.xs-white-space-normal,
      .table.fixed td.xs-white-space-normal {
        white-space: normal; } }
    .wrjs_table.fixed td:hover,
    .table.fixed td:hover {
      white-space: normal;
      word-wrap: break-word;
      overflow-wrap: break-word; }
      @media (pointer: coarse) {
        .wrjs_table.fixed td:hover,
        .table.fixed td:hover {
          white-space: nowrap; } }
  .wrjs_table.fixed th > div > span,
  .table.fixed th > div > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .wrjs_table.fixed th > div > span.xs-white-space-normal,
      .table.fixed th > div > span.xs-white-space-normal {
        white-space: normal; } }
    .wrjs_table.fixed th > div > span:hover,
    .table.fixed th > div > span:hover {
      white-space: normal; }
      @media (pointer: coarse) {
        .wrjs_table.fixed th > div > span:hover,
        .table.fixed th > div > span:hover {
          white-space: nowrap; } }
  .wrjs_table.fixed th.has-tooltip:hover, .wrjs_table.fixed th.has-tooltip:hover > div > span, .wrjs_table.fixed th.has-tooltip:focus, .wrjs_table.fixed th.has-tooltip:focus > div > span, .wrjs_table.fixed td.has-tooltip:hover, .wrjs_table.fixed td.has-tooltip:hover > div > span, .wrjs_table.fixed td.has-tooltip:focus, .wrjs_table.fixed td.has-tooltip:focus > div > span,
  .table.fixed th.has-tooltip:hover,
  .table.fixed th.has-tooltip:hover > div > span,
  .table.fixed th.has-tooltip:focus,
  .table.fixed th.has-tooltip:focus > div > span,
  .table.fixed td.has-tooltip:hover,
  .table.fixed td.has-tooltip:hover > div > span,
  .table.fixed td.has-tooltip:focus,
  .table.fixed td.has-tooltip:focus > div > span {
    overflow: visible; }
  .wrjs_table.cannedicons td,
  .table.cannedicons td {
    padding-left: 25px; }

/*
.dashinner {
	.wrjs_table {
		thead {
			th {
				border-bottom:0;
			}
		}
	}
}
*/
.wrjs_table th,
.table th,
.tableheader_th .tableheader {
  background-color: #eee;
  font-weight: 500;
  color: #333;
  padding: 12px 6px 11px;
  white-space: nowrap; }
  @media (pointer: coarse) {
    .wrjs_table th,
    .table th,
    .tableheader_th .tableheader {
      padding: 14px 6px 12px; } }

.table tbody tr:first-child td {
  border-top: 0; }

/* STRIPED */
.striped .wrjs_table tr:nth-child(even) td,
.wrjs_table tr.odd td,
.table.striped tr:nth-child(even) td {
  background-color: #fdfdfd; }

/* SELECTABLE */
.selectable .wrjs_table td,
.wrjs_table.selectable td {
  cursor: pointer; }

.table.hoverrow tr:active td {
  background-color: #e4ecd1; }

.wrjs_table tr.selected td, .table tr.selected td {
  background-color: #e4ecd1 !important;
  border-color: #cfddad;
  box-shadow: 0 -1px 0 #cfddad inset;
  color: #799c2f;
  cursor: pointer; }

/* HOVERROW */
.hoverrow .wrjs_table tr:not(.selected):hover td,
.table.hoverrow tr:not(.selected):hover td {
  background-color: #f1f5e7;
  cursor: pointer; }

.wrjs_table.hoverrow tr.ceasehover:hover td,
.wrjs_table.hoverrow tr.ceasehover:active td {
  background-color: #fff; }

/* SUBHEADER */
.wrjs_table th.subheader {
  border: none;
  border-top: 1px solid #d7d7d7;
  font-size: 12px;
  background-color: #eee;
  text-shadow: none;
  box-shadow: none;
  color: #333; }

.wrjs_table tr.subheader th,
.table tr.subheader th {
  background: #fafafa;
  box-shadow: none;
  color: #444;
  font-weight: normal; }
  .wrjs_table tr.subheader th:last-of-type,
  .table tr.subheader th:last-of-type {
    border-right: 1px solid #d7d7d7; }

/*
	.wrjs_table tr:not(.subheader):first-child th,
	.wrjs_table tr:not(.subheader):first-child td,
	.wrjs_table tr.subheader + tr th,
	.wrjs_table tr.subheader + tr td {border-top-color:transparent !important;}
	*/
.wrjs_table th.subheader.single {
  background: #ddd;
  font-weight: 500; }

.wrjs_grid .tableheader + div .wrjs_table th.subheader.single {
  border-color: #d7d7d7; }

.wrjs_grid .tableheader + div .wrjs_table tbody tr:first-child th.subheader {
  border-top: none !important; }

.wrjs_grid.gradientsubheaders .tableheader + div .wrjs_table tbody tr:first-child th.subheader {
  border-top: 1px solid #bbb !important; }

/* DISABLED AND INACTIVE */
.wrjs_table tr.disabled td,
.wrjs_table tr.inactive td {
  background-color: #eee !important;
  color: #888;
  cursor: pointer;
  text-shadow: none;
  border-color: #ccc; }

.wrjs_table tr.inactive.selected td,
.wrjs_table tr.disabled.selected td,
.wrjs_table tr.inactive:hover td {
  background-color: #ccc !important;
  color: #666;
  border-color: #bbb;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.wrjs_table tr.inactive:hover td {
  position: relative;
  z-index: 1; }

/* BORDERED */
.wrjs_grid.bordered .wrjs_table > thead th,
.wrjs_grid.bordered .wrjs_table > tbody td,
.wrjs_grid.bordered_td .wrjs_table > tbody td,
.table.bordered th,
.table.bordered td {
  box-shadow: -1px 0 0 #d7d7d7 inset, 0 -1px 0 #d7d7d7 inset; }

.wrjs_grid.bordered .wrjs_table > thead tr th:last-child,
.wrjs_grid.bordered .wrjs_table > tbody tr td:last-child,
.wrjs_grid.bordered_td .wrjs_table > tbody tr td:last-child,
.table.bordered tr th:last-child,
.table.bordered tr td:last-child {
  box-shadow: 0 -1px 0 #d7d7d7 inset; }

.wrjs_grid.bordered .wrjs_table > tbody tr:last-child td,
.wrjs_grid.bordered_td .wrjs_table > tbody tr:last-child td {
  box-shadow: -1px 0 0 #d7d7d7 inset; }

.wrjs_grid.bordered .wrjs_table > tbody tr:last-child td:last-child,
.wrjs_grid.bordered_td .wrjs_table > tbody tr:last-child td:last-child {
  box-shadow: none; }

.wrjs_table.bordered tr.subheader th,
.table.bordered tr.subheader th {
  border-right: 1px solid #d7d7d7;
  font-weight: normal; }

/* BORDER REMOVAL */
.wrjs_grid.no-border-left .tableheader,
.wrjs_grid.no-border-left .box,
.wrjs_grid.no-border-left .wrjs_table,
.wrjs_grid.no-border-left .wrjs_table.sticky,
.wrjs_grid.no-border-left .wrjs_paging,
.wrjs_grid.no-border-left .wrjs_toolbar,
.wrjs_grid.no-border-left .scroller,
.wrjs_grid.no-border-left .dashinner {
  border-left: 0 !important; }

/* MISC */
.wrjs_table.paged {
  border-radius: 5px 5px 0 0; }

.wrjs_table.nowrap td {
  white-space: nowrap; }

.tableheader + .wrjs_table {
  border-top: none !important; }

.wrjs_table a.fatlink {
  color: #529aeb;
  text-decoration: none; }

.wrjs_table a.fatlink em {
  font-style: normal; }

.wrjs_table a.fatlink:hover em {
  text-decoration: underline; }

.wrjs_table a.fatlink b {
  padding: 1px 3px;
  border-radius: 4px;
  background: #529aeb;
  color: #fff;
  font-weight: normal;
  margin-left: 5px; }

.wrjs_table a.fatlink:hover b {
  background: #86befc; }

.wrjs_table a.fatlink.active b {
  background: #2c6db6; }

.wrjs_table a.fatlink.red {
  color: #c64139; }

.wrjs_table a.fatlink.red b {
  background: #c64139; }

.wrjs_table a.fatlink.red:hover b {
  background: #db5c54; }

.wrjs_table a.fatlink.red.active b {
  background: #a6241d; }

.wrjs_table td input[type="text"],
.wrjs_table td input[type="number"],
.wrjs_table td input[type="email"],
.wrjs_table td input[type="tel"],
.wrjs_table td select,
.wrjs_table td textarea {
  border: 1px solid #d7d7d7;
  height: 30px;
  line-height: 30px;
  border-radius: 0; }
  @media (pointer: coarse) {
    .wrjs_table td input[type="text"],
    .wrjs_table td input[type="number"],
    .wrjs_table td input[type="email"],
    .wrjs_table td input[type="tel"],
    .wrjs_table td select,
    .wrjs_table td textarea {
      height: 40px;
      line-height: 40px; } }

/*********************************************
  GRID
*********************************************/
.wrjs_grid {
  margin: 0;
  float: left;
  width: 100%;
  position: relative; }
  .wrjs_grid .tableheader + div > .dashinner {
    border-top: 0; }
  .wrjs_grid .tableheader .button, .wrjs_grid .tableheader #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .wrjs_grid .tableheader .button {
    text-indent: 0; }
    .wrjs_grid .tableheader .button.position-top-right, .wrjs_grid .tableheader #confirmOverlay #confirmBox .position-top-right.button, #confirmOverlay #confirmBox .wrjs_grid .tableheader .position-top-right.button {
      margin: 0 !important;
      position: absolute;
      right: 3px;
      top: 50%;
      transform: translate(0, -50%); }
    .wrjs_grid .tableheader .button.tableheader-button, .wrjs_grid .tableheader #confirmOverlay #confirmBox .tableheader-button.button, #confirmOverlay #confirmBox .wrjs_grid .tableheader .tableheader-button.button {
      font-size: 11px;
      background: rgba(255, 255, 255, 0.5);
      border-color: rgba(0, 0, 0, 0.2); }
      .wrjs_grid .tableheader .button.tableheader-button:hover, .wrjs_grid .tableheader #confirmOverlay #confirmBox .tableheader-button.button:hover, #confirmOverlay #confirmBox .wrjs_grid .tableheader .tableheader-button.button:hover {
        background: rgba(255, 255, 255, 0.7); }
  .wrjs_grid .scroller {
    border: 0; }
    .wrjs_grid .scroller .wrjs_table, .wrjs_grid .scroller .wrjs_table th {
      border-bottom: none; }
    .wrjs_grid .scroller .wrjs_table.sticky {
      border: 1px solid #d7d7d7;
      border-bottom: 0;
      position: absolute;
      top: 0px;
      width: 100%;
      z-index: 9;
      opacity: 1 !important; }
      @media (max-width: 768px) {
        .wrjs_grid .scroller .wrjs_table.sticky {
          display: none; } }
  .wrjs_grid .wrjs_toolbar + .scroller .wrjs_table.sticky {
    border-top: 1px solid #c8c8c8; }
  .wrjs_grid.noborder .scroller {
    border: none;
    border-radius: none; }
  .wrjs_grid.blank .dashinner, .wrjs_grid.noresults .dashinner {
    border: 0; }
  .wrjs_grid.horizontal tr:first-of-type td {
    border-top: 0; }
  .wrjs_grid.horizontal .wrjs_table tr th {
    border: none;
    border-right: 1px solid #d7d7d7;
    background: #eee;
    font-size: 12px;
    text-shadow: none;
    color: #333;
    font-weight: normal;
    box-shadow: 0 -1px 0 #d7d7d7 inset; }
  .wrjs_grid.horizontal .wrjs_table tr:last-child th {
    box-shadow: none; }
  .wrjs_grid.horizontal .wrjs_table tr.subheader.flat th.subheader.single {
    background: gainsboro;
    color: #444;
    font-weight: 600;
    font-size: 12px; }
  .wrjs_grid.horizontal.blank .wrjs_table tr th {
    background-color: #fff;
    box-shadow: none;
    white-space: unset; }
    @media (max-width: 992px) {
      .wrjs_grid.horizontal.blank .wrjs_table tr th {
        width: 100%;
        padding: 1px 0 7px;
        display: block;
        width: 100%;
        white-space: normal;
        height: auto;
        line-height: 1; } }
  .wrjs_grid.horizontal.blank .wrjs_table tr td {
    background-color: #eee;
    background-image: none;
    border-radius: 5px;
    box-shadow: none; }
    @media (max-width: 992px) {
      .wrjs_grid.horizontal.blank .wrjs_table tr td {
        padding: 9px;
        display: block;
        width: 100%;
        white-space: normal;
        height: auto;
        line-height: 1; } }
  .wrjs_grid.horizontal.blank .wrjs_table tr.subheader.flat th.subheader.single {
    text-indent: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 10px 0 0;
    font: 500 13px "Roboto", arial, sans-serif;
    color: #333;
    text-decoration: underline; }
  @media (max-width: 992px) {
    .wrjs_grid.horizontal.blank .wrjs_table tr.subheader.flat th.subheader {
      padding: 5px 0 10px;
      border-bottom: 1px solid #d7d7d7; } }
  .wrjs_grid.horizontal.blank .wrjs_table tr.subheader.flat:first-child th.subheader.single {
    padding: 0; }
  @media (max-width: 992px) {
    .wrjs_grid.horizontal.blank .wrjs_table tr.subheader.flat:first-child th.subheader {
      padding: 0px 0 10px; } }
  .wrjs_grid.horizontal.blank .left.hundred {
    border: 0; }
  .wrjs_grid.horizontal:not(.gradientsubheaders) .tableheader {
    border-bottom: 1px solid #d7d7d7; }
    .wrjs_grid.horizontal:not(.gradientsubheaders) .tableheader + div tbody tr:not(.flat):first-child th {
      border-top-color: transparent; }
  .wrjs_grid.horizontal.gradientsubheaders .wrjs_table tr.subheader.flat th.subheader {
    background: transparent linear-gradient(to bottom, #ededed 0%, #d4d4d4 99%) repeat scroll 0 0;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: none;
    border-color: #bbb;
    line-height: 19px;
    padding-left: 6px;
    box-shadow: 0 1px 0 #fff inset; }
  .wrjs_grid.horizontal.gradientsubheaders .wrjs_table tr:first-child th {
    border-top: none; }
  .wrjs_grid.blank .wrjs_table {
    border: 0;
    border-spacing: 0 10px; }
    .wrjs_grid.blank .wrjs_table tr th,
    .wrjs_grid.blank .wrjs_table tr td {
      background-color: transparent;
      background-image: none;
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: middle;
      color: #555; }
    .wrjs_grid.blank .wrjs_table tr td {
      padding: 6px 7px; }
  .wrjs_grid .dashinner {
    position: relative;
    border: 1px solid #d7d7d7;
    width: 100%;
    float: left; }
    @media (max-width: 768px) {
      .wrjs_grid .dashinner {
        max-height: 20000px !important; } }
    .wrjs_grid .dashinner .wrjs_table {
      border: 0; }
      .wrjs_grid .dashinner .wrjs_table tr td {
        line-height: 1.3;
        /*
					select,
					input[type="number"] {
						min-height:1px;
						height:auto;
						line-height:1;
						padding: 5px 0 5px 3px;
						margin: -3px 0;
					}
					*/ }
        .wrjs_grid .dashinner .wrjs_table tr td label {
          margin-right: 10px; }
          .wrjs_grid .dashinner .wrjs_table tr td label .checkreplace {
            margin-top: -4px; }
      .wrjs_grid .dashinner .wrjs_table tr.error td {
        background-color: #CCB012;
        color: #6e5f0a; }
        .wrjs_grid .dashinner .wrjs_table tr.error td:first-child {
          padding-left: 25px;
          background-color: #CCB012 !important; }
          .wrjs_grid .dashinner .wrjs_table tr.error td:first-child:before {
            position: absolute;
            top: 50%;
            left: 5px;
            transform: translate(0, -50%);
            font-size: 18px;
            color: #6e5f0a; }
        .wrjs_grid .dashinner .wrjs_table tr.error td:hover {
          background-color: #e3c414 !important; }
      .wrjs_grid .dashinner .wrjs_table tr.error.selected td {
        color: #6e5f0a;
        background-color: #CCB012 !important; }
      .wrjs_grid .dashinner .wrjs_table tr.error.suspended td {
        color: #888;
        background-color: #eee !important; }
        .wrjs_grid .dashinner .wrjs_table tr.error.suspended td:first-child:before {
          color: #CCB012; }
      .wrjs_grid .dashinner .wrjs_table tr.error.suspended:hover td {
        color: #888;
        background-color: #ddd !important; }
      .wrjs_grid .dashinner .wrjs_table tr.error.suspended.selected td {
        color: #888;
        background-color: #ddd !important; }
  @media (pointer: coarse) and (min-width: 768px) {
    .wrjs_grid.fullheight .dashinner {
      max-height: none !important; } }
  .wrjs_grid input.fielderror {
    border: 1px solid #e2cf62; }

@media (max-width: 767px) {
  .wrjs_grid:not(.noresults) .left.hundred {
    float: none;
    width: 100%; } }

.wrjs_grid.scroller .wrjs_paging {
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.wrjs_grid .tableheader + div .scroller,
.wrjs_grid .tableheader + div .scroller .wrjs_table,
.wrjs_grid .tableheader + div,
.wrjs_grid .tableheader + div > .wrjs_table,
.wrjs_grid .tableheader + div > div > .wrjs_table {
  border-top: none !important; }

.wrjs_grid.bordered .scroller {
  border: 1px solid #d7d7d7; }

.tableheader ~ .tabcontent > .wrjs_grid .wrjs_table,
.tableheader ~ .tabcontent > .wrjs_grid .box {
  border-radius: 0 0 5px 5px !important;
  border-top: 0; }

.tableheader ~ .tabcontent > .wrjs_grid .wrjs_table th,
.tableheader ~ .tabcontent > .wrjs_grid .box h1 {
  border-radius: 0 !important; }

.wrjs_grid .noresults > div {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 6px; }

.wrjs_grid .tableheader + .noresults > div,
.tableheader + .noresults > div {
  border-top: none; }

.noresults h3,
h3.noresults {
  background: #eee;
  color: #555;
  border-radius: 3px;
  padding: 10px;
  margin: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 500; }

.noresults h3 .button, .noresults h3 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .noresults h3 .button {
  margin-bottom: 0; }

.scroller .wrjs_table {
  border-radius: 0px;
  border: none;
  margin: 0; }

.scroller .wrjs_table th {
  border-top: 0; }

.scroller .wrjs_table tbody tr:first-child td {
  border-top: 0;
  border-radius: 0px !important; }

.table.nowrap td {
  white-space: nowrap; }

.wrjs_grid.sortable thead th.sort:hover {
  background: #fbfbfb;
  cursor: pointer; }

/* SORT ARROWS */
.wrjs_grid.sortable thead th.sort b {
  position: relative;
  top: 1px;
  left: 4px;
  width: 7px;
  height: 5px;
  display: inline-block; }

.greyheader .wrjs_grid.sortable thead th.sort {
  background: #eee !important;
  border-bottom-color: #ccc !important; }

.greyheader .wrjs_grid.sortable thead th.sort:hover {
  background: #f6f6f6 !important; }

/*********************************************
  BOX
*********************************************/
.wrjs_grid .box {
  margin: 0; }

.wrjs_grid.noborder .box {
  border: none; }

.wrjs_grid.nobordertop .box,
.wrjs_grid.nobordertop .scroller,
.wrjs_grid.nobordertop .tableheader {
  border-top: none; }

/*********************************************
  TABLEHEADER
*********************************************/
.tableheader {
  background: gainsboro;
  border: 1px solid #cfcfcf;
  float: left;
  width: 100%;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 12px;
  margin: 0;
  padding: 13px 0 12px;
  text-indent: 8px;
  font-weight: 500;
  line-height: 1; }
  .tableheader [wrjs_tooltip] {
    margin-right: 5px; }
    .tableheader [wrjs_tooltip] .tooltip-icon {
      position: relative;
      top: 3px; }

.tableheader.blue,
.wrjs_grid.blue .tableheader,
.wrjs_tree.blue .tableheader,
.tableheader.green,
.wrjs_grid.green .tableheader,
.wrjs_tree.green .tableheader,
.tableheader.red,
.wrjs_grid.red .tableheader,
.wrjs_tree.red .tableheader {
  color: #fff; }

.tableheader.blue,
.wrjs_grid.blue .tableheader,
.wrjs_tree.blue .tableheader {
  background: #50a6c5;
  border-color: #3f9cbc;
  color: #fff; }

.tableheader.green,
.wrjs_grid.green .tableheader,
.wrjs_tree.green .tableheader {
  background: #8ca74f;
  border-color: #7e9546;
  color: #fff; }

.tableheader.red,
.wrjs_grid.red .tableheader,
.wrjs_tree.red .tableheader {
  background: #ba2a1e !important;
  border-color: #891d14;
  color: #fff; }

.tableheader.greyheader,
.wrjs_grid.greyheader .tableheader,
.wrjs_tree.greyheader .tableheader {
  border-color: #d7d7d7;
  color: #333;
  background: #eee; }

/* SPLIT PIPE FOR SITES PAGE */
.tableheader strong {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 30px;
  margin: 0 7px; }

.tableheader span.inset {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 8px;
  height: 100%;
  text-indent: 0px;
  transition: all 0.5s ease; }
  .tableheader span.inset.psize {
    padding: 0 0 0 8px; }
  .tableheader span.inset label {
    padding: 12px 0;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    position: relative; }
  .tableheader span.inset select {
    border-radius: 0;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    position: relative;
    top: 0;
    margin: 0 0 0 6px;
    padding: 0 5px 0 5px;
    height: 100%;
    text-indent: 0;
    min-width: 52px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%); }
    .tableheader span.inset select option {
      padding: 5px; }

.tableheader .button, .tableheader #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .tableheader .button {
  margin: -4px 4px 0 -4px !important; }

.wrjs_grid.noborder .tableheader {
  border-left: 0px;
  border-right: 0px; }

.tableheader_th .tableheader {
  line-height: 14px;
  margin: 0;
  text-indent: 0; }

/*********************************************
  TOOLBAR
*********************************************/
.toolbar {
  background: #eee;
  float: left;
  clear: both;
  width: 100%;
  border: 1px solid #d7d7d7;
  margin-bottom: -1px;
  padding: 8px;
  white-space: nowrap;
  position: relative;
  /*input.search {padding:0 2px 0 26px; background:#fff url(../../images/icon_search_opacity20.png) no-repeat scroll 5px 4px / 16px auto;}*/ }
  .toolbar h2 {
    color: #333;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-weight: 500; }
    @media (pointer: coarse) {
      .toolbar h2 {
        line-height: 40px; } }
  .toolbar select,
  .toolbar input {
    background-color: #fff;
    position: relative;
    float: left;
    margin: 0 3px 0 0;
    border-color: #d7d7d7;
    height: 30px;
    line-height: 30px;
    padding: 0 2px;
    -webkit-appearance: none;
    border-radius: 0; }
    @media (pointer: coarse) {
      .toolbar select,
      .toolbar input {
        height: 40px;
        line-height: 40px; } }
  .toolbar input.search {
    padding: 0 2px 0 26px;
    background: #fff url(../../images/icon_search_opacity20.png) no-repeat scroll 5px 4px/16px auto;
    background-position: 5px center;
    border: 1px solid #d7d7d7; }
    .toolbar input.search.hundred {
      width: calc(100% - 6px) !important; }
  .toolbar select {
    background-position: calc(100% - 11px) 50%, calc(100% - 7px) 50%; }
    .toolbar select option {
      padding: 4px;
      font-size: 12px; }
  .toolbar.blue {
    background: #00a7e1;
    border-color: #0094c8;
    color: #fff; }
    .toolbar.blue select, .toolbar.blue input {
      border-color: #0094c8; }
  .toolbar.blue, .toolbar.green {
    color: #fff; }
    .toolbar.blue h2, .toolbar.green h2 {
      color: #fff; }
  .toolbar.green {
    background: #629e62;
    border-color: #869c51; }
    .toolbar.green select, .toolbar.green input {
      border-color: #869c51; }
  .toolbar:not(.hidden) + div > .wrjs_grid.bordered .scroller {
    border-top: none; }
  .toolbar.blank {
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    min-height: 1px;
    border-radius: 0px;
    box-shadow: none; }

/*********************************************
  PAGING
*********************************************/
.wrjs_paging {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  padding: 4px;
  margin-top: -1px;
  border: 1px solid #d7d7d7;
  background-color: #eee;
  overflow: hidden;
  box-sizing: border-box; }
  .wrjs_paging ul {
    display: block; }
    .wrjs_paging ul li {
      float: left; }
      .wrjs_paging ul li.right {
        margin-left: 5px;
        float: right; }
      .wrjs_paging ul li:first-child a {
        margin-left: 0;
        border-radius: 3px 0 0 3px; }
      .wrjs_paging ul li.pageinfo {
        padding: 0 7px;
        line-height: 28px; }
        @media (pointer: coarse) {
          .wrjs_paging ul li.pageinfo {
            line-height: 38px; } }
      .wrjs_paging ul li.pageinfo, .wrjs_paging ul li.pageselect, .wrjs_paging ul li.pagerowselect {
        background: #aaa;
        border-radius: 3px;
        color: #fff;
        border: 1px solid #aaa;
        padding-left: 6px; }
        .wrjs_paging ul li.pageinfo select, .wrjs_paging ul li.pageselect select, .wrjs_paging ul li.pagerowselect select {
          margin-left: 6px;
          border: 0;
          border-radius: 2px;
          color: #666;
          min-height: 28px; }
          .browser-is-firefox .wrjs_paging ul li.pageinfo select, .browser-is-firefox .wrjs_paging ul li.pageselect select, .browser-is-firefox .wrjs_paging ul li.pagerowselect select {
            min-height: 0;
            height: 28px; }
          @media (pointer: coarse) {
            .wrjs_paging ul li.pageinfo select, .wrjs_paging ul li.pageselect select, .wrjs_paging ul li.pagerowselect select {
              min-height: 38px; }
              .browser-is-firefox .wrjs_paging ul li.pageinfo select, .browser-is-firefox .wrjs_paging ul li.pageselect select, .browser-is-firefox .wrjs_paging ul li.pagerowselect select {
                min-height: 0;
                height: 38px; } }
          .wrjs_paging ul li.pageinfo select option, .wrjs_paging ul li.pageselect select option, .wrjs_paging ul li.pagerowselect select option {
            padding: 7px 0 6px 6px; }
        .wrjs_paging ul li.pageinfo.light, .wrjs_paging ul li.pageselect.light, .wrjs_paging ul li.pagerowselect.light {
          background: #fff;
          border-color: #ccc;
          margin-left: -1px;
          border-radius: 0;
          padding: 0; }
          .wrjs_paging ul li.pageinfo.light select, .wrjs_paging ul li.pageselect.light select, .wrjs_paging ul li.pagerowselect.light select {
            border-radius: 0; }
      .wrjs_paging ul li a {
        display: inline-block;
        float: left;
        background-color: #fff;
        border: 1px solid #c8c8c8;
        margin-left: -1px;
        line-height: 28px;
        text-align: center;
        width: 30px;
        color: #777; }
        @media (pointer: coarse) {
          .wrjs_paging ul li a {
            line-height: 38px;
            width: 40px; } }
        .wrjs_paging ul li a:hover {
          background-color: #eee;
          text-decoration: none; }
        .wrjs_paging ul li a.selected, .wrjs_paging ul li a.selected:hover, .wrjs_paging ul li a.pageselected, .wrjs_paging ul li a.pageselected:hover {
          background-color: #aaa;
          color: #fff;
          border-color: #888;
          cursor: default;
          position: relative;
          z-index: 1; }
        .wrjs_paging ul li a.pagefirst, .wrjs_paging ul li a.pagelast, .wrjs_paging ul li a.pageprev, .wrjs_paging ul li a.pagenext, .wrjs_paging ul li a.pagereload {
          color: transparent;
          overflow: hidden;
          font-size: 0;
          height: 30px; }
          @media (pointer: coarse) {
            .wrjs_paging ul li a.pagefirst, .wrjs_paging ul li a.pagelast, .wrjs_paging ul li a.pageprev, .wrjs_paging ul li a.pagenext, .wrjs_paging ul li a.pagereload {
              height: 40px; } }
        .wrjs_paging ul li a.pagefirst {
          border-radius: 3px 0 0 3px; }
        .wrjs_paging ul li a.pagelast {
          border-radius: 0 3px 3px 0; }
        .wrjs_paging ul li a.pagereload {
          border-radius: 3px; }
        .wrjs_paging ul li a.disabled, .wrjs_paging ul li a.disabled:hover {
          cursor: default;
          background-color: #eee;
          color: #c8c8c8;
          border-color: #d5d4d4; }
          .wrjs_paging ul li a.disabled:before, .wrjs_paging ul li a.disabled:after, .wrjs_paging ul li a.disabled:hover:before, .wrjs_paging ul li a.disabled:hover:after {
            color: #c8c8c8; }
  .wrjs_paging .pagesizeholder {
    position: relative;
    background: #888;
    border-radius: 5px;
    color: #eee;
    padding: 3px 0 3px 6px;
    margin: 6px 0 0 0;
    box-shadow: 0 0 5px #666 inset; }
  .wrjs_paging .pagesize {
    margin: -3px 0 -3px 5px;
    padding: 1px 5px 1px 1px;
    border-radius: 3px;
    border: 1px solid #777; }
  @media (max-width: 940px) {
    .thirty .wrjs_paging .visible-md, .thirtyfive .wrjs_paging .visible-md, .forty .wrjs_paging .visible-md, .fortyfive .wrjs_paging .visible-md, .fortynine .wrjs_paging .visible-md, .fifty .wrjs_paging .visible-md {
      display: none; } }
  @media (pointer: coarse) and (max-width: 1196px) {
    .thirty .wrjs_paging .visible-md, .thirtyfive .wrjs_paging .visible-md, .forty .wrjs_paging .visible-md, .fortyfive .wrjs_paging .visible-md, .fortynine .wrjs_paging .visible-md, .fifty .wrjs_paging .visible-md {
      display: none; } }
  .module .wrjs_paging {
    margin-bottom: 12px; }
    @media (pointer: coarse) {
      .module .wrjs_paging {
        margin-bottom: 16px; } }
  .wrjs_grid .scroller .wrjs_paging {
    border: none;
    border-top: 1px solid #d7d7d7;
    border-radius: 0; }

.hideheaderinputs input, .hideheaderinputs select {
  display: none; }

@media (pointer: coarse) {
  .wrjs_table, .table:not(.dashbox) {
    border: 0; }
  .wrjs_grid .left.hundred {
    float: none;
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .nav-is-open-xs .wrjs_grid .left.hundred {
      overflow: hidden; }
  .wrjs_grid .left.hundred .table, .scroller .wrjs_grid .left.hundred {
    border: 0; }
  .wrjs_grid.no-border-left .left.hundred {
    border-left: 0; }
  .wrjs_grid th[style="width:100%;"] {
    width: 60vw !important; }
  td {
    overflow: visible; }
    td:not(.xs-white-space-normal) {
      white-space: nowrap; } }

@media (max-width: 992px) {
  /* FIXED - SCROLLABLE FOR DESKTOPS AT SMALLER RES' */ }

.negativeindent {
  text-indent: -999em;
  letter-spacing: -999em; }

.emptytext {
  background: #eee;
  border-radius: 8px;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #666;
  font-size: 12px; }

.image_center_center {
  background-position: center center !important; }

@media (max-width: 479px) {
  .hide-col-xs {
    display: none; } }

@media (max-width: 767px) {
  .hide-col-sm {
    display: none; } }

@media (max-width: 991px) {
  .hide-col-md {
    display: none; } }

@media (min-width: 992px) {
  .hide-col-lg {
    display: none; } }

.wrjs_toolbar {
  background: #ccc;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  float: left;
  width: 100%;
  height: 30px;
  box-shadow: 0 1px 0 #bbb;
  position: relative;
  z-index: 10; }
  @media (pointer: coarse) {
    .wrjs_toolbar {
      height: 48px; } }
  .wrjs_toolbar .button-toolbar {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    margin: 4px 0 4px 4px;
    float: left;
    color: #555;
    padding: 4px 5px;
    min-width: 22px;
    text-align: center;
    font-size: 11px; }
    .wrjs_toolbar .button-toolbar:hover {
      text-decoration: none;
      background: #eee; }
    .wrjs_toolbar .button-toolbar:active {
      background: #888;
      border-color: #888;
      border-top-color: #777;
      color: #fff; }
    .wrjs_toolbar .button-toolbar.disabled {
      background: #ddd;
      color: #aaa;
      border-color: #bbb;
      cursor: not-allowed; }
    .wrjs_toolbar .button-toolbar.icon {
      font-size: 16px;
      padding: 0; }
    .wrjs_toolbar .button-toolbar:not(.disabled).red {
      color: #ba2a1e; }
      .wrjs_toolbar .button-toolbar:not(.disabled).red:active {
        color: #fff; }
    .wrjs_toolbar .button-toolbar:not(.disabled).green {
      color: #799c2f; }
      .wrjs_toolbar .button-toolbar:not(.disabled).green:active {
        color: #fff; }
    @media (pointer: coarse) {
      .wrjs_toolbar .button-toolbar {
        min-width: 40px;
        padding: 0 5px; }
        .wrjs_toolbar .button-toolbar, .wrjs_toolbar .button-toolbar.icon {
          line-height: 38px; } }
  .wrjs_toolbar.masked {
    min-height: 1px; }

.wrjs_grid .wrjs_table thead th > div {
  width: 100%;
  display: flex; }
  .wrjs_grid .wrjs_table thead th > div > span {
    flex: auto; }

.wrjs_grid .wrjs_table thead .wrjs_hidden_columns {
  float: right; }
  .wrjs_grid .wrjs_table thead .wrjs_hidden_columns .wrjs_hidden_columns_toggle_button {
    cursor: pointer;
    color: #555;
    font-size: 18px; }
    .wrjs_grid .wrjs_table thead .wrjs_hidden_columns .wrjs_hidden_columns_toggle_button:hover {
      color: rgba(0, 0, 0, 0.5); }
  .wrjs_grid .wrjs_table thead .wrjs_hidden_columns .wrjs_hidden_columns_options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #ddd;
    z-index: 1;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .wrjs_grid .wrjs_table thead .wrjs_hidden_columns .wrjs_hidden_columns_options .wrjs_hidden_columns_option {
      padding: 0 6px;
      line-height: 1;
      text-indent: 0; }
  .wrjs_grid .wrjs_table thead .wrjs_hidden_columns.revealed .wrjs_hidden_columns_options {
    display: block; }
    .wrjs_grid .wrjs_table thead .wrjs_hidden_columns.revealed .wrjs_hidden_columns_options .wrjs_hidden_columns_option_header {
      display: inline-block;
      padding: 0;
      line-height: 30px;
      text-indent: 0; }
      .wrjs_grid .wrjs_table thead .wrjs_hidden_columns.revealed .wrjs_hidden_columns_options .wrjs_hidden_columns_option_header span {
        display: none; }
    .wrjs_grid .wrjs_table thead .wrjs_hidden_columns.revealed .wrjs_hidden_columns_options .wrjs_hidden_columns_option_check {
      display: inline-block;
      line-height: 30px;
      text-indent: 0;
      padding: 0;
      padding-right: 6px; }
      .wrjs_grid .wrjs_table thead .wrjs_hidden_columns.revealed .wrjs_hidden_columns_options .wrjs_hidden_columns_option_check label {
        cursor: pointer; }

.wrjs_grid .wrjs_table thead .wrjs_header_placeholder {
  display: table-cell;
  background: #aec377;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ededed 0%, #aec377 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(99%, #aec377));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ededed 0%, #aec377 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ededed 0%, #aec377 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ededed 0%, #aec377 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ededed 0%, #aec377 99%);
  /* W3C */
  border-bottom: 1px solid #90a564;
  z-index: 1; }

.wrjs_grid .wrjs_header_helper {
  display: block;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 9px 6px 8px 6px;
  z-index: 1; }

/*

	BOX

*/
.box {
  background: #fff;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0 0 16px 0; }
  @media (max-width: 767px) {
    .box {
      width: 100%; }
      .wrapper .box.blank {
        margin: 0 16px 16px 16px;
        width: calc(100% - 32px); }
      .xs-wrapper .box.blank {
        margin: 0 0 16px 0;
        width: 100%; } }
  .box h1 {
    background: gainsboro;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-weight: 500;
    font-size: 12px;
    padding: 0 10px;
    border: 1px solid #c8c8c8;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 -1px;
    width: calc(100% + 2px);
    left: -1px;
    top: -1px; }
    .box h1 .button, .box h1 #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .box h1 .button {
      top: -5px;
      margin: 0;
      right: -3px; }
      .box h1 .button.right, .box h1 #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox .box h1 .right.button {
        margin: -2px 0 -11px !important;
        right: -5px; }
    .box h1 em {
      color: #666666;
      font-size: 12px;
      font-weight: normal;
      margin-left: 4px; }
    .box h1 select {
      position: absolute;
      right: 3px;
      top: 3px;
      border-radius: 3px;
      border: 1px solid #999;
      padding: 1px;
      font-size: 12px;
      background: #eee; }
      .box h1 select option {
        padding-right: 10px; }
  .box h2, .box h3 {
    font-weight: 500; }
  .box > .inner + h1 {
    border-radius: 0;
    border-top: 1px solid #bbb; }
  .box p.loading {
    border-radius: 0;
    color: #444;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 8px 0;
    text-indent: 34px;
    border: 1px solid #d7d7d7;
    background: url(../../images/loading_16x16.gif) no-repeat 10px center #eee;
    background-size: 16px 5px; }
  .box.amber h1 {
    color: #fff;
    background: #CCB012;
    filter: none; }
  .box.green h1 {
    color: #fff;
    background: #96bf36;
    filter: none; }
  .box.red h1 {
    color: #fff;
    background: #ba2a1e;
    filter: none; }
  .box.amber h1 em, .box.green h1 em, .box.red h1 em {
    color: #fff; }
  .box.blank {
    border: 0; }
  .box.fullheight {
    min-height: 86px; }
  .box.selectarrow {
    top: 16px;
    display: none; }
    @media (max-width: 767px) {
      .page_xs_right_in .box.selectarrow {
        display: none !important; } }
    #blockallow_details .box.selectarrow {
      top: 74px; }
      @media (pointer: coarse) {
        #blockallow_details .box.selectarrow {
          top: 96px; } }
    .box.selectarrow span {
      width: 0;
      height: 0;
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-right: 9px solid #d7d7d7;
      position: absolute;
      left: -9px;
      top: 15px; }
    .box.selectarrow span span {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid #fff !important;
      position: absolute;
      left: 1px;
      top: -8px; }
    .row .box.selectarrow span {
      border-right-color: #111; }
    .box.selectarrow .infectiondetail .selectarrow {
      top: 27px;
      display: inline-block; }
    .box.selectarrow .inner {
      margin: 14px 12px 0 !important; }
  .box .inner {
    margin: 10px; }
    .box .inner .button, .box .inner #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox .box .inner .button {
      margin-bottom: 0; }

.wrjs_form .box .inner {
  float: left;
  width: calc(100% - 20px); }

@media (min-width: 768px) {
  .fullheight {
    margin: 0 !important; } }

.innerbox {
  border: 1px solid #ccc;
  background: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 0 12px; }
  @media (pointer: coarse) {
    .innerbox {
      margin: 0 0 16px; } }

.innerbox h2 {
  border-radius: 5px 5px 0 0;
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  padding: 6px 0 5px;
  text-indent: 8px;
  box-shadow: inset 0 1px 0 #fdfdfd; }

.innerbox .inner {
  background: #fff;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  padding: 10px;
  margin: 0; }

.innerbox .inner.chart {
  padding-bottom: 0; }

.innerbox .inner p {
  color: #bbb;
  margin: 0;
  line-height: 100px;
  text-align: center; }

.innerbox.blank {
  background: #fff; }

.innerbox.blank .inner {
  border: none; }

#wrjs_modal_producttour > .inner {
  margin: -3px 10px 0; }

.inner_padding {
  padding: 0;
  float: left;
  width: 100%;
  margin: 0; }

.box.padded .inner_padding {
  padding: 10px 10px 0; }

.boxfooter {
  background: #eee;
  float: left;
  width: 100%;
  border-top: 1px solid #d7d7d7;
  margin: 0; }
  @media (min-width: 992px) {
    #tab_admins .boxfooter .button, #tab_admins .boxfooter #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox #tab_admins .boxfooter .button,
    #tab_alerts .boxfooter .button,
    #tab_alerts .boxfooter #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox #tab_alerts .boxfooter .button,
    #tab_overrides .boxfooter .button,
    #tab_overrides .boxfooter #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox #tab_overrides .boxfooter .button,
    #page_licenseadd .boxfooter .button,
    #page_licenseadd .boxfooter #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox #page_licenseadd .boxfooter .button,
    #page_createuser .boxfooter .button,
    #page_createuser .boxfooter #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox #page_createuser .boxfooter .button,
    #page_useraccess .boxfooter .button,
    #page_useraccess .boxfooter #confirmOverlay #confirmBox .button,
    #confirmOverlay #confirmBox #page_useraccess .boxfooter .button {
      text-indent: 0; }
      #tab_admins .boxfooter .button.left, #tab_admins .boxfooter #confirmOverlay #confirmBox .left.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .left.button, #tab_admins .boxfooter .button.right, #tab_admins .boxfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .right.button,
      #tab_alerts .boxfooter .button.left,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .left.button,
      #tab_alerts .boxfooter .button.right,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .right.button,
      #tab_overrides .boxfooter .button.left,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .left.button,
      #tab_overrides .boxfooter .button.right,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .right.button,
      #page_licenseadd .boxfooter .button.left,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .left.button,
      #page_licenseadd .boxfooter .button.right,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .right.button,
      #page_createuser .boxfooter .button.left,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .left.button,
      #page_createuser .boxfooter .button.right,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .right.button,
      #page_useraccess .boxfooter .button.left,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .left.button,
      #page_useraccess .boxfooter .button.right,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .right.button {
        xfloat: none; }
      #tab_admins .boxfooter .button.left, #tab_admins .boxfooter #confirmOverlay #confirmBox .left.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .left.button,
      #tab_alerts .boxfooter .button.left,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .left.button,
      #tab_overrides .boxfooter .button.left,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .left.button,
      #page_licenseadd .boxfooter .button.left,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .left.button,
      #page_createuser .boxfooter .button.left,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .left.button,
      #page_useraccess .boxfooter .button.left,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .left.button {
        margin-left: 10px !important; } }
    @media (min-width: 992px) and (pointer: coarse) {
      #tab_admins .boxfooter .button.left, #tab_admins .boxfooter #confirmOverlay #confirmBox .left.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .left.button,
      #tab_alerts .boxfooter .button.left,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .left.button,
      #tab_overrides .boxfooter .button.left,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .left.button,
      #page_licenseadd .boxfooter .button.left,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .left.button,
      #page_createuser .boxfooter .button.left,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .left.button,
      #page_useraccess .boxfooter .button.left,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .left.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .left.button {
        margin-left: 16px !important; } }
  @media (min-width: 992px) {
      #tab_admins .boxfooter .button.right, #tab_admins .boxfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .right.button,
      #tab_alerts .boxfooter .button.right,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .right.button,
      #tab_overrides .boxfooter .button.right,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .right.button,
      #page_licenseadd .boxfooter .button.right,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .right.button,
      #page_createuser .boxfooter .button.right,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .right.button,
      #page_useraccess .boxfooter .button.right,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .right.button {
        margin-right: 10px !important; } }
    @media (min-width: 992px) and (pointer: coarse) {
      #tab_admins .boxfooter .button.right, #tab_admins .boxfooter #confirmOverlay #confirmBox .right.button, #confirmOverlay #confirmBox #tab_admins .boxfooter .right.button,
      #tab_alerts .boxfooter .button.right,
      #tab_alerts .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_alerts .boxfooter .right.button,
      #tab_overrides .boxfooter .button.right,
      #tab_overrides .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #tab_overrides .boxfooter .right.button,
      #page_licenseadd .boxfooter .button.right,
      #page_licenseadd .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_licenseadd .boxfooter .right.button,
      #page_createuser .boxfooter .button.right,
      #page_createuser .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_createuser .boxfooter .right.button,
      #page_useraccess .boxfooter .button.right,
      #page_useraccess .boxfooter #confirmOverlay #confirmBox .right.button,
      #confirmOverlay #confirmBox #page_useraccess .boxfooter .right.button {
        margin-right: 16px !important; } }

/*

	TICK

*/
.successouter {
  background: rgba(30, 30, 30, 0.9);
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  padding: 30px 20px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  opacity: 1; }

.successtick {
  display: block;
  background-image: none;
  background: #1dbb2b;
  width: 70px;
  height: 70px;
  position: relative;
  border-radius: 100%;
  border: solid 5px transparent;
  margin: 0 auto;
  line-height: 170px;
  color: #fff;
  text-align: center;
  -webkit-animation: successShake 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animaton: successShake 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  top: -15px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px; }

.successtick:before,
.successtick:after {
  content: "";
  background: #fff;
  width: 10px;
  height: 20px;
  position: absolute;
  top: 25px;
  left: 13px;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.successtick:after {
  width: 10px;
  height: 40px;
  top: 10px;
  left: 30px;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.successouter.light {
  background: rgba(255, 255, 255, 0.9);
  color: #292929;
  border: solid 1px #ccc; }

.successouter.fade-out {
  animation: fadeOut 0.3s linear forwards;
  -webkit-animation: fadeOut 0.3s linear forwards; }

@-webkit-keyframes successShake {
  0% {
    -webkit-transform: scale(0.5); }
  25% {
    -webkit-transform: scale(2); }
  50% {
    -webkit-transform: scale(0.75); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes successShake {
  0% {
    transform: scale(0.5); }
  25% {
    transform: scale(2); }
  50% {
    transform: scale(0.75); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.tick {
  display: inline-block; }

.boxfooter .tick {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
  color: #666666;
  display: inline-block;
  margin: 10px 0 0;
  padding: 0 10px 0 6px;
  line-height: 27px; }

/*

	USERS

*/
#page_useraccess .masthead {
  margin-bottom: 0; }
  #page_useraccess .masthead .tabs-container {
    padding-top: 0;
    clear: both;
    border-bottom: 0; }

#tzwrapper, #tzwrapper1 {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%; }

#tzall, #tzall1 {
  width: 100%;
  outline: none; }

.reset-tz {
  position: absolute;
  right: 0px;
  top: 5px;
  height: 15px;
  width: 15px;
  background: url(../images/uber_sprite.png) no-repeat -270px -110px; }

.reset-tz:hover {
  background-position: left bottom; }

#addpermissions, #addalerts {
  float: left;
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0; }

#addpermissions .wrjs_table {
  border: 0; }

#addpermissions table.table tbody tr th {
  border-bottom: 1px solid #d7d7d7; }

#addpermissions h2,
#addalerts h2 {
  float: left;
  width: 100%;
  padding: 6px 0;
  text-indent: 7px;
  text-transform: capitalize;
  background: #ddd;
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 5px;
  color: #333; }

#addpermissions tr.overridedeter select {
  padding: 0;
  min-height: 1px; }

#showregion + dt, #showregion + dt + dd {
  margin-top: 5px; }

#page_showusers .wrjs_grid .wrjs_table .button, #page_showusers .wrjs_grid .wrjs_table #confirmOverlay #confirmBox .button, #confirmOverlay #confirmBox #page_showusers .wrjs_grid .wrjs_table .button {
  margin: -5px -3px; }

.smalltext {
  color: #999;
  font-size: 11px; }

/*

	ICONS

*/
.button b:before, #confirmOverlay #confirmBox .button b:before, .button b:after, #confirmOverlay #confirmBox .button b:after, p.error:before, p.info:before, p.warning:before, td .status:before, td.scan_expired:before, .status_orange:before, td.scan_expiring:before, .status_amber:before, td.scan_infected:before, .status_red:before, td.scan_clean:before, .status_green:before, .summary-bar-content dt b:before, .dashbox .title-bar-links a:after, .status_complete:before, .status_pending:before, .status_failed:before, .signedurl:before, .alertstatus:before,
.wrjs_grid.sortable thead th.sort b:before, .wrjs_paging a:before, .tooltip_icon:before, td.icon_tick:before, td.icon_cross:before, .iconbutton:before, .iconbutton:after, .multiselect li span:before, .determination .mockinput:before, body:not(.ie8) input[type=checkbox]:checked ~ .checkreplace::before, .dragger:before, .dragger:after, #wrapper_sitesearch:before, .modulestatus b:before, .gsstatus:before, .gsstatus:after, .help_icon:before, .portallink b:after, .tick:before, .cog:before, .site_status:before, .password-toggle:before, #displayoptions li:before, .wrjs_modal b:before, .message:before, .icon-indent:before, .actionmenu li a:before, #dropwrapper form::before, .wrjs_table .error td:first-child:before, .options li:before, .wrjs-focus-close:after {
  font-family: "LineAwesome"; }
  .endpointprotection .x-panel .button b:before, .endpointprotection .x-panel #confirmOverlay #confirmBox .button b:before, #confirmOverlay #confirmBox .endpointprotection .x-panel .button b:before,
  .endpointprotection .x-window .button b:before,
  .endpointprotection .x-window #confirmOverlay #confirmBox .button b:before,
  #confirmOverlay #confirmBox .endpointprotection .x-window .button b:before, .endpointprotection .x-panel .button b:after, .endpointprotection .x-panel #confirmOverlay #confirmBox .button b:after, #confirmOverlay #confirmBox .endpointprotection .x-panel .button b:after,
  .endpointprotection .x-window .button b:after,
  .endpointprotection .x-window #confirmOverlay #confirmBox .button b:after,
  #confirmOverlay #confirmBox .endpointprotection .x-window .button b:after, .endpointprotection .x-panel p.error:before,
  .endpointprotection .x-window p.error:before, .endpointprotection .x-panel p.info:before,
  .endpointprotection .x-window p.info:before, .endpointprotection .x-panel p.warning:before,
  .endpointprotection .x-window p.warning:before, .endpointprotection .x-panel td .status:before,
  .endpointprotection .x-window td .status:before, .endpointprotection .x-panel td.scan_expired:before,
  .endpointprotection .x-window td.scan_expired:before, .endpointprotection .x-panel .status_orange:before,
  .endpointprotection .x-window .status_orange:before, .endpointprotection .x-panel td.scan_expiring:before,
  .endpointprotection .x-window td.scan_expiring:before, .endpointprotection .x-panel .status_amber:before,
  .endpointprotection .x-window .status_amber:before, .endpointprotection .x-panel td.scan_infected:before,
  .endpointprotection .x-window td.scan_infected:before, .endpointprotection .x-panel .status_red:before,
  .endpointprotection .x-window .status_red:before, .endpointprotection .x-panel td.scan_clean:before,
  .endpointprotection .x-window td.scan_clean:before, .endpointprotection .x-panel .status_green:before,
  .endpointprotection .x-window .status_green:before, .endpointprotection .x-panel .summary-bar-content dt b:before,
  .endpointprotection .x-window .summary-bar-content dt b:before, .endpointprotection .x-panel .dashbox .title-bar-links a:after,
  .endpointprotection .x-window .dashbox .title-bar-links a:after, .endpointprotection .x-panel .status_complete:before,
  .endpointprotection .x-window .status_complete:before, .endpointprotection .x-panel .status_pending:before,
  .endpointprotection .x-window .status_pending:before, .endpointprotection .x-panel .status_failed:before,
  .endpointprotection .x-window .status_failed:before, .endpointprotection .x-panel .signedurl:before,
  .endpointprotection .x-window .signedurl:before, .endpointprotection .x-panel .alertstatus:before,
  .endpointprotection .x-window .alertstatus:before, .endpointprotection .x-panel
  .wrjs_grid.sortable thead th.sort b:before,
  .endpointprotection .x-window
  .wrjs_grid.sortable thead th.sort b:before, .endpointprotection .x-panel .wrjs_paging a:before,
  .endpointprotection .x-window .wrjs_paging a:before, .endpointprotection .x-panel .tooltip_icon:before,
  .endpointprotection .x-window .tooltip_icon:before, .endpointprotection .x-panel td.icon_tick:before,
  .endpointprotection .x-window td.icon_tick:before, .endpointprotection .x-panel td.icon_cross:before,
  .endpointprotection .x-window td.icon_cross:before, .endpointprotection .x-panel .iconbutton:before,
  .endpointprotection .x-window .iconbutton:before, .endpointprotection .x-panel .iconbutton:after,
  .endpointprotection .x-window .iconbutton:after, .endpointprotection .x-panel .multiselect li span:before,
  .endpointprotection .x-window .multiselect li span:before, .endpointprotection .x-panel .determination .mockinput:before,
  .endpointprotection .x-window .determination .mockinput:before, .endpointprotection .x-panel body:not(.ie8) input[type=checkbox]:checked ~ .checkreplace::before,
  .endpointprotection .x-window body:not(.ie8) input[type=checkbox]:checked ~ .checkreplace::before, .endpointprotection .x-panel .dragger:before,
  .endpointprotection .x-window .dragger:before, .endpointprotection .x-panel .dragger:after,
  .endpointprotection .x-window .dragger:after, .endpointprotection .x-panel #wrapper_sitesearch:before,
  .endpointprotection .x-window #wrapper_sitesearch:before, .endpointprotection .x-panel .modulestatus b:before,
  .endpointprotection .x-window .modulestatus b:before, .endpointprotection .x-panel .gsstatus:before,
  .endpointprotection .x-window .gsstatus:before, .endpointprotection .x-panel .gsstatus:after,
  .endpointprotection .x-window .gsstatus:after, .endpointprotection .x-panel .help_icon:before,
  .endpointprotection .x-window .help_icon:before, .endpointprotection .x-panel .portallink b:after,
  .endpointprotection .x-window .portallink b:after, .endpointprotection .x-panel .tick:before,
  .endpointprotection .x-window .tick:before, .endpointprotection .x-panel .cog:before,
  .endpointprotection .x-window .cog:before, .endpointprotection .x-panel .site_status:before,
  .endpointprotection .x-window .site_status:before, .endpointprotection .x-panel .password-toggle:before,
  .endpointprotection .x-window .password-toggle:before, .endpointprotection .x-panel #displayoptions li:before,
  .endpointprotection .x-window #displayoptions li:before, .endpointprotection .x-panel .wrjs_modal b:before,
  .endpointprotection .x-window .wrjs_modal b:before, .endpointprotection .x-panel .message:before,
  .endpointprotection .x-window .message:before, .endpointprotection .x-panel .icon-indent:before,
  .endpointprotection .x-window .icon-indent:before, .endpointprotection .x-panel .actionmenu li a:before,
  .endpointprotection .x-window .actionmenu li a:before, .endpointprotection .x-panel #dropwrapper form::before,
  .endpointprotection .x-window #dropwrapper form::before, .endpointprotection .x-panel .wrjs_table .error td:first-child:before,
  .endpointprotection .x-window .wrjs_table .error td:first-child:before, .endpointprotection .x-panel .options li:before,
  .endpointprotection .x-window .options li:before, .endpointprotection .x-panel .wrjs-focus-close:after,
  .endpointprotection .x-window .wrjs-focus-close:after {
    display: none; }

.button b:before, #confirmOverlay #confirmBox .button b:before, .button b:after, #confirmOverlay #confirmBox .button b:after {
  color: #555;
  position: relative; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .button b:before, #confirmOverlay #confirmBox .button b:before, .button b:after, #confirmOverlay #confirmBox .button b:after {
      display: block; } }

.button b:after, #confirmOverlay #confirmBox .button b:after {
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  line-height: 1;
  text-align: left;
  margin: 0;
  padding: 0; }

.button b:before, #confirmOverlay #confirmBox .button b:before {
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  line-height: 1;
  text-align: left;
  margin: 0;
  padding: 0; }

/* STACKED ICONS */
.icon_suspendresume.suspend b:after,
.icon_suspendresume.resume b:after,
.icon_filter.filtered b:after,
.file_whitelist:after,
.icon_whitelist b:after,
.gsstatus:after {
  font-size: 11px;
  top: -2px;
  left: -6px; }

.icon_suspendresume.suspend b:after,
.icon_suspendresume.resume b:after,
.icon_filter.filtered b:after,
.file_whitelist:after,
.icon_whitelist b:after,
.gsstatus:after {
  font-family: "IonIcons"; }

.gsstatus:after {
  height: 11px;
  width: 9.63px;
  background-color: white;
  border-radius: 50%;
  position: relative;
  top: 6px; }

.file_whitelist:after {
  top: 10px;
  left: -4px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .icon_suspendresume.suspend b:after,
  .icon_suspendresume.resume b:after {
    top: -28px;
    left: 10px; } }

@supports (-ms-ime-align: auto) {
  .icon_suspendresume.suspend b:after,
  .icon_suspendresume.resume b:after {
    top: -28px;
    left: 10px; } }

/* MAIL ICON */
.icon_email b:after,
.icon_suspendresume b:before,
.icon_mail_resend b:before {
  content: "\f1c6";
  top: -6px; }

/* DELETE ICON */
.icon_delete b:after,
.multiselect li span:before {
  content: "\f343";
  color: #D74F4F; }

/* MINUS ICON */
.icon_suspendresume.suspend b:after, .alertstatus.suspended:before {
  color: #D74F4F; }

.alertstatus.suspended:before, .site_status_grey:before {
  content: "\f28f"; }

.icon_suspendresume.suspend b:after {
  content: "\f207"; }

/* CHECK/TICK ICON */
.icon_suspendresume.resume b:after,
p.info.success:before,
.icon_filter.filtered b:after,
.status_complete:before,
.alertstatus.active:before,
td.icon_tick:before,
.file_whitelist:after,
.icon_whitelist b:after,
.multiselect .on span:before,
.determination.det_g .mockinput:before,
.gsstatus.enabled:after, .tick:before {
  color: #96bf36; }

p.info.success:before,
.message.green:before,
.icon_filter.filtered b:after,
.status_complete:before,
.alertstatus.active:before,
td.icon_tick:before,
.multiselect .on span:before,
.determination.det_g .mockinput:before,
.tick:before,
.site_status_green:before {
  content: "\f17c"; }

.gsstatus.enabled:after, .icon_suspendresume.resume b:after, .icon_filter.filtered b:after, .file_whitelist:after, .icon_whitelist b:after {
  content: "\f3ff"; }

/* ARROW ICON */
.icon_arrow b:after,
.icon_mail_resend b:after {
  content: "\f274";
  color: #00a7e1; }

/* CHEVRON */
.button.iconleft.icon_chevron_left, #confirmOverlay #confirmBox .iconleft.icon_chevron_left.button {
  padding-left: 24px; }

.icon_chevron_left b:after {
  content: "\f111";
  left: 0; }

.button.iconright.icon_chevron_right, #confirmOverlay #confirmBox .iconright.icon_chevron_right.button {
  padding-right: 24px; }

.icon_chevron_right b:after {
  content: "\f112"; }

.icon_chevron_right b:after {
  left: 0; }

/* ALERT ICON */
.icon_mail_warning b:after,
p.error:before,
p.info.amber:before,
.tooltip_icon.warning:before,
.wrjs_table .error td:first-child:before {
  content: "\f1cf"; }

.tooltip_icon.warning:before {
  font-size: 18px; }

/* FILTER/FUNNEL ICON */
.icon_funnel b:after,
.icon_filter b:before {
  content: "\f1f3"; }

.icon_filter.filtered b:after {
  top: 11px;
  left: 13px; }

/* CLOCK ICON */
.icon_recent b:after,
.status_pending:before {
  content: "\f18f";
  color: #717171; }

/* DOWNLOAD ICON */
.signedurl:before {
  content: "\f193"; }

/* CHEVRON ICONS */
.wrjs_grid.sortable thead th.sort b:before {
  font-size: 12px;
  position: relative;
  color: #999;
  content: "\f306"; }

.wrjs_grid.sortable thead th.sort.asc b:before {
  content: "\f30b";
  top: -3px; }

.wrjs_grid.sortable thead th.sort.desc b:before {
  content: "\f30c";
  top: 1px; }

.wrjs_grid.sortable thead th.sort.asc b:before, .wrjs_grid.sortable thead th.sort.desc b:before {
  font-size: 10px;
  color: #799c2f; }

/* HELP ICON */
.icon_help b:after, .help_icon:before, .tooltip_icon:before {
  content: "\f2cc"; }

.icon_help b:after, .help_icon:before {
  color: #00a7e1; }

.tooltip_icon.grey:before {
  color: #999; }

.help_icon:before, .tooltip_icon:before {
  font-size: 17px;
  line-height: 0;
  top: 3px;
  text-indent: 0;
  position: relative;
  display: inline-block;
  width: 16px;
  text-align: center; }

/* REVERT/RESET ICON */
.icon_undo b:after, .iconbutton.file_restore:before, .icon_restore b:after {
  content: "\f2da"; }

.iconbutton.file_restore:before {
  font-size: 17px;
  margin-left: 4px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .icon_undo.reset-dashboard b:after {
    top: -33px; } }

/* API USER ICON */
.icon_apionly:before {
  font-family: "IonIcons";
  content: "\f270";
  font-size: 21px; }

.cannedicons .agent span:before {
  font-size: 14px; }

/* SEARCH ICON */
#wrapper_sitesearch:before {
  content: "\f2eb";
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  font-size: 25px;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  z-index: 1;
  color: #d7d7d7; }
  @media (pointer: coarse) {
    #wrapper_sitesearch:before {
      margin-top: 7px; } }

/* POLICIES ICON */
.gspolicies:before {
  content: "\f303";
  font-size: 18px;
  margin-left: -1px; }

/* OVERRIDES ICON */
.icon_flag b:after, .gsoverrides:before {
  content: "\f1f9"; }

.gsoverrides:before {
  font-size: 18px; }

/* BUTTON ICONS */
.icon_pc b:after, .icon_console b:after, .cannedicons .agent span:before {
  content: "\f1b7"; }

.icon_mobile b:after {
  content: "\f292"; }

.icon_add b:after {
  content: "\f2c3";
  color: #96bf36; }

.icon_basket b:after {
  content: "\f2fa"; }

.icon_documentation b:after {
  content: "\f14e"; }

.icon_developer b:after {
  content: "\f196"; }

.icon_edit b:after {
  content: "\f1c1"; }

.icon_save b:after {
  content: "\f194"; }

.icon_copy b:after {
  content: "\f190"; }

.icon_default b:after {
  content: "\f330"; }

.icon_import b:after {
  content: "\f2fc"; }

.icon_export b:after {
  content: "\f2fb"; }

.icon_play b:after {
  content: "\f2be"; }

.icon_gear b:after, .dashbox .title-bar-links .edit:after, .cog:before {
  content: "\f19a"; }

.icon_arrow_left b:after {
  content: "\f273";
  color: #00a7e1; }

.iconleft.icon_arrow_left {
  padding-left: 25px; }

.icon_arrow_up b:after {
  content: "\f275"; }

.icon_arrow_up b:after {
  left: 5px; }

.icon_mail_resend b:after {
  top: -3px;
  left: -5px; }

.icon_mail_warning b:after, .tooltip_icon.warning:before {
  color: #E5D82E; }

.icon_refresh b:after, .icon_renew b:after, .wrjs_paging .pagereload:before {
  content: "\f2d5"; }

.icon_refresh:not(.changeconsole) b:after {
  color: #00a7e1; }

.icon_cart_plus b:after {
  content: "\f16e";
  left: 0;
  font-size: 18px; }

.icon_megaphone b:after {
  content: "\f156"; }

.icon_folder b:after {
  content: "\f200";
  color: #F3DA92; }

.icon_tick b:after {
  content: "\f17b";
  color: #4FD65F; }

.icon_clipboard b:after {
  content: "\f18e"; }

.icon_buoy b:after {
  content: "\f263"; }

.icon_revert b:after, .icon_restore b:after {
  content: "\f279";
  color: #00a7e1; }

.icon_view b:after, .password-toggle:before {
  content: "\f1d4"; }

.password-is-shown:before {
  content: "\f1d5"; }

.file_cleanup:before, .icon_cleanup b:after {
  content: "\f381";
  color: #666; }

.file_whitelist:before, .icon_whitelist b:before {
  content: "\f1df";
  color: #666;
  font-weight: 300;
  font-size: 17px; }

.modulestatus.module_dns b:before,
.modulestatus.module_ep b:before,
.modulestatus b:before {
  content: "\f1b4";
  display: block;
  text-indent: 0; }

.portallink b:after {
  content: "\f1c1";
  font-size: 17px;
  color: #aaa;
  position: absolute;
  left: 0;
  top: -3px; }

.portallink:hover b:after {
  color: #888; }

/* FULL WIDTH ICONS */
p.error:before, p.info:before, p.warning:before, .message:before {
  font-size: 18px;
  left: 8px;
  position: absolute;
  top: 8px;
  line-height: 18px; }

/* INFO ICON */
p.info:before, .icon_info b:before, .tooltip_icon.info.white:before, .message.blue:before, .helplink:before {
  content: "\f24b"; }

p.info.error:before, .determination.det_b .mockinput:before {
  color: #D74F4F; }

/* STATUS ICONS */
td .status:before {
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  left: 0; }

td.scan_infected:before, .status_red:before,
td.scan_clean:before, .status_green:before,
td.scan_expired:before, .status_orange:before,
td.scan_expiring:before, .status_amber:before {
  font-size: 17px;
  position: absolute;
  top: 4px;
  left: -12px; }
  @media (pointer: coarse) {
    td.scan_infected:before, .status_red:before,
    td.scan_clean:before, .status_green:before,
    td.scan_expired:before, .status_orange:before,
    td.scan_expiring:before, .status_amber:before {
      top: 8px; } }

td .status.green:before,
td.scan_clean:before, .status_green:before {
  content: "\f17c"; }

/* EXCLAMATION MARK ICON */
td .status.red:before,
td .status.amber:before,
td .status.amber.orange:before,
td .status.orange:before,
td.scan_expired:before,
.status_orange:before,
td.scan_expiring:before,
.status_amber:before,
td.scan_infected:before,
.status_red:before,
.summary-bar-content dt.icon_red b:before,
.summary-bar-content dt.icon_orange b:before,
.summary-bar-content dt.icon_amber b:before,
.status_failed:before,
p.warning:before, p.info.error:before,
td.icon_cross:before,
.determination.det_b .mockinput:before,
.determination.det_u .mockinput:before,
.site_status_amber:before,
.site_status_amber.orange:before,
.site_status_red:before,
.message.red:before,
.message.amber:before,
.options li.notags:before {
  content: "\f1ce"; }

td .status.grey:before {
  content: "\f28f"; }

/* SCHEDULED REPORTING & ALERTS */
.status_complete:before, .status_pending:before, .status_failed:before, .signedurl:before, .alertstatus:before, .tick:before {
  position: relative;
  top: 3px;
  margin-right: 5px;
  line-height: 0; }

.status_complete:before, .status_pending:before, .status_failed:before, .signedurl:before, .alertstatus:before {
  font-size: 17px; }

.alertstatus.suspended:before {
  color: #7d7d7d; }

.tick:before {
  font-size: 14px;
  margin-right: 4px; }

/* DASHBOARD ICONS */
.summary-bar-content dt b:before {
  position: relative;
  left: -20px;
  top: 0;
  font-size: 17px; }

.summary-bar-content dt.icon_info b:before {
  color: #00a7e1; }

.dashbox .title-bar-links a:after {
  position: relative;
  top: -100%;
  left: 1px;
  color: #BFBFBF;
  display: block;
  font-size: 16px; }

.dashbox .title-bar-links a:hover:after {
  color: #b2b2b2; }

.dashbox .title-bar-links .remove:after,
.wrjs-focus-close:after {
  content: "\f342"; }

.dashbox .title-bar-links .drilldown:after {
  content: "\f24b"; }

/* PAGING ICONS */
.wrjs_paging a:before {
  color: #888;
  position: absolute;
  display: block;
  text-indent: 0;
  font-size: 10px;
  margin-left: 10px; }
  @media (pointer: coarse) {
    .wrjs_paging a:before {
      margin-left: 14px; } }

.wrjs_paging a.pagefirst:before {
  content: "\f10d"; }

.wrjs_paging a.pageprev:before {
  content: "\f111"; }

.wrjs_paging a.pagenext:before {
  content: "\f112"; }

.wrjs_paging a.pagelast:before {
  content: "\f10e"; }

.wrjs_paging a.pagereload:before {
  color: #888;
  margin-left: 6px;
  font-size: 17px; }
  @media (pointer: coarse) {
    .wrjs_paging a.pagereload:before {
      margin-left: 10px; } }

/* TOOLTIP ICONS */
.tooltip_icon.white:before {
  color: #fff; }

/* ICON COLUMNS */
.icon_tick:before, .icon_cross:before {
  font-size: 17px;
  position: relative;
  left: 2px; }

/* WRJS FORM - MULTISELECT ICONS */
.multiselect li span:before {
  font-size: 17px;
  position: relative;
  top: -3px;
  left: 1px; }

/* OVERRIDES - MOCKINPUT ICONS */
.determination .mockinput:before {
  position: absolute;
  font-size: 17px;
  top: 5px;
  left: -13px; }
  @media (pointer: coarse) {
    .determination .mockinput:before {
      top: 10px; } }

/* DRAGGER ICONS */
.dragger:before {
  content: "\f126";
  text-align: center;
  display: block;
  color: #00a7e1; }

/* DASHBOARD DISPLAY OPTIONS */
#displayoptions .grid_of_1_icon:before {
  content: "\f323"; }

#displayoptions .grid_of_2_icon:before {
  content: "\f33a"; }

#displayoptions .grid_of_3_icon:before {
  content: "\f32d"; }

#displayoptions .grid_of_4_icon:before {
  content: "\f339"; }

/* WRJS MODAL */
.wrjs_modal h1 .cancelclick:before {
  content: "\f342"; }

.wrjs_modal h1 .helpclick:before {
  font-family: "IonIcons";
  content: "\f444";
  font-size: 30px; }

.icon-indent {
  padding-left: 28px !important; }
  .icon-indent:before {
    top: 50%;
    transform: translate(0, -50%);
    left: 7px;
    font-size: 17px;
    position: absolute; }
  .icon-indent.green:before {
    color: #799c2f; }
  .icon-indent.red:before {
    color: #ba2a1e; }
  .icon-indent.amber:before {
    color: #CCB012; }
  .icon-indent.blue:before {
    color: #00a7e1; }

.icon-help-cursor:before {
  cursor: help; }

.icon-absolute:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%); }

.icon-grey:before {
  color: #888; }

.green:before {
  color: #799c2f; }

.red:before {
  color: #ba2a1e; }

.amber:before {
  color: #CCB012; }

.blue:before {
  color: #00a7e1; }