/************************************************************************
GLOBAL   and  Modern  merged
    In some places with the aid of  a  tool    https://css.github.io/csso/csso.html
    In others by hand
	
    head	selects the element with the head tag
    .red	selects all elements with the ‘red’ class
    #nav	selects the elements with the ‘nav’ Id
    div.row	selects all elements with the div tag and the ‘row’ class
    [aria-hidden="true"]	selects all elements with the aria-hidden attribute with a value of “true”
    *	Wildcard selector. Selects all DOM elements. See bellow for using it with other selectors
    A B     select any level children of A
	A + B   selects the element that is immediately after the first element.
    A > B   selects the element that is immediately after the first element.
    li, a	Selects all a elements and all li elements.
    li ~ a	The sibling combinator. Selects a element following a li element.
    A:first-child  / A:last-child   first and last child
    A:nth-child(n)

	purgecss --css Skins\Global\css\global.min.css --content *.aspx *\*.aspx *\*\*.aspx *\*\*\*.aspx default.master *.ascx *\*.ascx *\*\*.ascx *\*\*\*.ascx  --out c:\TEMP\CSS
	
	winmerge patch
	
	Powershell
	
	$FilePath="c:\temp\csswork\global.min.css"

    $cssFile = Get-Content -path $FilePath



function ParseComma
{
    $from = $args[0]
    $to = if ($args[1] -eq $null) {$args[0]} else {$args[1]}
    
    For ($i=$from; $i -le $to; $i++) {
    
        $cssFile[$i] += "  / * -unreferenced- * /"
    }
}

ParseComma 113 116
	
	
************************************************************************/

/* Base styles */

@font-face {
  font-family: "MaisonNeue";
  src: url("../fonts/MaisonNeueWEB-Book.woff2") format("woff2"), url("../fonts/MaisonNeueWEB-Book.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: "MaisonNeue";
  src: url("../fonts/MaisonNeueWEB-Demi.woff2") format("woff2"), url("../fonts/MaisonNeueWEB-Demi.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "MaisonNeue";
  src: url("../fonts/MaisonNeueWEB-Bold.woff2") format("woff2"), url("../fonts/MaisonNeueWEB-Bold.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: "CircularStd-Bold";
  src: url("../fonts/lineto-circular-bold.woff2") format("woff2"),
    url("../fonts/lineto-circular-bold.woff") format("woff");
  font-weight: bold;
}

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* Elements */
body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f8f8f8;
  color: #2c323c;
  font-size: 14px;
  line-height: 20px;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

body > form {
  flex-direction: column;
  min-height: 100vh;
}

body > form > .pageWrap {
  height: auto;
  flex: 1 0 auto;
}

body .-flex,
body > form {
  display: flex;
}

body .formBox.-card {
  margin-bottom: 0;
}

body .formBox:not(.-card) {
  background: none;
  border: 0;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d0dce2;
  padding: 24px !important;
  margin-top: 24px;
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
}

a {
  text-decoration: none;
  color: #4d82ff;
  /*-webkit-transition: all .15s cubic-bezier(.65,.05,.36,1);
    -moz-transition: all .15s cubic-bezier(.65,.05,.36,1);
    -ms-transition: all .15s cubic-bezier(.65,.05,.36,1);
    -o-transition: all .15s cubic-bezier(.65,.05,.36,1);*/
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
}

a:not(.button):hover {
  color: #3969d8;
}

a.externalLink {
  padding: 0 4px;
  background: url(../images/external_link.gif) no-repeat 0 4px;
}

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

a.disabledLink {
  color: unset;
  font-weight: normal;
}

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

a.contextHelpLink {
  display: block;
  margin-top: 12px;
  padding: 0 0 2px 18px;
}

a.helpLink {
  padding-left: 16px;
  text-decoration: none;
  background: url(../images/bg_icons_sprite.png) no-repeat 1px -36px;
}

img {
  border: none;
}

input,
select,
textarea {
  width: 170px;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  border: 1px solid rgba(167, 182, 190, 0.5);
  outline: 0;
  border-radius: 4px;
  padding: 6px;
  background: #fff;
  margin-right: 20px;
  box-sizing: border-box;
  height: 32px;
}

button {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  width: 170px;
}

select {
  width: 174px;
  height: 32px;
}

select option {
  padding: 0 0.25em;
  font-weight: 300;
}

select + .required + .errorIcon {
  position: absolute;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #4d82ff;
}

input + .required,
select + .required,
textarea + .required {
  position: absolute;
  margin-left: -20px;
}

textarea {
  min-height: 60px;
}

input[style="width:149px;"] {
  min-width: 196px !important;
  box-sizing: border-box;
  height: 34px;
}

input[type="text"][style*="width: 20px"],
input[type="text"][style*="width: 30px"] {
  padding: 6px 5px !important;
}

ul {
  list-style: none;
}

ul.bulletList {
  padding: 0;
  text-align: left;
}

ul.bulletList li {
  padding: 6px 0 6px 0;
  font-weight: 300;
}

iframe {
  border: solid #9f9f9f 1px;
}

input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 22px;
  z-index: -1;
}

input[type="radio"] + label {
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  float: left;
  margin-right: 16px;
  line-height: 22px;
  text-transform: capitalize;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #2c323c;
  margin-bottom: 8px;
  height: 21px;
  display: flex !important;
  align-items: center;
  cursor: pointer;
}

input[type="radio"] + label[style="display:none"] {
  font-size: 0;
}

input[type="radio"] + label::before {
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  content: "";
  display: inline-block;
  background: #ffffff;
  box-shadow: 0 0 0 1px #d0dce2, inset 0 0 0 5px #fff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

input[type="radio"]:checked + label::before {
  background: #4d82ff;
}

input[type="radio"][disabled="disabled"] + label {
  opacity: 0.6;
  cursor: not-allowed;
}

input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

input[type="checkbox"] + label {
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin-right: 16px;
  line-height: 22px;
  text-transform: capitalize;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #2c323c;
  margin-bottom: 8px;
  height: 21px;
  display: flex !important;
  align-items: center;
  cursor: pointer;
}

input[type="checkbox"] + label[style="display:none"] {
  font-size: 0;
}

input[type="checkbox"] + label::before {
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  content: "";
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 0 1px #d0dce2;
  border-radius: 2px;
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

input[type="checkbox"]:checked + label::before {
  background: #4d82ff;
  box-shadow: 0 0 0 1px #4d82ff;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%274%27 fill=%27%234D82FF%27/%3E%3Cpath d=%27M8.337 11.467l4.405-5.12a1 1 0 0 1 1.516 1.305l-5.163 6a1 1 0 0 1-1.516 0l-2.337-2.715a1 1 0 0 1 1.516-1.305l1.579 1.835z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

input[type="checkbox"][disabled="disabled"] + label {
  opacity: 0.6;
  cursor: not-allowed;
}

input[type="checkbox"][disabled="disabled"] + label::before {
  background-color: #f9f9f9;
}

/*  Header  positional translations*/
.header {
  background: #fff;
  display: flex;
  height: 60px;
  justify-content: space-between;
  border-bottom: 1px solid #d0dce2;
  width: 100%;
  min-width: 1000px;
  z-index: 99;
  left: 0;
  top: 0;
  position: fixed;
  box-shadow: 0 4px 8px -3px rgba(44, 50, 60, 0.1), 0 0 0 1px rgba(44, 50, 60, 0.08);
}

.header > .inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.header > .inner > .logo-wrapper {
  width: 200px;
}

.header > .inner > .logo-wrapper > .logo {
  background-image: url("data:image/svg+xml,%3Csvg width=%27120%27 height=%2732%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M15.84 32C7.106 32 0 24.846 0 16.053c0-4.26 1.648-8.263 4.64-11.275a.783.783 0 0 1 1.112 0 .795.795 0 0 1 0 1.12 14.318 14.318 0 0 0-4.179 10.155c0 7.92 6.4 14.364 14.267 14.364 7.867 0 14.267-6.444 14.267-14.364 0-7.92-6.4-14.362-14.267-14.362a.79.79 0 0 1-.786-.792c0-.438.352-.791.786-.791 8.734 0 15.84 7.153 15.84 15.945C31.68 24.846 24.574 32 15.84 32%27 fill=%27%23E0565D%27/%3E%3Cpath d=%27M15.84 24.423c-4.584 0-8.313-3.755-8.313-8.369 0-.438.352-.792.786-.792.435 0 .787.354.787.792 0 3.742 3.023 6.785 6.74 6.785 3.716 0 6.74-3.043 6.74-6.785s-3.024-6.786-6.74-6.786c-1.8 0-3.493.706-4.767 1.987a.782.782 0 0 1-1.111 0 .796.796 0 0 1 0-1.12 8.233 8.233 0 0 1 5.878-2.45c4.584 0 8.312 3.754 8.312 8.369 0 4.614-3.728 8.369-8.312 8.369%27 fill=%27%23E0565D%27/%3E%3Cpath d=%27M15.84 28.211c-6.659 0-12.077-5.454-12.077-12.157 0-1.612.309-3.177.917-4.654a.785.785 0 0 1 1.028-.429c.4.168.591.63.425 1.035a10.584 10.584 0 0 0-.797 4.048c0 5.83 4.712 10.574 10.504 10.574 5.791 0 10.503-4.744 10.503-10.574 0-5.831-4.712-10.575-10.503-10.575-1.393 0-2.746.27-4.02.802a.785.785 0 0 1-1.028-.428.794.794 0 0 1 .425-1.034 11.942 11.942 0 0 1 4.623-.923c6.658 0 12.076 5.454 12.076 12.158 0 6.703-5.418 12.157-12.076 12.157%27 fill=%27%23E0565D%27/%3E%3Cpath d=%27M37.772 16.057c0-4.834 3.401-8.38 8.225-8.38 4.801 0 8.227 3.546 8.227 8.38 0 4.833-3.426 8.378-8.227 8.378-4.824 0-8.225-3.545-8.225-8.378m13.557 0c0-3.352-2.099-5.854-5.332-5.854-3.256 0-5.33 2.502-5.33 5.854 0 3.327 2.074 5.853 5.33 5.853 3.233 0 5.332-2.526 5.332-5.853M55.237 18.267c0-3.546 2.484-6.145 6.007-6.145 2.29 0 3.642.972 4.463 2.088l-1.665 1.53c-.652-.922-1.544-1.36-2.678-1.36-2.099 0-3.522 1.603-3.522 3.887 0 2.283 1.423 3.91 3.522 3.91 1.134 0 2.026-.486 2.678-1.41l1.665 1.58c-.821 1.092-2.172 2.088-4.463 2.088-3.523 0-6.007-2.623-6.007-6.168M68.6 21.4v-6.776h-1.929v-2.21h1.93V9.208h2.533v3.206h2.364v2.21h-2.364v6.144c0 .801.386 1.409 1.11 1.409.482 0 .916-.22 1.11-.437l.602 1.942c-.458.413-1.206.754-2.363.754-1.979 0-2.992-1.07-2.992-3.037M74.474 18.267c0-3.4 2.46-6.145 5.91-6.145 3.498 0 5.717 2.672 5.717 6.363v.63h-8.974c.194 1.75 1.496 3.232 3.69 3.232 1.159 0 2.485-.462 3.33-1.312l1.158 1.676c-1.182 1.117-2.895 1.724-4.728 1.724-3.523 0-6.103-2.453-6.103-6.168m5.885-4.057c-2.147 0-3.16 1.676-3.256 3.085h6.561c-.072-1.384-1.013-3.085-3.305-3.085M88.645 21.4v-6.776h-1.93v-2.21h1.93V9.208h2.533v3.206h2.364v2.21h-2.364v6.144c0 .801.386 1.409 1.11 1.409.481 0 .916-.22 1.109-.437L94 23.682c-.458.413-1.206.754-2.364.754-1.978 0-2.991-1.07-2.991-3.037%27 fill=%27%23282D32%27/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  height: 32px;
  width: 94px;
  position: relative;
  float: left;
  padding: 0 24px;
  margin: 14px 0;
}

/*This is for accord logo*/
.header > .inner > .logo-wrapper > .logo.company-11 {
  background-image: url("../images/accord-logo.png");
  width: 150px;
  height: 55px;
}

/*This is for asiafactor logo*/
.header > .inner > .logo-wrapper > .logo.company-53 {
  background-image: url("../images/asiafactor-logo.jpg");
  width: 100px;
  height: 45px;
}

.header > .inner > .logo-wrapper + .nav {
  flex-grow: 1;
}

.header > .inner .userStatus {
  all: initial;
  all: unset;
  position: static !important;
  background: none;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  border: none;
  width: auto !important;
}

.header > .inner .userStatus .member-naivgation {
  flex-grow: 1;
  display: flex;
  align-self: center;
}

.header > .inner .userStatus > ul > li.separator {
  border-right: none;
}

.header > .inner .userStatus ul.anonymous-menu li {
  padding: 0 8px;
}

.header > .inner .userStatus ul.user-menu {
  outline: none;
  display: inline-block;
  margin: 0 auto;
  float: none !important;
  padding: 0;
  border: 0;
  height: 100%;
  position: static !important;
}

.header > .inner .userStatus ul.user-menu > li {
  display: inline-block;
  position: static !important;
  padding: 0;
}

.header > .inner .userStatus ul.user-menu > li > a {
  display: inline-block;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.header > .inner .userStatus ul.user-menu > li > a.selected > span {
  color: #4d82ff !important;
}

.header > .inner .userStatus ul.user-menu > li > a.selected > span.Dashboard::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2722%27 height=%2722%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 8H8v12h11a1 1 0 0 0 1-1V8zm0-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3h18zM2 8v11a1 1 0 0 0 1 1h3V8H2zm17 14H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3z%27 fill=%27%234D82FF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E") !important;
}

.header > .inner .userStatus ul.user-menu > li > a.selected > span.Orders::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 16v2H8v-2H0V4h7V0h10v4h7v12h-8zm-2 0v-2h-4v2h4zm2-2h6V6H2v8h6v-2h8v2zM9 4h6V2H9v2zm12 18v-5h2v7H1v-7h2v5h18z%27 fill=%27%234D82FF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E") !important;
}

.header > .inner .userStatus ul.user-menu > li > a.selected > span.Wallet::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27%234D82FF%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M22 17v7H4a4 4 0 0 1-4-4V3h2v2.83A3 3 0 0 1 3 0h15v3h-2V2H3a1 1 0 1 0 0 2h19v7h2v6h-2zm0-2v-2h-4a1 1 0 1 0 0 2h4zm-2 2h-2a3 3 0 1 1 0-6h2V6H3c-.35 0-.687-.06-1-.17V20a2 2 0 0 0 2 2h16v-5z%27/%3E%3Cpath d=%27M0 3h2v6H0z%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.header > .inner .userStatus ul.user-menu > li > a > span {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-weight: 500;
  text-decoration: none;
  color: #808080;
  font-size: 14px;
  line-height: 20px;
}

.header > .inner .userStatus ul.user-menu > li > a > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 24px;
  height: 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.header > .inner .userStatus ul.user-menu > li > a > span.Dashboard::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2722%27 height=%2722%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 8H8v12h11a1 1 0 0 0 1-1V8zm0-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3h18zM2 8v11a1 1 0 0 0 1 1h3V8H2zm17 14H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3z%27 fill=%27%23808080%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a > span.Orders::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 16v2H8v-2H0V4h7V0h10v4h7v12h-8zm-2 0v-2h-4v2h4zm2-2h6V6H2v8h6v-2h8v2zM9 4h6V2H9v2zm12 18v-5h2v7H1v-7h2v5h18z%27 fill=%27%23808080%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a > span.Wallet::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27%23808080%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M22 17v7H4a4 4 0 0 1-4-4V3h2v2.83A3 3 0 0 1 3 0h15v3h-2V2H3a1 1 0 1 0 0 2h19v7h2v6h-2zm0-2v-2h-4a1 1 0 1 0 0 2h4zm-2 2h-2a3 3 0 1 1 0-6h2V6H3c-.35 0-.687-.06-1-.17V20a2 2 0 0 0 2 2h16v-5z%27/%3E%3Cpath d=%27M0 3h2v6H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a > span.InviteTradingPartner::before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24'  fill='none' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13C9.239 13 7 10.761 7 8V6C7 3.239 9.239 1 12 1C14.761 1 17 3.239 17 6V8C17 10.761 14.761 13 12 13Z' stroke='%23808080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M12 17H7C3.686 17 1 19.686 1 23C1 23 22.958 23 23 23' stroke='%23808080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M20 13V19' stroke='%23808080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M17 16H23' stroke='%23808080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted,
.header > .inner .userStatus ul.user-menu > li > a:hover,
.header > .inner .userStatus ul.user-menu > li > a:focus {
  outline: none;
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted > span,
.header > .inner .userStatus ul.user-menu > li > a:hover > span,
.header > .inner .userStatus ul.user-menu > li > a:focus > span {
  color: #66798d;
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted > span.Dashboard::before,
.header > .inner .userStatus ul.user-menu > li > a:hover > span.Dashboard::before,
.header > .inner .userStatus ul.user-menu > li > a:focus > span.Dashboard::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2722%27 height=%2722%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 8H8v12h11a1 1 0 0 0 1-1V8zm0-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3h18zM2 8v11a1 1 0 0 0 1 1h3V8H2zm17 14H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3z%27 fill=%27%23646B78%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted > span.Orders::before,
.header > .inner .userStatus ul.user-menu > li > a:hover > span.Orders::before,
.header > .inner .userStatus ul.user-menu > li > a:focus > span.Orders::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 16v2H8v-2H0V4h7V0h10v4h7v12h-8zm-2 0v-2h-4v2h4zm2-2h6V6H2v8h6v-2h8v2zM9 4h6V2H9v2zm12 18v-5h2v7H1v-7h2v5h18z%27 fill=%27%23646B78%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted > span.Wallet::before,
.header > .inner .userStatus ul.user-menu > li > a:hover > span.Wallet::before,
.header > .inner .userStatus ul.user-menu > li > a:focus > span.Wallet::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27%23646B78%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M22 17v7H4a4 4 0 0 1-4-4V3h2v2.83A3 3 0 0 1 3 0h15v3h-2V2H3a1 1 0 1 0 0 2h19v7h2v6h-2zm0-2v-2h-4a1 1 0 1 0 0 2h4zm-2 2h-2a3 3 0 1 1 0-6h2V6H3c-.35 0-.687-.06-1-.17V20a2 2 0 0 0 2 2h16v-5z%27/%3E%3Cpath d=%27M0 3h2v6H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.header > .inner .userStatus ul.user-menu > li > a.highlighted > span.InviteTradingPartner::before,
.header > .inner .userStatus ul.user-menu > li > a:hover > span.InviteTradingPartner::before,
.header > .inner .userStatus ul.user-menu > li > a:focus > span.InviteTradingPartner::before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24'  fill='none' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13C9.239 13 7 10.761 7 8V6C7 3.239 9.239 1 12 1C14.761 1 17 3.239 17 6V8C17 10.761 14.761 13 12 13Z' stroke='%23646B78' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M12 17H7C3.686 17 1 19.686 1 23C1 23 22.958 23 23 23' stroke='%23646B78' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M20 13V19' stroke='%23646B78' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M17 16H23' stroke='%23646B78' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.header > .inner .userStatus ul.user-menu > li > a.selected + ul.level2 {
  display: flex !important;
}

.header > .inner .userStatus ul.user-menu > li > ul.level2 {
  display: none !important;
  width: 100%;
  background-color: #2c323c;
  z-index: 3;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.header > .inner .userStatus ul.user-menu > li > ul.level2 > li {
  height: 100%;
  padding: 0 20px;
}

.header > .inner .userStatus ul.user-menu > li > ul.level2 > li > a {
  color: #fff;
  opacity: 0.5;
  font-size: 11px;
  padding: 0 12px;
  letter-spacing: 0.5px;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 12px;
  text-transform: uppercase;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.header > .inner .userStatus ul.user-menu > li > ul.level2 > li > a.selected {
  opacity: 1;
}

.header > .inner .userStatus ul.user-menu > li > ul.level2 > li > a.selected::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #44a4ff;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 1px;
}

.header .role-text {
  flex: 0 0 70px;
  text-align: left;
}

.header > .inner .userStatus ul.anonymous-menu {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 15px 0 0;
  align-items: flex-end;
  flex-grow: 1;
}

.header > .inner .userStatus ul.anonymous-menu li {
  float: none;
  display: flex;
}

.header > .inner .userStatus ul.anonymous-menu li.separator {
  border: none;
}

.header > .inner .userStatus ul.anonymous-menu li.separator .role-text {
  display: none;
}

.header > .inner .userStatus ul.anonymous-menu li a {
  border: 1px solid;
  border-radius: 4px;
  background: #f05a64;
  border: 1px solid #f05a64;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  background: transparent;
  color: #f05a64;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
}

.header > .inner .userStatus ul.anonymous-menu li a:hover {
  text-decoration: none;
  background: #cb343e;
  border: 1px solid #cb343e;
}

.header > .inner .userStatus ul.anonymous-menu li a:hover {
  background: transparent;
  color: #cb343e;
  border: 1px solid #cb343e;
}

.header > .inner .userStatus ul.anonymous-menu li:first-child a {
  border: 1px solid;
  border-radius: 4px;
  background: #646b78;
  border: 1px solid #646b78;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  background: transparent;
  color: #646b78;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
}

.header > .inner .userStatus ul.anonymous-menu li:first-child a:hover {
  text-decoration: none;
  background: #2c323c;
  border: 1px solid #2c323c;
}

.header > .inner .userStatus ul.anonymous-menu li:first-child a:hover {
  background: transparent;
  color: #2c323c;
  border: 1px solid #2c323c;
}

.header > .inner .userStatus ul.anonymous-menu li select {
  border: 1px solid;
  border-radius: 4px;
  background: #4d82ff;
  border: 1px solid #4d82ff;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  background: transparent;
  color: #4d82ff;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  top: 0;
  height: 40px;
}

.header > .inner .userStatus ul.anonymous-menu li select:hover {
  text-decoration: none;
  background: #3969d8;
  border: 1px solid #3969d8;
}

.header > .inner .userStatus ul.anonymous-menu li select:hover {
  background: transparent;
  color: #3969d8;
  border: 1px solid #3969d8;
}

.header > .inner .userStatus ul.anonymous-menu li select#ctl00_LoginStatus_ActiveRole {
  margin-right: 0;
  height: 38px !important;
}

.header > .inner .userStatus .user-dropdown-wrapper.-super-user {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle {
  position: relative;
  display: inline-block;
  height: 100%;
  padding-right: 24px;
  min-width: 200px;
  text-align: right;
  text-decoration: none;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%27397%27 height=%27397%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3ClinearGradient x1=%2750%25%27 y1=%2750%25%27 y2=%27100%25%27 id=%27a%27%3E%3Cstop stop-color=%27%232C323C%27 stop-opacity=%270%27 offset=%270%25%27/%3E%3Cstop stop-color=%27%232C323C%27 stop-opacity=%27.1%27 offset=%27100%25%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath transform=%27matrix%281 0 0 -1 -3 400%29%27 d=%27M0 0h400v400H0z%27 fill=%27url%28%23a%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  height: 400px;
  width: 400px;
  top: 46px;
  right: -9999px;
  opacity: 0;
  transition: opacity 350ms cubic-bezier(0.13, 0.73, 0.5, 0.97);
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle > * {
  display: inline-block;
  vertical-align: middle;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle.-active:after {
  opacity: 1;
  right: -7px;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle.-active .account-details .account-name {
  color: #4d82ff;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle.-active + .account-tray {
  right: 24px;
  background: #ffffff;
  box-shadow: 0 20px 32px -8px rgba(44, 50, 60, 0.4), 0px 0px 20px 16px rgba(44, 50, 60, 0.08);
  opacity: 1;
  transform: translateY(0);
  transition: opacity 350ms cubic-bezier(0.13, 0.73, 0.5, 0.97), transform 350ms cubic-bezier(0.13, 0.73, 0.5, 0.97);
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle .account-details {
  margin-right: 10px;
  color: #33475b;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle .account-details .business-name {
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  color: #808080;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-toggle .account-details .account-name {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
}

.header > .inner .userStatus .user-dropdown-wrapper .account-tray {
  width: 300px;
  border-radius: 4px;
  background: white;
  position: absolute;
  top: 76px;
  z-index: 100;
}

.header > .inner .userStatus p {
  display: none;
}

.header > .inner .avatar {
  position: relative;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23DEE3E9' d='M0 0h30v30H0z'/%3E%3Cpath d='M25.43 30h-20c0-5.523 4.478-10 10-10 5.523 0 10 4.477 10 10zM20 13a5 5 0 1 1-10 0 5 5 0 0 1 10 0z' fill='%2366798D' opacity='.3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
}

.header > .inner .avatar.-small {
  width: 32px;
  height: 32px;
}

.header > .inner .avatar.-large {
  width: 60px;
  height: 60px;
}

.header > .inner .avatar.-large[data-initials] {
  width: 60px;
  height: 60px;
}

.header > .inner .avatar.-large[data-initials]::after {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 60px;
  font-size: 16px;
}

.header > .inner .avatar[data-initials] {
  height: 32px;
  width: 32px;
  background: #dedede;
}

.header > .inner .avatar[data-initials]::after {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  content: attr(data-initials);
  color: #646b78;
  position: absolute;
  text-align: center;
  padding-top: 1px;
  font-size: 11px;
  display: block;
  line-height: 30px;
  width: 100%;
}

.header > .inner .account-tray {
  position: absolute;
  top: 90px;
  right: 9999px;
  transform: translateY(-10px);
  width: 350px;
  border: 1px solid #d4d8e8;
  background-color: #ffffff;
  box-shadow: 0 3px 15px rgba(51, 71, 91, 0);
  opacity: 0;
  transition: right 1ms linear 350ms, opacity 350ms cubic-bezier(0.13, 0.73, 0.5, 0.97),
    transform 350ms cubic-bezier(0.13, 0.73, 0.5, 0.97);
}

.header > .inner .account-tray > .account-overview {
  padding: 24px 15px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}

.header > .inner .account-tray > .account-overview .icon-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M16.7 7.3c-.4-.4-1-.4-1.4 0L12 10.6 8.7 7.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l3.3 3.3-3.3 3.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3l3.3-3.3 3.3 3.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L13.4 12l3.3-3.3c.4-.4.4-1 0-1.4z%27 id=%27a%27/%3E%3C/defs%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Crect width=%2732%27 height=%2732%27 rx=%274%27 transform=%27translate%28-11 -11%29%27/%3E%3Cuse fill=%27%23646B78%27 xlink:href=%27%23a%27 transform=%27translate%28-7 -7%29%27/%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.header > .inner .account-tray > .account-overview .avatar {
  margin-bottom: 4px;
}

.header > .inner .account-tray > .account-overview .account-name {
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  color: #2c323c;
  line-height: 24px;
}

.header > .inner .account-tray > .account-overview .account-email {
  margin-top: 2px;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  color: #646b78;
  line-height: 22px;
}

.header > .inner .account-tray > .account-overview ul.role-switch {
  float: none;
  margin-right: 0;
  margin-top: 14px;
}

.header > .inner .account-tray > .account-overview ul.role-switch select {
  margin: 0;
  width: 100%;
}

.header > .inner .account-tray > .account-overview ul.role-switch > li {
  width: 100%;
  float: none;
  border-right: none;
}

.header > .inner .account-tray > .account-links {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
  margin-top: 5px;
  width: 100%;
}

.header > .inner .account-tray > .account-links > li {
  height: 32px;
  float: left;
  padding: 0;
  width: 100%;
}

.header > .inner .account-tray > .account-links > li > * {
  display: inline-block;
  vertical-align: middle;
}

.header > .inner .account-tray > .account-links > li.logout-link {
  margin-top: 2px;
  border-top: 1px solid #dedede;
  padding-top: 4px;
  padding-bottom: 4px;
}

.header > .inner .account-tray > .account-links > li:last-child {
  border-bottom: 0;
}

.header > .inner .account-tray > .account-links > li > .account-link {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  height: 100%;
  padding: 0 8px;
  color: #646b78;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.header > .inner .account-tray > .account-links > li > .account-link::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.header > .inner .account-tray > .account-links > li > .account-link > * {
  display: inline-block;
  vertical-align: middle;
}

.header > .inner .account-tray > .account-links > li > .account-link:hover {
  color: #44a4ff;
}

.header > .inner .account-tray > .account-links > li > .account-link[data-icon~="messages"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2714%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M19 5H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 12H6v-6.277l5.504 3.145a.998.998 0 0 0 .992 0L18 10.723V17zm0-8.58l-6 3.429L6 8.42V7h12v1.42z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%23646B78%27 xlink:href=%27%23a%27 transform=%27translate%28-4 -5%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link[data-icon~="settings"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M16.9 8.5L18.4 7 17 5.6l-1.5 1.5c-.7-.5-1.6-.9-2.5-1V4h-2v2.1c-.9.2-1.8.5-2.5 1L7.1 5.6 5.6 7.1l1.5 1.5c-.5.6-.9 1.5-1 2.4H4v2h2.1c.2.9.5 1.8 1 2.5L5.6 17 7 18.4l1.5-1.5c.7.5 1.6.9 2.5 1V20h2v-2.1c.9-.2 1.8-.5 2.5-1l1.5 1.5 1.4-1.4-1.5-1.5c.5-.7.9-1.6 1-2.5H20v-2h-2.1c-.1-.9-.5-1.8-1-2.5zM12 15c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%23646B78%27 xlink:href=%27%23a%27 transform=%27translate%28-4 -4%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link[data-icon~="support"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.917 9h-2.043A4.007 4.007 0 0 1 9 11.874v2.043A6.005 6.005 0 0 0 13.917 9zm0-2A6.005 6.005 0 0 0 9 2.083v2.043A4.007 4.007 0 0 1 11.874 7h2.043zM2.083 9A6.005 6.005 0 0 0 7 13.917v-2.043A4.007 4.007 0 0 1 4.126 9H2.083zm0-2h2.043A4.007 4.007 0 0 1 7 4.126V2.083A6.005 6.005 0 0 0 2.083 7zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm10 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0z%27 fill=%27%23646B78%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link[data-icon~="logout"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M17 8l4 4-4 4v-3h-6v-2h6V8zM6 20c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h9c.6 0 1 .4 1 1v3h-2V6H7v12h7v-2h2v3c0 .6-.4 1-1 1H6z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%23646B78%27 xlink:href=%27%23a%27 transform=%27translate%28-5 -4%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link:hover,
.header > .inner .account-tray > .account-links > li > .account-link:focus {
  outline: none;
}

.header > .inner .account-tray > .account-links > li > .account-link:hover[data-icon~="messages"] span::before,
.header > .inner .account-tray > .account-links > li > .account-link:focus[data-icon~="messages"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2714%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M19 5H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 12H6v-6.277l5.504 3.145a.998.998 0 0 0 .992 0L18 10.723V17zm0-8.58l-6 3.429L6 8.42V7h12v1.42z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%234D82FF%27 xlink:href=%27%23a%27 transform=%27translate%28-4 -5%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link:hover[data-icon~="settings"] span::before,
.header > .inner .account-tray > .account-links > li > .account-link:focus[data-icon~="settings"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M16.9 8.5L18.4 7 17 5.6l-1.5 1.5c-.7-.5-1.6-.9-2.5-1V4h-2v2.1c-.9.2-1.8.5-2.5 1L7.1 5.6 5.6 7.1l1.5 1.5c-.5.6-.9 1.5-1 2.4H4v2h2.1c.2.9.5 1.8 1 2.5L5.6 17 7 18.4l1.5-1.5c.7.5 1.6.9 2.5 1V20h2v-2.1c.9-.2 1.8-.5 2.5-1l1.5 1.5 1.4-1.4-1.5-1.5c.5-.7.9-1.6 1-2.5H20v-2h-2.1c-.1-.9-.5-1.8-1-2.5zM12 15c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%234D82FF%27 xlink:href=%27%23a%27 transform=%27translate%28-4 -4%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link:hover[data-icon~="support"] span::before,
.header > .inner .account-tray > .account-links > li > .account-link:focus[data-icon~="support"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.917 9h-2.043A4.007 4.007 0 0 1 9 11.874v2.043A6.005 6.005 0 0 0 13.917 9zm0-2A6.005 6.005 0 0 0 9 2.083v2.043A4.007 4.007 0 0 1 11.874 7h2.043zM2.083 9A6.005 6.005 0 0 0 7 13.917v-2.043A4.007 4.007 0 0 1 4.126 9H2.083zm0-2h2.043A4.007 4.007 0 0 1 7 4.126V2.083A6.005 6.005 0 0 0 2.083 7zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm10 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0z%27 fill=%27%234D82FF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link:hover[data-icon~="logout"] span::before,
.header > .inner .account-tray > .account-links > li > .account-link:focus[data-icon~="logout"] span::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Cdefs%3E%3Cpath d=%27M17 8l4 4-4 4v-3h-6v-2h6V8zM6 20c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h9c.6 0 1 .4 1 1v3h-2V6H7v12h7v-2h2v3c0 .6-.4 1-1 1H6z%27 id=%27a%27/%3E%3C/defs%3E%3Cuse fill=%27%234D82FF%27 xlink:href=%27%23a%27 transform=%27translate%28-5 -4%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.header > .inner .account-tray > .account-links > li > .account-link:hover > span,
.header > .inner .account-tray > .account-links > li > .account-link:focus > span {
  color: #44a4ff;
}

.header > .inner .account-tray > .account-links > li > .account-link > span {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  position: relative;
  padding-left: 32px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #646b78;
}

.header > .inner .account-tray > .account-links > li > .account-link > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.header > .inner .account-tray > .account-links > li > .account-link > span .messages {
  color: #a0adbb;
}

.bulletList {
  padding-top: 10px;
  padding-left: 60px;
  padding-bottom: 20px;
}

.bulletList li {
  padding-top: 5px;
  padding-left: 10px;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.hidden {
  display: none;
}

.defaultHeight {
  height: auto;
}

.defaultWidth {
  width: 180px;.
}

.checkIndent {
  display: block !important;
  margin-left: 30px;
  text-indent: -30px;
}

.small {
  font-size: 90%;
}

.transparent {
  opacity: 0.5;
  filter: alpha(opacity: 50);
}

.initText {
  color: #999;
}

/*  BlockUI Formatting */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#blockUIMessage {
  display: none;
  padding-top: 35px;
  height: 70px;
  background: url(../images/octet-loading.svg) no-repeat center;
  font-size: 0;
  background-color: transparent !important;
  border: 0;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

div.blockUI.blockMsg.blockPage {
  z-index: 99999 !important;
}

div.blockUI.blockOverlay {
  background: #fff !important;
  z-index: 9999 !important;
  opacity: 0.75 !important;
}

div.blockMsg.blockPage {
  background-color: transparent !important;
}

.listPagerWrap {
  margin-top: 14px;
  font-size: 90%;
}

.listPagerLabel {
  margin-right: 4px;
  color: #600;
  font-size: 90%;
  font-weight: normal;
  text-transform: uppercase;
}

.listPagerItem {
  margin-right: 6px;
  font-weight: bold;
}

table.fixed {
  table-layout: fixed;
}

/* Clearfix Hack */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Footer */

.footer {
  z-index: 3;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  position: static;
  height: 48px;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 1px 2px -1px rgba(44, 50, 60, 0.5), 0 0 0 1px rgba(44, 50, 60, 0.08);
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

.footer ul {
  margin: 0 auto;
  width: 926px;
  border-right: solid #d01820 1px;
}

.footer ul li {
  float: left;
  border: solid #d01820 0;
  width: 302px;
  border-left-width: 1px;
}

.footer > ul {
  border-right: none;
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  max-width: 900px;
  justify-content: space-between;
}

.footer > ul::after {
  display: none;
}

.footer > ul > li,
.footer > ul > li a {
  color: gray;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
}

.footer > ul > li {
  padding: 14px 0 12px;
  border: 0;
  width: auto;
}

.footer > ul > li a {
  text-decoration: none;
}

/* Layout */

.pageWrap {
  margin: 0 auto;
  height: 600px;
  width: 100%;
  background: 0 0 !important;
}

.page {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

.pageContent {
  position: relative;
  padding: 42px 0;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  background: #f8f8f8;
  width: 1200px;
  margin: 100px auto 0;
}

.pageContent .sidebar {
  flex: 1 1 200px;
  min-width: 200px;
  max-width: 200px;
}

.pageContent .sidebar.-member {
  display: none;
}

.pageContent .main {
  flex: 2 2 auto;
  margin-left: 40px;
  width: auto !important;
}

.pageContent .main.-member {
  margin-left: 0;
}

.pageEnd {
  width: 100%;
  height: 2px;
  display: none;
}

.logo {
  background: url(../images/logo.gif) no-repeat;
  text-indent: -9000px;
}

.main {
  float: right;
  margin-bottom: 40px;
  width: 642px;
  padding: 0;
}

/* Button and panel reframing*/

.-card {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d0dce2;
  padding: 24px !important;
  margin-top: 24px;
  display: block;
  box-sizing: border-box;
}

.-card.-no-padding {
  padding: 0 !important;
}

.-card > h2.subheading {
  border-bottom: 1px solid #d0dce2;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.-card.-card-top {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.-card.-card-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  margin-top: 0;
}

.-card.middle {
  border-radius: 0;
  margin: 0;
}

.-card-reset {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  margin: 0 !important;
}

.formBox.-card-reset {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  margin: 0 !important;
}

.no-margin-right {
  margin-right: 0;
}

.ajaxStatus {
  position: absolute;
  right: 30px;
  width: 191px;
  height: 27px;
  background: url(../images/bg_update_status.gif) no-repeat;
  text-indent: -9000px;
  display: none;
}

/* Navigation */

.sidebar {
  float: left;
  background-image: none;
  padding: 0;
  width: 200;
}

.sidebar li {
  margin-left: 2px;
  padding: 8px 0 4px;
}

.sidebar li a {
  display: block;
  padding-left: 18px;
  color: #600;
}

.sidebar li a.current {
  color: #c03;
  font-weight: 700;
}

.sidebar li.section span {
  padding-left: 18px;
  color: #600;
  font-weight: 700;
}

.sidebar li.section ul {
  margin-top: 6px;
}

.sidebar li.section li {
  padding-top: 4px;
  background: 0 0;
}

.sidebar li.section li a {
  padding-left: 29px;
}

.sidebar * {
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.sidebar > ul {
  background: #fff;
  margin: 0;
}

.sidebar ul li {
  margin: 0;
  padding: 0;
}

.sidebar ul li.section ul {
  margin-top: 0;
}

.sidebar ul li.section ul li {
  padding-top: 0;
}

.sidebar .leftStrip h3,
.sidebar ul li.section span {
  font-style: normal;
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.sidebar ul li.section span {
  display: block;
  width: 100%;
  border-top: 2px solid #f4f7fb;
  background: #f4f7fb;
  padding: 12px 16px;
  box-sizing: border-box;
  color: #000;
  background-image: none;
}

.sidebar ul li,
.sidebar ul li.section li,
.sidebar ul li.section li a,
.sidebar ul li.section li span {
  background-image: none;
}

.sidebar ul li.section li a {
  padding-left: 24px;
}

.sidebar .leftStrip h3 {
  color: #2c323c;
}

.sidebar .leftStrip p,
.sidebar ul li a {
  color: #2c323c;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}

.sidebar ul li a {
  font-weight: 500;
  height: 20px;
  text-align: left;
  text-decoration: none;
  background-image: none;
  padding: 8px 24px;
}

.sidebar ul li a:hover {
  background: #f8f8f8;
  color: #f05a64;
}

.sidebar ul li a.current {
  background: #f05a64;
  color: #fff;
}

.sidebar .leftStrip {
  background: 0 0;
  color: #2c323c;
  width: 100%;
  padding: 0;
  margin: 0;
}

.sidebar .leftStrip p {
  font-weight: 300;
}

/* Deployment Info */
.deploymentInfo {
  color: rgba(0, 0, 0, 0.1);
  display: block;
  position: fixed;
  bottom: 0;
  left: 20px;
  font-family: sans-serif;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  line-height: 100%;
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
  text-align: left;
}

.deploymentInfo ul,
.deploymentInfo li {
  list-style: none;
  font-size: 32px;
  line-height: 120%;
}

/* Base Content Styles */

.introText {
  padding: 0;
  margin: 0;
  border: 0;
  background: 0 0;
}

.introText h1 {
  margin: -40px 0 10px;
}

.introText p {
  margin-bottom: 10px;
}

.introText h1.heading {
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  color: #2c323c;
  margin: 0;
}

.introText h1.heading a {
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  color: #f05a64;
  margin: 0;
}

.introText .intro-help,
.main .introText .intro-help-link {
  display: none;
}

.wrapLeft {
  text-align: left;
}

.formWrap {
  text-align: center;
}

.formWrap table {
  margin: 0 auto;
  width: 100%;
}

.formBox {
  margin: 20px 0 40px 0;
  padding: 25px;
  background: #fff;
  border: solid #cfcfcf 1px;
}

.formBox h2.subheading {
  margin: 0;
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  margin-bottom: 10px;
}

.formBox hr {
  margin: 26px auto;
  width: 100% !important;
  border: 0;
  border-bottom: 1px solid #d0dce2;
}

.formBox hr.narrow {
  margin: 10px auto;
}

.formBox hr.narrow100 {
  margin: 10px auto;
  width: 100%;
}

.formBox hr.normal100 {
  margin: 26px auto;
  width: 100%;
}

.formBox th {
  padding-right: 6px;
  text-align: right;
}

.formBox td {
  text-align: left;
}

.formBox label {
  color: #600;
  font-size: 77%;
  font-weight: normal;
  text-transform: uppercase;
}

.dateInput {
  margin-right: 2px !important;
  width: 149px;
  padding-left: 5px !important;
  padding-right: 4px !important;
}

.dateInputIcon {
  cursor: pointer;
  text-decoration: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27/%3E%3Cpath d=%27M15 2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2V0h3v2h4V0h3v2h2zm-1 12V5H2v9h12zM4 7h2v2H4V7zm3 0h2v2H7V7zm-3 3h2v2H4v-2zm3 0h2v2H7v-2zm3-3h2v2h-2V7zm0 3h2v2h-2v-2z%27 fill=%27%2366798D%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  padding: 8px;
}

.dateInputIcon + .errorIcon {
  position: absolute;
}

.dateInput[style*="width: 80px"] {
  min-width: 90px;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.dateInput[style*="width:80px"] {
  min-width: 90px;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

span.required {
  background: url(../images/bg_icons_sprite.png) no-repeat -2px -213px;
  padding-left: 13px;
}

span.completed {
  display: block;
  background: url(../images/bg_icons_sprite.png) no-repeat 0 -747px;
  width: 21px;
  height: 23px;
}

span.total hr {
  margin-left: 0;
  text-align: left;
}

.buttonSlim {
  height: 21.5px;
  color: #fff;
  font-size: 77%;
  border-radius: 3px;
}

.buttonNarrow {
  width: 80px;
}

.button span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.buttonMargin {
  margin-left: 30px;
}

.buttonMarginSmall {
  margin-right: 20px;
}

.button-group {
  overflow: hidden;
  text-align: center;
  margin: 20px auto 0;
}

.button-group :not(:first-child) {
  display: inline-block;
  margin-left: 1em;
}

.button,
button {
  /*text-transform: uppercase;*/
  border-radius: 4px;
  background: #4d82ff;
  border: 1px solid #4d82ff;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 32px;
  cursor: pointer;
  width: auto;
  margin-right: 30px;
  height: auto;
}

.button:hover,
button:hover {
  text-decoration: none;
  background: #3969d8;
  border: 1px solid #3969d8;
}

.button[disabled],
button[disabled] {
  background: #eee;
  color: #646b78;
  border: 1px solid #eee;
}

.button[disabled] span,
button[disabled] span {
  color: #646b78;
}

.secondary-btn,
.decorative-btn,
.tertiary-btn {
  text-decoration: none;
  display: block;
  clear: both;
  cursor: pointer;
  width: auto;
}

.secondary-btn:before,
.decorative-btn:before,
.tertiary-btn:before {
  content: attr(button-cont);
  display: block;
  height: 20px;
  text-align: center;
  text-decoration: none;
}

.secondary-btn.-ico.-compac-add,
.decorative-btn.-ico.-compac-add,
.tertiary-btn.-ico.-compac-add {
  width: 80px;
}

.secondary-btn.-ico.-compac,
.decorative-btn.-ico.-compac,
.tertiary-btn.-ico.-compac {
  width: 80px;
  text-align: right;
  padding-left: 0;
  display: flex;
  max-width: 60px;
  width: 60px;
  min-width: 60px;
}

.secondary-btn.-ico.-compac:before,
.decorative-btn.-ico.-compac:before,
.tertiary-btn.-ico.-compac:before {
  text-align: right;
  width: 60px;
}

.secondary-btn.-ico:before,
.decorative-btn.-ico:before,
.tertiary-btn.-ico:before {
  display: block;
  height: 20px;
  text-align: center;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 1px) 0px;
  padding-right: 30px;
  line-height: 16px;
}

.secondary-btn.-ico.-ico-open-window:before,
.decorative-btn.-ico.-ico-open-window:before,
.tertiary-btn.-ico.-ico-open-window:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27/%3E%3Cpath fill=%27%234D82FF%27 fill-rule=%27nonzero%27 d=%27M16 0h-6l2.293 2.293-5 5 1.414 1.414 5-5L16 6z%27/%3E%3Cpath d=%27M15 16H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h7v2H2v12h12V8h2v7a1 1 0 0 1-1 1z%27 fill=%27%234D82FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-download:before,
.decorative-btn.-ico.-ico-download:before,
.tertiary-btn.-ico.-ico-download:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-5-4h24v24H-5z%27/%3E%3Cpath d=%27M7 12c-.3 0-.5-.1-.7-.3L.6 6 2 4.6l4 4V0h2v8.6l4-4L13.4 6l-5.7 5.7c-.2.2-.4.3-.7.3zm-7 2h14v2H0v-2z%27 fill=%27%234D82FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-plus:before,
.decorative-btn.-ico.-ico-plus:before,
.tertiary-btn.-ico.-ico-plus:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%233969D8%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3Cg fill=%27%23FFF%27%3E%3Cpath fill=%27none%27 d=%27M4 4h12v12H4z%27/%3E%3Cpath fill-rule=%27nonzero%27 d=%27M11 6H9v3H6v2h3v3h2v-3h3V9h-3z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-upload:before,
.decorative-btn.-ico.-ico-upload:before,
.tertiary-btn.-ico.-ico-upload:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27 fill-opacity=%270%27/%3E%3Cg fill=%27%234D82FF%27 fill-rule=%27nonzero%27%3E%3Cpath d=%27M7 3.4V12h2V3.4l4 4L14.4 6 8.7.3c-.4-.4-1-.4-1.4 0L1.6 6 3 7.4l4-4z%27/%3E%3Cpath d=%27M14 14H2v-3H0v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4h-2v3z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-edit:before,
.decorative-btn.-ico.-ico-edit:before,
.tertiary-btn.-ico.-ico-edit:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27/%3E%3Cpath d=%27M15.7 3.3c.4.4.4 1 0 1.4l-1.8 1.8-4.4-4.4L11.3.3c.4-.4 1-.4 1.4 0l3 3zm-7.6.2l4.4 4.4-7.8 7.8c-.2.2-.4.3-.7.3H1c-.6 0-1-.4-1-1v-3c0-.3.1-.5.3-.7l7.8-7.8z%27 fill=%27%234D82FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-edit:before,
.decorative-btn.-ico.-ico-edit:before,
.tertiary-btn.-ico.-ico-edit:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27/%3E%3Cpath d=%27M15.7 3.3c.4.4.4 1 0 1.4l-1.8 1.8-4.4-4.4L11.3.3c.4-.4 1-.4 1.4 0l3 3zm-7.6.2l4.4 4.4-7.8 7.8c-.2.2-.4.3-.7.3H1c-.6 0-1-.4-1-1v-3c0-.3.1-.5.3-.7l7.8-7.8z%27 fill=%27%234D82FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-ico.-ico-delete:before,
.decorative-btn.-ico.-ico-delete:before,
.tertiary-btn.-ico.-ico-delete:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M74.779,21.668c-3.875,0.143-7.76,0.041-11.641,0.023 c-0.59-0.002-1.22,0.176-1.803-0.248c-0.186-1.303-0.092-2.632-0.079-3.955c0.021-2.354-0.944-4.051-3.139-4.994 c-0.202-0.086-0.421-0.141-0.507-0.377c-5.436,0-10.868,0-16.302,0c-0.075,0.078-0.136,0.194-0.227,0.228 c-2.614,0.959-3.627,2.889-3.473,5.586c0.068,1.197,0.011,2.401,0.011,3.769c-0.81,0-1.408,0-2.006,0 c-4.047,0.002-8.094-0.031-12.14,0.017c-2.779,0.031-4.677,1.936-4.765,4.709c-0.05,1.551-0.046,3.105-0.001,4.656 c0.068,2.379,1.445,4.045,3.768,4.652c0.258,0.068,0.556,0.015,0.923,0.421c0,0.477,0,1.133,0,1.789c0,12.03,0,24.06,0,36.089 c0,1.496-0.041,2.995,0.017,4.49c0.166,4.313,2.907,7.821,6.945,8.944c1.077,0.3,2.182,0.369,3.294,0.369 c10.532,0,21.065,0.003,31.599-0.008c0.772-0.001,1.553-0.058,2.317-0.173c3.937-0.59,7.212-3.935,7.7-7.883 c0.122-0.986,0.141-1.991,0.141-2.986c0.01-12.972,0.004-25.944,0.014-38.916c0.002-0.647-0.166-1.331,0.216-1.929 c3.433-0.914,4.511-2.339,4.517-5.945C80.16,29,80.113,28,80.166,27.005C80.323,24.046,78.213,21.541,74.779,21.668z M42.376,18.994c0.159-1.251,1.029-1.972,2.446-2.017c1.826-0.057,3.656-0.021,5.485-0.023c1.163-0.001,2.328-0.029,3.489,0.011 c1.885,0.063,2.674,0.889,2.737,2.804c0.019,0.55,0.003,1.101,0.003,1.846c-4.803,0-9.379,0-14.046,0 C42.197,20.734,42.269,19.848,42.376,18.994z M70.674,77.768c0.004,1.84-0.483,3.379-2.03,4.479 c-0.896,0.638-1.909,0.828-2.989,0.827c-10.809-0.006-21.616,0.012-32.425-0.012c-3.136-0.008-4.933-1.797-5.082-4.918 c-0.019-0.388-0.009-0.776-0.009-1.164c0-13.025-0.003-26.051,0.007-39.076c0.001-0.646-0.173-1.331,0.221-1.929 c1.377-0.208,40.391-0.225,42.042-0.02c0.408,0.403,0.244,0.932,0.245,1.406C70.663,50.83,70.65,64.299,70.674,77.768z M73.561,31.034c-0.428,0.088-0.882,0.071-1.324,0.071c-15.186,0.003-30.371,0.003-45.557,0.001c-0.442,0-0.895,0.02-1.326-0.058 c-1.076-0.193-1.884-1.148-1.928-2.208c-0.046-1.113,0.785-2.176,1.924-2.376c0.486-0.086,0.994-0.057,1.493-0.057 c7.538-0.002,15.075-0.001,22.613-0.001c7.481,0,14.964-0.001,22.445,0.002c0.553,0.001,1.12-0.032,1.657,0.071 c1.091,0.21,1.813,1.164,1.814,2.275S74.65,30.809,73.561,31.034z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.559,47.37c-0.188-1.258-1.185-2.078-2.424-2.031 c-1.181,0.045-2.06,0.848-2.211,2.066c-0.055,0.438-0.03,0.885-0.03,1.328c-0.001,4.318-0.001,8.637-0.001,12.955 c0,4.428-0.002,8.857,0.001,13.287c0,0.441-0.024,0.891,0.035,1.326c0.159,1.195,1.075,2.01,2.242,2.039 c1.152,0.031,2.151-0.752,2.366-1.912c0.08-0.43,0.055-0.882,0.055-1.324c0.004-8.857,0.003-17.716,0.002-26.573 C63.594,48.143,63.616,47.75,63.559,47.37z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.683,47.2c-0.202-1.081-0.989-1.764-2.045-1.853 c-1.139-0.096-2.036,0.499-2.439,1.586c-0.219,0.593-0.166,1.202-0.167,1.808c-0.005,4.374-0.002,8.747-0.002,13.12 c0,4.374-0.003,8.747,0.001,13.121c0.001,0.551-0.043,1.105,0.131,1.646c0.355,1.104,1.25,1.758,2.363,1.71 c1.11-0.046,1.967-0.779,2.166-1.921c0.086-0.486,0.083-0.992,0.083-1.489c0.005-8.747,0.005-17.493,0-26.24 C51.773,48.191,51.773,47.686,51.683,47.2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.974,61.816c0-4.373,0.001-8.746-0.003-13.12c0-0.497,0.029-1.007-0.065-1.49 c-0.226-1.163-1.225-1.91-2.397-1.867c-1.186,0.045-2.058,0.845-2.209,2.064c-0.048,0.382-0.026,0.774-0.026,1.162 c-0.001,8.858-0.001,17.715,0,26.573c0,0.388-0.021,0.78,0.03,1.162c0.16,1.193,1.072,2.01,2.241,2.039 c1.147,0.031,2.152-0.752,2.366-1.913c0.089-0.483,0.062-0.992,0.062-1.489C39.975,70.564,39.974,66.19,39.974,61.816z'/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-btn-wrapper,
.decorative-btn.-btn-wrapper,
.tertiary-btn.-btn-wrapper {
  position: relative;
  padding: 0;
}

.secondary-btn.-btn-wrapper::before,
.decorative-btn.-btn-wrapper::before,
.tertiary-btn.-btn-wrapper::before {
  width: 100%;
  text-align: center;
  position: absolute;
  padding: 8px 30px 8px;
  box-sizing: border-box;
  left: 0;
}

.secondary-btn.-btn-wrapper.-ico:before,
.decorative-btn.-btn-wrapper.-ico:before,
.tertiary-btn.-btn-wrapper.-ico:before {
  height: 32px;
  background-position: center right;
  padding-right: 50px;
}

.secondary-btn.-btn-wrapper.-ico.-ico-open-window:after,
.decorative-btn.-btn-wrapper.-ico.-ico-open-window:after,
.tertiary-btn.-btn-wrapper.-ico.-ico-open-window:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-4-4h24v24H-4z%27/%3E%3Cpath fill=%27%234D82FF%27 fill-rule=%27nonzero%27 d=%27M16 0h-6l2.293 2.293-5 5 1.414 1.414 5-5L16 6z%27/%3E%3Cpath d=%27M15 16H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h7v2H2v12h12V8h2v7a1 1 0 0 1-1 1z%27 fill=%27%234D82FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-btn-wrapper.-ico.-ico-download:after,
.decorative-btn.-btn-wrapper.-ico.-ico-download:after,
.tertiary-btn.-btn-wrapper.-ico.-ico-download:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-5-4h24v24H-5z%27/%3E%3Cpath d=%27M7 12c-.3 0-.5-.1-.7-.3L.6 6 2 4.6l4 4V0h2v8.6l4-4L13.4 6l-5.7 5.7c-.2.2-.4.3-.7.3zm-7 2h14v2H0v-2z%27 fill=%27%2344A4FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-btn-wrapper.-ico.-ico-plus:after,
.decorative-btn.-btn-wrapper.-ico.-ico-plus:after,
.tertiary-btn.-btn-wrapper.-ico.-ico-plus:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%233969D8%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3Cg fill=%27%23FFF%27%3E%3Cpath fill=%27none%27 d=%27M4 4h12v12H4z%27/%3E%3Cpath fill-rule=%27nonzero%27 d=%27M11 6H9v3H6v2h3v3h2v-3h3V9h-3z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.secondary-btn.-btn-wrapper input,
.decorative-btn.-btn-wrapper input,
.tertiary-btn.-btn-wrapper input {
  padding: 5px 16px 5px;
  opacity: 0.01;
}

.tertiary-btn {
  border: 1px solid;
  border-radius: 4px;
  background: #f05a64;
  border: 1px solid #f05a64;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 32px;
  margin-right: 30px;
}

.tertiary-btn:hover {
  text-decoration: none;
  background: #cb343e;
  border: 1px solid #cb343e;
}

.secondary-btn {
  border: 1px solid;
  border-radius: 4px;
  background: #4d82ff;
  border: 1px solid #4d82ff;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 32px;
}

.secondary-btn:hover {
  text-decoration: none;
  background: #3969d8;
  border: 1px solid #3969d8;
}

.secondary-btn:hover {
  color: #fff !important;
}

.addLink {
  display: inline-block;
  width: 60px;
  height: 20px;
}

.addLink > img {
  display: none;
}

.addLink:before {
  content: attr(button-cont);
  height: 20px;
  display: flex;
  text-align: center;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: right 0px;
  padding-right: 30px;
  line-height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%233969D8%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3Cg fill=%27%23FFF%27%3E%3Cpath fill=%27none%27 d=%27M4 4h12v12H4z%27/%3E%3Cpath fill-rule=%27nonzero%27 d=%27M11 6H9v3H6v2h3v3h2v-3h3V9h-3z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.formWrap > .formBox td .secondary-btn {
  float: left;
}

.decorative-btn {
  border: 1px solid;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  color: #4d82ff;
  padding-right: 0;
}

.decorative-btn:hover {
  text-decoration: none;
  background: #fff;
  border: 1px solid #fff;
}

.decorative-btn:hover {
  color: #3969d8;
}

.decorative-btn[disabled] {
  background: #ffffff;
  color: #646b78;
  border: 1px solid #ffffff;
  cursor: default;
}

.button-action {
  display: flex;
}

.button-action.-center {
  justify-content: center;
}

.button-action .secondary-btn {
  margin-right: 16px;
}

.button-action.-top-gap {
  margin-top: 32px;
}

.back {
  display: block;
  margin: 20px auto 0 auto;
}

.uploadAction {
  padding-top: 2px;
}

.entityInput input {
  float: left;
  margin-top: 4px;
  margin-right: 20px;
}

.entityInput span.required {
  float: left;
  margin-top: 6px;
}

.entityInput span.errorIcon {
  float: left;
  margin-top: -2px;
}

#charsLeft {
  font-size: 77%;
}

#charsRemaining {
  font-size: 77%;
}

/* visible underlay for file inputs at 0 opacity */
.fileInput {
  position: relative;
}

.fileControl {
  position: relative;
  opacity: 0;
  filter: alpha(opacity: 0);
  z-index: 2;
}

.fileUnderlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.fileUnderlay img {
  float: right;
  margin: 1px 0 0 6px;
}

.fileUnderlay input {
  font-size: 100% !important;
}

.errorText {
  color: #c03 !important;
}

.errorIcon {
  padding: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-2-2h24v24H-2z%27/%3E%3Cpath d=%27M10 20C4.4858 20 0 15.5142 0 10S4.4858 0 10 0s10 4.4858 10 10-4.4858 10-10 10zm0-15a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zm.8333 4.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%23F05A64%27/%3E%3Cpath d=%27M10 5a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zM10.8333 9.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}

.errorIcon.iconOnly {
  text-indent: -999em;
  display: inline-block;
}

/* Accordian */
.collapseLink,
.expandLink {
  display: block;
  margin-left: 15px;
  width: 198px;
  height: 21px;
  text-align: left;
  outline: 0;
  background: 0 0;
  text-transform: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #2c323c;
  background-repeat: no-repeat;
  padding: 8px 0 8px 32px;
  background-position: left center;
}

.expandLink {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%23EEE%27 cx=%2712%27 cy=%2712%27 r=%2712%27/%3E%3Cpath fill=%27none%27 d=%27M6 6h12v12H6z%27/%3E%3Cpath fill=%27%2333475B%27 fill-rule=%27nonzero%27 d=%27M13 8h-2v3H8v2h3v3h2v-3h3v-2h-3z%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.expandLink:hover {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%23DEDEDE%27 cx=%2712%27 cy=%2712%27 r=%2712%27/%3E%3Cpath fill=%27none%27 d=%27M6 6h12v12H6z%27/%3E%3Cpath fill=%27%2333475B%27 fill-rule=%27nonzero%27 d=%27M13 8h-2v3H8v2h3v3h2v-3h3v-2h-3z%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.collapseLink {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%23EEE%27 cx=%2712%27 cy=%2712%27 r=%2712%27/%3E%3Cpath fill=%27none%27 d=%27M6 6h12v12H6z%27/%3E%3Cpath fill=%27%2333475B%27 fill-rule=%27nonzero%27 d=%27M11 11H8v2h8v-2h-3z%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.collapseLink:hover {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle fill=%27%23DEDEDE%27 cx=%2712%27 cy=%2712%27 r=%2712%27/%3E%3Cpath fill=%27none%27 d=%27M6 6h12v12H6z%27/%3E%3Cpath fill=%27%2333475B%27 fill-rule=%27nonzero%27 d=%27M11 11H8v2h8v-2h-3z%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

/*  Status Box */

.statusBox {
  padding: 22px;
  border-radius: 4px;
  border: #f05a64 solid 1px;
  margin-top: 24px;
  box-sizing: border-box;
}

.statusBox div {
  position: relative;
  padding: 0 4px 0 38px;
}

.statusBox div label {
  position: absolute;
  display: block;
  left: 4px;
  background: url(../images/bg_icons_sprite.png) no-repeat 0 -249px;
  width: 30px;
  height: 30px;
  text-indent: -9000px;
  outline: 0;
}

.statusBox ul {
  margin-left: 40px;
}

.statusBox li {
  margin-top: 10px;
  padding-left: 14px;
  background: url(../images/bg_icons_sprite.png) no-repeat -5px -458px;
  color: #fff;
  font-weight: 700;
  font-size: 77%;
  text-transform: uppercase;
}

.statusBox,
.statusBox li#NoBullet {
  background: 0 0;
}

.statusBox div#text {
  border: 0;
}

.statusBox li a {
  color: #410c0f;
}

.successBox {
  border: #87b958 solid 1px;
}

.successBox div {
  background: #358c38;
  border: solid #1a520d 1px;
}

.successBox div label {
  background-position: 0 -290px;
}

.infoBox {
  border: #d3c355 solid 1px;
}

.infoBox div {
  background: #ffcb00;
  border: solid #f90 1px;
  color: #930;
}

.infoBox div label {
  background-position: 0 -333px;
}

.infoBox li {
  background-position: -5px -1105px;
  color: #930;
}

.infoBox a {
  color: #c00;
}

.statusBox div,
.statusBox ul li {
  color: #f05a64;
  background: 0 0;
  text-transform: initial;
  text-align: left;
}

.statusBox div {
  border: 0;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.statusBox div label {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-2-2h24v24H-2z%27/%3E%3Cpath d=%27M10 20C4.4858 20 0 15.5142 0 10S4.4858 0 10 0s10 4.4858 10 10-4.4858 10-10 10zm0-15a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zm.8333 4.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%23F05A64%27/%3E%3Cpath d=%27M10 5a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zM10.8333 9.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  top: -5px;
}

.statusBox ul li {
  padding-left: 0;
}

.statusBox ul li::before {
  background: #f05a64;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 8px;
  display: block;
  content: "";
  height: 3px;
  width: 3px;
  float: left;
}

.statusBox.successBox {
  border: #66bb6a solid 1px;
  color: #66bb6a;
}

.statusBox.successBox div,
.statusBox.successBox ul li {
  color: #66bb6a;
}

.statusBox.successBox div label {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-2-2h24v24H-2z%27/%3E%3Cpath d=%27M10 0C4.4775 0 0 4.4775 0 10s4.4775 10 10 10 10-4.4775 10-10S15.5225 0 10 0z%27 fill=%27%234CC665%27/%3E%3Cpath d=%27M8.3367 11.467l4.4053-5.1193c.3603-.4186.9917-.466 1.4103-.1057.4186.3603.466.9917.1057 1.4103l-5.1633 6c-.399.4636-1.117.4636-1.516 0L5.242 10.9369c-.3602-.4186-.3129-1.05.1057-1.4102.4187-.3603 1.05-.313 1.4103.1057l1.5787 1.8345z%27 fill=%27%23FFF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
}

.statusBox.successBox ul li::before {
  background: #66bb6a;
}

.statusBox.infoBox {
  border: #4d82ff solid 1px;
  color: #4d82ff;
}

.statusBox.infoBox div {
  color: #4d82ff;
}

.statusBox.infoBox div label {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-2-2h24v24H-2z%27/%3E%3Cpath d=%27M10 20C4.4858 20 0 15.5142 0 10S4.4858 0 10 0s10 4.4858 10 10-4.4858 10-10 10zm0-15a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zm.8333 4.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%2344A4FF%27/%3E%3Cpath d=%27M10 5a.8336.8336 0 0 0-.8333.8333c0 .46.3733.8334.8333.8334s.8333-.3734.8333-.8334A.8336.8336 0 0 0 10 5zM10.8333 9.1667A.8336.8336 0 0 0 10 8.3333a.8336.8336 0 0 0-.8333.8334v5c0 .46.3733.8333.8333.8333s.8333-.3733.8333-.8333v-5z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E");
}

.statusBox.infoBox ul li {
  color: #4d82ff;
  text-align: left;
}

.statusBox.infoBox ul li::before {
  background: #4d82ff;
}

.textHighlight {
  font-weight: bold;
  color: #c00;
}

.modalBackground {
  background-color: black;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* Lists */

ul.general {
  margin: -16px 0 0 26px;
}

ul.general li {
  margin-top: 16px;
  padding-left: 16px;
  background: url(../images/bg_icons_sprite.png) no-repeat -5px -177px;
}

/* Grid */

.grid {
  width: 100%;
  border-spacing: 0;
  background: #fff;
  border-radius: 3px;
  padding: 24px;
  border: 24px solid #fff;
  box-shadow: 0 0 0 1px #d0dce2;
  margin: 24px 1px 1px;
}

.gridBreak {
  margin-top: 26px;
}

.grid td,
.grid th {
  padding: 7px 10px !important;
  text-align: left;
}

.grid th {
  text-transform: uppercase;
  background: 0 0;
  border: 0;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  color: gray;
  height: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
}

.grid td {
  border: solid #aaa 1px;
  font-size: 90%;
}

.grid tr td {
  border: 1px solid #d0dce2;
  border-left: none;
  border-right: none;
}

.grid .normal,
.gridPager td {
  background-color: #fff;
}

.grid .word-wrap-text {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  width: 120px;
  display: inline-block;
}

.grid .alternate.highlight,
.grid .highlight {
  background-color: #efefef;
}

.grid .amount {
  text-align: right !important;
}

.grid .amount-right-align {
  display: block;
}

.grid .amount-right-align,
.grid .sellamount,
.grid .sumamount {
  text-align: right !important;
}

.gridPager table {
  margin: 0 0 0 auto;
  border: 1px solid #d0dce2;
  border-radius: 4px;
  overflow: hidden;
  border-spacing: 0;
}

.gridPager table td {
  margin: 4px;
  padding: 4px;
  border-width: 0;
  font-size: 100%;
}

.gridPager table a,
.gridPager table span {
  display: block;
  padding: 1px 6px;
  background-color: #ccc;
  color: #666;
}

.gridPager table span {
  background-color: #633;
  color: #fff;
}

.gridPager > td {
  padding-top: 16px !important;
}

.gridPager table tr td {
  padding: 0 !important;
  height: 24px;
  width: auto;
  min-width: 24px;
  max-width: 36px;
}

.gridPager table tr td,
.gridPager table tr td a {
  border: 0;
  background: #fff;
  text-align: center;
}

.gridPager table tr td:last-child {
  border-right: none;
}

.gridPager table tr td a,
.gridPager table tr td span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}

.gridPager table tr td a {
  padding: 0 !important;
}

.gridPager table tr td span {
  padding: 5px;
  background: #d0dce2;
  color: #000;
}

.gridClip {
  display: inline-block;
  width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid th a {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  color: gray;
  height: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
}

.grid .alternate,
.grid .normal {
  background: 0 0;
}

.radioWithTextWrap li {
  min-width: 100%;
  display: block;
  clear: both;
}

.radioWithTextWrap li label {
  margin-left: 0;
}

label > input[type="checkbox"] {
  display: block;
  opacity: 1;
  height: 22px;
  width: 22px;
}

.fileInput .fileUnderlay {
  display: flex;
}

.fileInput .fileUnderlay img {
  margin: 0;
  opacity: 0.01;
}

.fileInput .fileUnderlay:after {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  border: 1px #4d82ff solid;
  content: "Browse";
  height: 32px;
  background: none;
  color: #4d82ff;
  width: 86px;
  position: absolute;
  right: 0;
  z-index: 9;
  visibility: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.fileInput .fileUnderlay #ctl00_DialogContent_UploadDocument_DocumentFile {
  width: 139px;
}

.fileInput .fileUnderlay #ctl00_MainContent_LedgerUpload,
.fileInput .fileUnderlay #ctl00_MainContent_CopyInvUpload,
.fileInput .fileUnderlay #ctl00_MainContent_CopyCreditNoteUpload,
.fileInput .fileUnderlay #ctl00_MainContent_CopyOtherUpload,
.fileInput .fileUnderlay #ctl00_MainContent_CustomerUpload {
  width: 163px;
}

.date-picker-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.date-picker-wrapper input {
  min-width: 162px;
}

.date-picker-wrapper.-small input {
  min-width: 90px;
}

.errorIcon {
  padding: 10px;
}

.ajax__calendar_header,
.ajax__calendar_today {
  padding: 5px 0;
}

.ajax__calendar div {
  font-size: 12px;
}

.ajax__calendar_dayname {
  padding: 0 0 0 4px !important;
}

.ajax__calendar_day {
  height: 17px;
  width: 18px;
  text-align: right;
  padding: 0 2px !important;
  cursor: pointer;
}

.ajax__calendar_year,
.ajax__calendar_month {
  width: 40px !important;
  height: 40px !important;
}

.ajax__calendar_container {
  background: #fff !important;
  box-shadow: 0 1px 12px 1px #d0dce2 !important;
  border: 0 !important;
  border-radius: 4px !important;
}

span .required,
span.required {
  background: none;
  padding-left: 5px;
  font-weight: 500;
  font-size: 16px;
}

span .required::before,
span.required::before {
  content: "*";
  color: #f05a64;
  margin-top: -3px;
}

.formBox table .two-collumn-form-small-label label {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
}

.formBox table td label,
.formBox table th label {
  height: auto !important;
  padding-top: 0 !important;
  margin-top: 3px;
  margin-left: 5px;
}

.listPager {
  margin: 0;
  float: right;
}

.listPager > span {
  border: 1px solid #d0dce2;
  border-radius: 4px;
  overflow: hidden;
  border-spacing: 0;
  display: flex;
}

.listPager > span label {
  display: none;
}

.listPager > span > span {
  border-right: 1px solid #d0dce2;
  background: #d0dce2;
  color: #000;
}

.listPager > span > span:last-child {
  border-right: none;
}

.listPager > span > a,
.listPager > span > span {
  border-right: 1px solid #d0dce2;
  display: flex;
  justify-content: center;
  padding: 0;
  align-items: center;
  height: 24px;
  width: 24px;
  margin-right: 0;
}

.listPager > span span {
  background: #d0dce2;
  color: #000;
}

.formWrap.formBox {
  padding: 0;
}

.formWrap > .formBox {
  padding: 0;
}

.formWrap .formBox .subheading {
  border-bottom: 1px solid #d0dce2;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.formBox label,
label {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  color: #808080;
  height: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
}

input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
  color: #999;
  background: #f9f9f9;
}

/* Upload Document Dialog */

.uploadDocument {
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
  border: solid white 2px;
}

.uploadDocument a.closeWindow {
  position: absolute;
  top: 9px;
  right: 26px;
}

.uploadDocument h2 {
  height: 37px;
  background: url(../images/bg_upload_document.gif) no-repeat;
  border-bottom: solid white 2px;
  text-indent: -9000px;
  outline: none;
}

.uploadDocument p {
  padding: 7px 23px 8px 23px;
  background-color: white;
}

.uploadDocument .formBox {
  margin: 0;
  padding-bottom: 12px;
}

/* Help Dialog */
#helpContent {
  padding: 12px;
  height: 250px;
  overflow: auto;
  background-color: #fff;
  border: solid #633 1px;
  text-align: left;
}

div[id^="ctl00_DialogContent_"],
div.dialog.helpDialog,
.dialog-popup {
  background-color: #fff;
}

div[id^="ctl00_DialogContent_"][style*="position: fixed;"],
div.dialog.helpDialog[style*="position: fixed;"],
.dialog-popup[style*="position: fixed;"] {
  background: #fff;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 20px -6px rgba(51, 71, 91, 0.4), 0 8px 10px -5px rgba(51, 71, 91, 0.4),
    0 0 0 1px rgba(51, 71, 91, 0.08);
  width: 608px;
  padding: 24px;
}

div[id^="ctl00_DialogContent_"] h2,
div.dialog.helpDialog h2,
.dialog-popup h2 {
  height: 37px;
  background: none;
  border-bottom: 1px solid #d0dce2;
  font-family: "CircularStd-Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-indent: 0px;
  outline: none;
  margin-bottom: 24px;
}

div[id^="ctl00_DialogContent_"] h2 + p,
div.dialog.helpDialog h2 + p,
.dialog-popup h2 + p {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
  padding: 16px 0;
}

div[id^="ctl00_DialogContent_"] .closeWindow,
div.dialog.helpDialog .closeWindow,
.dialog-popup .closeWindow {
  top: 24px !important;
  right: 24px !important;
  position: absolute;
}

div[id^="ctl00_DialogContent_"] .closeWindow::before,
div.dialog.helpDialog .closeWindow::before,
.dialog-popup .closeWindow::before {
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 22px;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  right: 0;
  top: 0;
}

div[id^="ctl00_DialogContent_"] .closeWindow::after,
div.dialog.helpDialog .closeWindow::after,
.dialog-popup .closeWindow::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath fill=%27none%27 d=%27M-5-5h24v24H-5z%27/%3E%3Cpath d=%27M13.7.3c-.4-.4-1-.4-1.4 0L7 5.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L5.6 7 .3 12.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L7 8.4l5.3 5.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L8.4 7l5.3-5.3c.4-.4.4-1 0-1.4z%27 fill=%27%2344A4FF%27 fill-rule=%27nonzero%27/%3E%3C/g%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  right: 0;
  top: 0;
  display: block;
  height: 14px;
  width: 14px;
}

div[id^="ctl00_DialogContent_"] .closeWindow img,
div.dialog.helpDialog .closeWindow img,
.dialog-popup .closeWindow img {
  display: none;
}

div[id^="ctl00_DialogContent_"] .fileInput .fileUnderlay #ctl00_DialogContent_UploadDocument_DocumentFile,
div.dialog.helpDialog .fileInput .fileUnderlay #ctl00_DialogContent_UploadDocument_DocumentFile,
.dialog-popup .fileInput .fileUnderlay #ctl00_DialogContent_UploadDocument_DocumentFile {
  width: 172px;
}

.dialog-popup .closeWindow {
  position: absolute;
}

.dialog-popup .closeWindow::before {
  display: none;
}

.dialog-popup .closeWindow img {
  display: none;
}

.dialog-popup .closeWindow > div {
  display: block !important;
  margin-right: 24px;
  line-height: 16px;
}

.dialog-popup > div {
  width: 100%;
}

.dialog-popup > div h2 {
  text-align: left;
}

.dialog-popup .formBox {
  border: none;
  padding: 0 !important;
}

.helpDialog #helpContent {
  border: none;
  padding: 0;
}

.helpDialog #helpContent b {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* Theme for Tabs */
.tabs {
  margin-top: 30px;
}

.tabs .ajax__tab_header {
  cursor: pointer;
}

.tabs .ajax__tab_outer {
  padding-right: 7px;
  height: 30px;
}

.tabs .ajax__tab_inner {
  padding-left: 3px;
}

.tabs .ajax__tab_tab {
  height: 18px;
  padding: 9px 18px 3px;
  margin: 0 !important;
  color: #fff;
  font-size: 77%;
  font-weight: 400;
  text-transform: uppercase;
}

.tabs .ajax__tab_active .ajax__tab_tab {
  color: #600;
  font-size: 77%;
  font-weight: 400;
  text-transform: uppercase;
}

.tabs .ajax__tab_header {
  border-bottom: 2px solid #d0dce2;
  background: 0 0;
}

.tabs .ajax__tab_header .ajax__tab_inner,
.tabs .ajax__tab_header .ajax__tab_outer {
  padding: 0;
}

.tabs .ajax__tab_header > span,
.tabs .ajax__tab_header > span span,
.tabs .ajax__tab_header > span.ajax__tab_active span {
  font-family: "MaisonNeue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #d0dce2;
}

.tabs .ajax__tab_header > span span,
.tabs .ajax__tab_header > span.ajax__tab_active span {
  color: gray;
  text-transform: capitalize;
}

.tabs .ajax__tab_header > span.ajax__tab_active span {
  color: #2c323c;
  font-weight: 500;
}

.tabs .ajax__tab_header > span.ajax__tab_active {
  border-bottom: 2px solid #4d82ff;
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: -2px;
}

.tabs .ajax__tab_header > span .ajax__tab_outer,
.tabs .ajax__tab_header > span .ajax__tab_outer .ajax__tab_inner,
.tabs .ajax__tab_header > span .ajax__tab_outer .ajax__tab_tab {
  background: 0 0;
}

.tabBox {
  margin-top: 0;
  border-top-width: 0;
}

.hiddenRow {
  display: none;
}

.ajax__combobox_itemlist {
  position: absolute !important;
  height: 200px !important;
  top: auto !important;
  left: auto !important;
}

button.link {
  background: 0 0 !important;
  border: 0;
  padding: 0 !important;
  font-family: arial, sans-serif;
  color: red;
  text-decoration: none;
  cursor: pointer;
}

/* User Controls*/

/* LiveRates */
.ExchangeRates {
  padding-top: 0px;
  padding-left: 0px;
}

.ExchangeRates .label {
  color: #600;
}

.ExchangeRates .exRate {
  text-align: right;
  color: #515151;
}

.ExchangeRates .exCurrency {
  text-align: left;
  color: #515151;
}

/* Contact/Address/Bank Control*/
.primary .classification {
  background: url(/skins/global/images//bg_column_header.gif) repeat-y;
  color: white;
}

.badge {
  display: inline-block;
  padding: 0.4em 0.5em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.cols {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.cols.-justify-end {
  justify-content: flex-end;
}

.flex-200 {
  flex: 0 0 200px;
}

.flex-300 {
  flex: 0 0 300px;
}

.button.-secondary {
  background-color: #666;
  border-color: #333;
}

.button.-secondary:hover {
  background-color: #999;
  border-color: #666;
}