.spacer,
form {
    clear: both
}

h1,
h3,
h5 {
    line-height: 1
}

#header #logo h1 a,
#nav-col li a {
    text-decoration: none
}

#nav-col li,
a {
    cursor: pointer
}

#breadcrumbs li a:link,
#breadcrumbs li a:visited,
a {
    text-decoration: underline
}

.panel .head h3,
tfoot tr.total th,
ul.section li {
    text-transform: uppercase
}

.fixed,
.notes {
    table-layout: fixed
}

.bw,
.note-content,
.panel #details span,
pre {
    word-wrap: break-word
}

#nav-col li,
#tb_form ol,
.alert li,
.alert ul,
.form ol,
.form ul,
li,
ol,
ul {
    list-style-type: none
}

#offerName,
.word-wrap {
    word-break: break-all
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit
}

body {
    line-height: 1.5;
    font-size: 75%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

table,
td,
th {
    vertical-align: middle
}

html .action input,
html .action select,
html .panel input,
html .panel select,
html body .ui-datepicker .ui-datepicker-title span,
html body .ui-datepicker td,
html body .ui-datepicker td a,
html body .ui-datepicker td span,
html body .ui-datepicker th,
html body .ui-datepicker tr,
html body input,
html body input[type=submit],
html body select,
html body textarea,
html form input,
html form input[type=submit],
html form select,
html form textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em
}

h1,
h2 {
    font-size: 2em
}

blockquote,
q {
    quotes: none
}

p {
    width: 90%
}

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

address,
dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table {
    margin-bottom: 20px
}

.nowrap,
.nw {
    white-space: nowrap
}

.spacer {
    display: block;
    height: 1em
}

.block>.clear,
.clear {
    clear: both;
    display: block;
    height: 1px;
    margin: 0
}

html body .fl,
html body .form li div.fl {
    float: left;
    clear: none;
    width: 80%;
    margin: 0
}

html body .form li ol.fl {
    width: 80%
}

html body .fr {
    float: right;
    clear: none;
    width: 90%
}

#breadcrumbs,
#footer,
.panel,
h1 {
    clear: both
}

.end {
    margin-bottom: 0
}

h3,
h4,
h5 {
    margin: 1em 0;
    font-weight: 700
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

h1 {
    margin: .8em 0;
    width: 98%;
    font-weight: 700;
    float: left
}

h2 {
    margin: .75em 0;
    font-weight: 700
}

h3 {
    font-size: 1.2em
}

h4 {
    font-size: 1.6em
}

h5,
pre {
    font-size: 1.1em
}

p {
    margin: 0 0 1em
}

.grid p {
    margin: 1em 0 1em 21px
}

#header,
#main>p {
    margin-left: 0
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    font-family: monospace;
    line-height: 1.6em
}

input,
select {
    font-size: 100%
}

input[type=text],
input[type=password],
select[multiple=multiple],
textarea {
    padding: .25em 5px;
    border: 1px solid #CCC
}

.form-footer input[type=hidden],
html body input[type=hidden] {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0
}

.form-footer input[type=submit],
.form-footer input[type=button] {
    font-size: 1.3em;
    border: 0
}

#nav ul li>ul.menu-active {
    left: 0;
    z-index: 10
}

#everything {
    width: 100%;
    margin: 0;
    min-width: 960px;
    padding: 0 0 3em;
    float: left
}

.grid_1,
.grid_10,
.grid_11,
.grid_12,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
    display: inline;
    float: left
}

.auth-Error,
.auth-FirstName,
.auth-Support,
.grid_12 {
    display: block
}

.grid_1 {
    width: 8.333%
}

.grid_2 {
    width: 16.666%
}

.grid_3 {
    width: 25%
}

.grid_4 {
    width: 33.333%
}

.grid_5 {
    width: 41.666%
}

.grid_6 {
    width: 50%
}

.grid_7 {
    width: 58.333%
}

.grid_8 {
    width: 66.666%
}

.grid_9 {
    width: 75%
}

.grid_10 {
    width: 83.333%
}

.grid_11 {
    width: 91.666%
}

.grid_12 {
    float: none
}

#header,
#logo,
#main {
    float: left
}

#main {
    margin: 0 auto;
    min-height: 750px;
    overflow: hidden;
    width: 100%
}

#content-col {
    min-width: 860px;
    padding: 0 0 2.6em;
    margin: 0 0 0 21px
}

#header {
    width: 100%;
    margin-right: 0
}

#header #logo h1 {
    font-size: 1.8em;
    margin: 1em 0 1em 26px;
    vertical-align: baseline;
    width: 100%
}

#header #logo img {
    padding: 1em 0 1em 26px
}

#auth-status {
    float: right;
    width: 200px;
    font-size: .9em;
    margin: 1.4em 0 0
}

#auth-status span {
    float: left;
    margin: 0 3px 0 0
}

#search {
    float: right;
    padding-left: 24px;
    margin: 1.4em 30px 0 0
}

#search input[type=text] {
    width: 140px;
    padding: .3em 5px
}

#search .av-submit {
    border: 0;
    width: 30px;
    padding: .3em 5px;
    margin-left: -4px
}

.auth-FirstName:after {
    content: " | "
}

.auth-Feedback:after,
.auth-Logout:after {
    content: ""
}

.auth-Support:before {
    content: " | "
}

#nav-col {
    position: relative;
    width: 100%;
    height: 2.5em;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    display: inline-block
}

#nav-col #nav {
    margin: 0 0 0 21px
}

#nav-col li {
    float: left;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 0;
    left: 0
}

#nav-col li.first {
    margin-left: 21px
}

#nav-col li ul,
#nav-col ul li ul {
    cursor: default;
    position: absolute;
    height: auto;
    top: 2.5em;
    background-position: 0 0 !important;
    left: -9000px;
    border-top: 0
}

#nav-col li ul li {
    padding: 0;
    border: none;
    width: auto;
    max-width: none;
    margin-left: 0;
    float: left
}

#nav-col li a {
    font-weight: 700;
    display: block;
    float: left;
    padding: 0 21px;
    height: 2.5em;
    line-height: 2.5em;
    border: 0
}

#nav-col li ul li a {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    line-height: 2em;
    height: 2em;
    font-weight: 700;
    background-position: 0 50%;
    width: 12em;
    text-align: left
}

#nav-col li:hover ul,
#nav-col ul li a:hover ul,
#nav-col ul li:hover ul {
    left: 0;
    z-index: 10
}

#nav-col li.current a {
    cursor: default;
    font-weight: 700
}

#nav-col li.current ul li a,
.panel .head {
    font-weight: 400
}

#nav-col li.current ul {
    left: 0;
    z-index: 5
}

#breadcrumbs li,
#breadcrumbs ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#breadcrumbs {
    border: none;
    margin-top: 1em;
    margin-bottom: 0;
    float: left;
    height: 2em
}

#breadcrumbs li {
    float: left;
    line-height: 1.5em;
    padding-left: .75em
}

#breadcrumbs li:first-child {
    padding-left: 0
}

#breadcrumbs li a {
    display: block;
    padding: 0 15px 0 0;
    background: url(../img/crumbs.png) right center no-repeat
}

#content-col>p,
.help {
    float: left;
    clear: both;
    width: 94%;
    margin-bottom: 1em
}

#footer p {
    margin: 2em 0 2em 21px;
    float: none
}

#footer .panel {
    background: 0 0
}

.panel {
    padding: 0;
    background-color: #FFF;
    display: block;
    margin: 0 21px 1.5em 0
}

.panel .head {
    font-size: 1em;
    margin: 0;
    padding: .6em 0 0;
    overflow: hidden;
    height: 2em
}

.panel .head h3 {
    font-size: 1em;
    line-height: 1.2em;
    display: inline;
    padding: 5px 12px;
    border: none
}

.panel .head h3 span {
    font-size: .6em;
    display: inline;
    border: none
}

.panel:not(#statsActionBar) .head .action-links {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 0 3px;
    line-height: .9em;
    margin-left: 0
}

#fileQueue .progress .bar,
.alert,
.bar,
.form,
.form li .currencyPrefix,
.head,
.subhead,
td,
th {
    position: relative
}

.panel .head a,
.panel .subhead a {
    padding: 0 12px 0 2px;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.3em;
    background: 0 0;
    clear: none;
    vertical-align: baseline;
    cursor: pointer;
    text-transform: uppercase
}

.panel .body {
    padding: 0
}

.panel .form,
.panel table,
html body .panel .panel {
    border: 0;
    background: 0 0;
    margin: 0
}

.panel .body p strong {
    font-weight: 700;
    margin: 0 8px 0 0
}

.panel>.body>form {
    margin: 1em 0
}

.panel.grid>.body>form {
    margin: 0
}

.panel .body>iframe {
    margin: 1em 0 1em 21px
}

.panel .body p {
    margin: 0 0 1em 12px;
    width: 96%
}

.panel .body img {
    margin: 0 0 0 12px
}

.panel .body>p {
    margin: 10px 0 1em 12px;
    width: 90%
}

.panel .body>p>span.permissions-subgroup {
    padding-left: 20px
}

.panel .form li p {
    margin: 0 1em 1em 172px;
    line-height: 21px;
    clear: both;
    width: auto
}

.graph canvas,
table {
    width: 100%
}

.panel .body .grid_1,
.panel .body .grid_10,
.panel .body .grid_11,
.panel .body .grid_12,
.panel .body .grid_2,
.panel .body .grid_3,
.panel .body .grid_4,
.panel .body .grid_5,
.panel .body .grid_6,
.panel .body .grid_7,
.panel .body .grid_8,
.panel .body .grid_9 {
    margin: 1em 0 0
}

.block .grid_10>a,
.block .grid_11>a,
.block .grid_12>a,
.block .grid_1>a,
.block .grid_2>a,
.block .grid_3>a,
.block .grid_4>a,
.block .grid_5>a,
.block .grid_6>a,
.block .grid_7>a,
.block .grid_8>a,
.block .grid_9>a {
    margin: 0 0 0 12px
}

.panel .body table {
    margin: 0;
    clear: both
}

div.menu {
    padding: 0
}

div.menu h2 {
    margin: 0
}

div.menu .block {
    padding-top: 0
}

ul.section {
    border-top: 0;
    margin-bottom: 0
}

.panel.grid {
    margin: .5em 21px 0 0;
    padding: 0
}

.panel.grid .head {
    padding: .2em 0;
    height: auto
}

.panel.grid .head h3 {
    margin: .5em 0;
    float: left;
    padding-top: 0;
    padding-bottom: 0
}

.panel .panel.grid {
    clear: both;
    margin: 0;
    border: 0
}

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

td,
th {
    padding: .25em 1em;
    text-align: left
}

td:first-child {
    border-left: 0 none
}

#pagingBody td,
#pagingBody th {
    padding: 2px 4px
}

thead th {
    padding: .25em 1em .2em
}

#pagingBody td {
    padding-left: 1em;
    padding-right: 1em
}

#pagingBody .ac {
    padding-left: 2px;
    padding-right: 2px
}

.currency_symbol {
    float: left;
    padding-top: 5px
}

td.currency,
td.number,
th.currency,
th.number {
    text-align: right
}

input[type=text].currency_input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

td.cb,
th.cb {
    text-align: center
}

#notifications table th {
    width: 50px
}

.block table {
    border: 0
}

.action a {
    display: inline;
    float: right;
    margin: .4em 4px .2em 0;
    padding: .1em 10px;
    font-weight: 700
}

.head,
.subhead {
    padding: .3em 0 0;
    height: 3em
}

.action img {
    display: inline
}

.subhead {
    clear: both
}

.subhead p {
    margin: 0 12px
}

.head,
.subhead {
    min-height: 2em
}

.head .ctrl.al,
.subhead .ctrl.al {
    display: inline;
    float: left;
    margin-left: 8px;
    white-space: nowrap
}

.head .ctrl.ar,
.subhead .ctrl.ar {
    display: inline;
    float: right;
    margin-right: 8px
}

th.cb {
    padding-left: 10px
}

td.cb {
    padding-left: 8px
}

.panel .head .action,
.panel .subhead .action {
    float: left;
    display: inline;
    margin: .4em 0;
    font-size: 1em
}

.panel .head .action a {
    margin: .2em 4px .2em 0;
    font-size: .8em
}

.ar .action {
    margin: 0
}

.action select {
    margin: .3em 4px 0 0
}

.page-count {
    float: left;
    text-align: left;
    width: 25%;
    margin: .3em 0 .3em 12px;
    font-size: 1.2em
}

.results-links {
    float: right;
    text-align: right;
    margin: .3em 10px .3em 0;
    font-size: 1.2em
}

.results-links span {
    float: left;
    margin: 0 1px
}

.results a {
    display: block;
    padding: 0 3px
}

.pagination-prev-disabled {
    display: none
}

.paging-top span.current {
    font-weight: 700;
    padding: 0 3px 2px
}

.paging-bottom,
.paging-top {
    font-size: .8em;
    clear: both;
    display: block;
    float: none
}

.results {
    height: 3em;
    border-top: 0 solid #CCC;
    border-bottom: 0
}

.paging-bottom span.current {
    padding: 0 3px
}

.paging-bottom .ctrl.al {
    margin: .5em 0 .7em 12px
}

#statsTable {
    clear: both;
    width: 100%;
    overflow-x: auto
}

.page-loading {
    margin-right: 4px;
    background: url(../img/ico_loading.gif) top left no-repeat;
    padding-left: 22px;
    visibility: hidden;
    float: left
}

a.loading-link {
    background: url(../img/ico_loading.gif) top left no-repeat !important;
    padding-left: 22px !important
}

.form,
.form .head {
    padding: 0
}

.table-footer {
    margin: 1.2em 0 .8em;
    font-size: 1.2em
}

html body #content-col .button-form {
    margin: 0 0 1.4em
}

.table-footer p {
    margin: .6em 1% .8em
}

#statsTable table {
    border: none;
    margin-bottom: 0
}

.tooltip_header {
    color: #000
}

.tooltip_table td,
.tooltip_table th {
    background-color: #fff;
    color: #333;
    border: 0 #fff !important
}

.tooltip-label {
    font-size: 12px;
    font-weight: 700
}

.tooltip-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.tooltip-label-wrapper {
    display: flex;
    flex-direction: column
}

.qtip {
    max-width: 500px
}

.qtip-content {
    background-color: #fbf7aa;
    color: #000;
    border: 3px solid #f9e98e
}

fieldset.login p .form fieldset p label .form fieldset p input .form fieldset p select {
    width: 99%
}

fieldset.login legend {
    text-align: center;
    margin: 10px
}

#formButtonWrap,
fieldset.login p {
    text-align: center;
    width: 100%
}

fieldset.login p label {
    line-height: 2em;
    margin-right: 3%
}

fieldset.login p input {
    width: 60%
}

fieldset.login input.button {
    margin-left: 35%
}

fieldset.login input.additionalbutton {
    display: inline
}

form p.notice {
    font-weight: 700
}

input.search.text {
    width: 66%
}

input.search.button {
    width: 28%;
    margin-left: 2%
}

.form {
    margin: 0 21px 1.5em 0;
    border: 0
}

.form .head h3 {
    margin: 1em 0
}

.form .head h3 span {
    font-size: .7em;
    display: inline;
    margin: 0 0 0 12px;
    font-weight: 400
}

.form .body {
    clear: both;
    margin: 1em 0 0
}

.form .panel.grid.body,
.form .panel.grid.body .body,
.panel .panel.grid.body,
.panel .panel.grid.body .body {
    margin-top: 0;
    border: 0
}

.form ol li,
.panel ol li {
    line-height: 29px
}

.form ol li ol {
    margin: 0;
    padding: 0
}

.support.form ol {
    padding-left: 21px
}

.errors {
    margin: 0 0 10px;
    padding: 5px 10px
}

.errors p em {
    font-style: normal;
    font-weight: 700
}

.errors p {
    margin: 0
}

.form label,
.form span.label {
    width: 150px;
    display: block;
    float: left;
    text-align: right;
    position: relative
}

.form li label,
.panel .form li label {
    text-align: left;
    font-weight: 400;
    float: left
}

.form ol,
.form ul {
    padding-top: 0;
    margin: 1em 0;
    width: 100%
}

.form ol li {
    clear: both;
    margin: 0 0 1em;
    padding: 0;
    width: auto
}

.panel .form ol li {
    width: auto
}

.form>.body>p {
    width: 90%
}

.panel ul li a {
    display: block;
    padding: .4em 10px
}

.panel ul li p a {
    display: inline;
    padding: 0
}

.panel ul li {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0
}

#Advanced-Options>li,
.form ol li {
    width: auto
}

.form li label {
    display: block;
    margin-left: 0;
    width: 10%;
    height: 100%;
    margin-right: 0;
    font-size: 1.1em
}

.panel .form li label {
    display: block;
    line-height: 21px;
    margin-left: 12px;
    width: 160px
}

.form li p {
    clear: both;
    margin: .4em 0 0 320px;
    line-height: 1.4em;
    width: 520px
}

.form li p p {
    margin: .4em 0 0
}

.form li span.liquid-wrap {
    width: 100%;
    float: left;
    margin-right: -50px;
    margin-left: -200px
}

.form li span.liquid-wrap-i {
    margin-right: 68px;
    margin-left: 200px;
    float: none;
    width: auto;
    display: block
}

.form li span.liquid-wrap input,
.form li span.liquid-wrap select {
    width: 100%
}

.form li span.liquid-link {
    width: 10%
}

.form .head h3 {
    border-bottom: 1px solid #CCC
}

.chec.panel-label,
.panel .chec.panel-label {
    display: inline;
    margin: 0 0 0 4px;
    width: auto
}

.label-large {
    height: 14em
}

.label-med {
    height: 8em
}

.label-sm {
    height: 6em
}

.form li.chec.panel,
.panel li.chec.panel {
    padding-left: 33%;
    margin-right: 4px
}

.form input[type=text],
.form input[type=password],
.form select,
.form textarea {
    margin-right: 12px;
    padding: 6px 7px;
    width: 290px
}

.form select[multiple=multiple] {
    width: 320px;
    margin-right: 12px;
    float: left
}

.form input[type=text],
.form input[type=password],
.form textarea {
    margin: 0 12px 0 0;
    padding: 5px 4px;
    font-size: 1.1em
}

.input_small {
    width: 175px !important
}

.input_smaller {
    width: 100px !important
}

.input_smallest {
    width: 40px !important
}

.input_large {
    width: 480px !important
}

#offer-payout input[type=text] {
    width: 6%
}

.form select.select_med,
.form select.select_sm {
    width: auto
}

.form select,
.panel select {
    padding: 2px;
    width: auto
}

#clearSelectedCategories {
    width: 42%
}

.form fieldset {
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0 11px 1px;
    border: 0
}

.form h3 {
    font-size: 1.6em;
    display: block;
    padding: 5px 12px 5px 0;
    margin: -5px 1% 12px -12px;
    border: none
}

.toggle h3 {
    background: url(../img/switch_minus.gif) 6px 50% no-repeat;
    padding: 5px 12px 5px 22px;
    cursor: pointer
}

.hidden h3,
.hidden h3:hover {
    background-image: url(../img/switch_plus.gif)
}

.form li input,
.form li select,
.form li textarea {
    float: left
}

.form li textarea.large {
    width: 360px;
    height: 300px;
    overflow-y: scroll
}

.form li input[type=checkbox] {
    margin-right: 8px
}

.form li span {
    margin: 0 2px 0 0;
    line-height: 21px;
    vertical-align: top;
    float: left
}

.form li span.liquid {
    width: 50%
}

.form li input[type=submit],
.form li submit,
form li input[type=buttton] {
    margin-right: 8px
}

.form li span.iblock {
    width: auto;
    height: auto;
    min-width: 300px
}

.form #Advanced-Options li:first-child .input-group span.iblock {
    margin-right: 0
}

#Advanced-Options li:first-child .input-group {
    display: inline-block;
    min-width: 225px;
    vertical-align: top
}

label.AdvancedOptionGroup {
    color: #20252D !important;
    font-weight: 500 !important;
    height: 22px !important
}

#Advanced-Options li {
    margin-bottom: 8px
}

#Advanced-Options .input-group span.iblock {
    height: 21px;
    min-width: 225px
}

#Advanced-Options label {
    font-size: 13px !important;
    line-height: 21px
}

#quick-filter-li {
    margin-top: 12px
}

.form li span.iblock span {
    width: auto
}

.form li label.cbn,
.panel li div {
    display: inline;
    float: none;
    margin-left: 0
}

.panel li div.select2-display-none {
    display: none
}

.form li div,
.panel li div {
    clear: both;
    float: left;
    margin-left: 320px
}

.form li span p,
.form li#dtOfferBrowseButton div {
    margin-left: 0
}

.form li div.checkbox-subgroup {
    padding-left: 20px
}

.form li div p {
    margin-left: 0;
    padding-left: 0
}

#Replace-Options p {
    padding-top: 9px;
    margin-bottom: 0
}

.form fieldset div select {
    float: none
}

.form-footer {
    height: 2em;
    margin: .5em 0
}

.form-footer .terms {
    margin: .5em 0 1.5em
}

.form-footer input {
    float: left;
    display: inline;
    margin-right: 8px;
    padding: 4px 16px
}

.form-footer p {
    float: left;
    display: inline;
    margin: 0;
    font-size: 13px
}

.chec.panelHolder span {
    width: 20% !important;
    min-width: 140px
}

.chec.panelHolder {
    padding-left: 0 !important;
    clear: none !important
}

label.error {
    color: red
}

form [readonly] {
    opacity: .6
}

#divOfferUrl {
    overflow: visible
}

#OffersAddForm label,
#OffersEditDetailsForm label {
    width: 400px
}

#OffersAddForm li p,
#OffersEditDetailsForm li p {
    margin-left: 203px
}

#OffersAddForm .input_large,
#OffersEditDetailsForm .input_large {
    width: 400px !important
}

.form ol>li label+label {
    margin-right: 10px;
    width: auto
}

.form label>input {
    float: none;
    vertical-align: baseline
}

.form li .description {
    font-size: .8em;
    opacity: .4
}

.form li .currencySuffix,
.form li .percent {
    line-height: 30px;
    margin-left: -30px
}

.form li .currencyPrefix {
    line-height: 30px;
    margin-right: -50px;
    padding-left: 5px
}

.form li[class*="_percent_"] input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    text-align: right
}

#qed,
#qed .search-input,
#qed .text-field,
#qed div,
.panelOl input[type=text],
.panelOl textarea {
    box-sizing: border-box
}

input[type=text].currency_input.suffix {
    padding-right: 30px
}

input[type=text].currency_input {
    padding-left: 45px
}

#main .form .button-round,
#main .form a .button-round {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#fff, #fff 25%, #e6e6e6);
    background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
    border: 1px solid #ccc;
    color: #222;
    display: inline-block;
    float: left;
    font-size: 21px;
    font-weight: 300;
    height: 24px;
    line-height: 18px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#main .form .button-round:hover,
#main .form a:hover .button-round {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(25%, #e6e6e6), to(#e1e1e1));
    background-image: -webkit-linear-gradient(#e6e6e6, #e6e6e6 25%, #e1e1e1);
    background-image: linear-gradient(#e6e6e6, #e6e6e6 25%, #e1e1e1)
}

#main .form .button-round.medium {
    font-size: 16px;
    height: 20px;
    line-height: 15px;
    width: 20px
}

#main .form a span.button-round {
    margin: 3px 5px 0 0
}

.form li .add-remove-controls {
    clear: none;
    float: left;
    margin: 40px 10px 0;
    text-align: center;
    width: 140px
}

.form li .multiselect {
    margin-right: 0;
    min-height: 300px
}

#main .form .add-remove-controls a.button {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#fff, #fff 25%, #e6e6e6);
    background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
    border: 1px solid #ccc;
    color: #222;
    display: inline-block;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
    min-width: 120px;
    padding: 4px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#groupsHeader label,
.alert,
.boldRed {
    font-weight: 700
}

#main .form .add-remove-controls a.button:hover {
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(25%, #e6e6e6), to(#e1e1e1));
    background-image: -webkit-linear-gradient(#e6e6e6, #e6e6e6 25%, #e1e1e1);
    background-image: linear-gradient(#e6e6e6, #e6e6e6 25%, #e1e1e1)
}

.panel .body h5 {
    margin-left: 12px
}

.panel .body .group {
    border-left: 1px solid #ccc;
    margin-left: 12px;
    padding-left: 12px
}

.panel .body .group p {
    margin-left: 0
}

.button,
.button-primary,
input[type=submit],
input[type=button] {
    cursor: pointer;
    font-size: 1em;
    padding: .3em 12px;
    text-decoration: none;
    font-weight: 700
}

#create-tag-dialog-button {
    color: #fff
}

.fileQueueItem {
    font-size: 11px;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px
}

.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important
}

.fileQueueItem .cancel {
    float: right
}

.uploadifyProgress {
    background-color: #FFF;
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%
}

.uploadifyProgressBar {
    background-color: #09F;
    width: 1px;
    height: 3px
}

#terms-of-service {
    padding: 1em
}

#terms-of-service li,
#terms-of-service ol,
#terms-of-service ul {
    list-style: decimal;
    width: auto;
    overflow: visible;
    margin-left: 21px
}

#terms-of-service li li,
#terms-of-service ol ol li,
#terms-of-service ul ul li {
    list-style: upper-roman
}

#terms-of-service li li li,
#terms-of-service ol ol ol li,
#terms-of-service ul ul ul li {
    list-style: upper-latin
}

#terms-of-service li li li li,
#terms-of-service ol ol ol ol li,
#terms-of-service ul ul ul ul li {
    list-style: disc
}

#terms>p {
    margin: 2em 0 .5em 21px
}

#terms-of-service li p {
    margin: .4em 0 0;
    width: 90%
}

#terms .head {
    float: left;
    clear: both;
    margin: 0 0 .5em 21px;
    padding: 0
}

#terms h4 {
    font-size: 1.2em
}

#terms .body {
    float: left;
    clear: both;
    margin: .5em 0 0
}

.bar {
    display: block;
    font-size: 11px;
    min-height: 42px;
    text-align: center;
    width: 100%
}

#ApiFields {
    margin-right: 12px;
    border: 1px solid
}

.filters-list {
    float: left;
    display: inline;
    margin: 0 0 0 154px !important
}

.form ol li.filter {
    float: left;
    display: inline;
    margin: 0 12px 1em 0;
    clear: none;
    width: 500px;
    min-height: 200px
}

.loading {
    margin-left: 60px !important;
    margin: 60px
}

.filter label {
    float: left;
    display: inline;
    font-size: .9em
}

.form .filter label {
    margin-left: 0
}

.filter select {
    float: left;
    display: inline;
    clear: both;
    width: 400px;
    height: 200px
}

#pageFrame {
    height: 1000px
}

#OfferDescription {
    height: 130px
}

#SnapshotOfferId>select {
    width: 75%
}

#resetpassword-form {
    float: left
}

#resetpassword-form h1 {
    font-size: 2em;
    width: 100%;
    margin-bottom: 0
}

#resetpassword-form h2 {
    font-size: 1.5em
}

#select-account {
    float: left;
    margin-top: 1em
}

.help {
    padding: 6px 1% 12px 0;
    border: none
}

.notes textarea {
    width: 80%;
    height: auto;
    float: left;
    margin: 1.1em 10px 1em 0
}

.note-date {
    width: 15%
}

.note-content {
    width: 85%
}

.notes input[type=submit] {
    float: left;
    margin: 1em 0 0;
    font-size: 1.1em
}

.note {
    margin: 0 !important
}

#OfferFileBrowse,
#fileQueue div,
#uploaded_files div {
    margin: 0;
    padding: 0
}

.short {
    width: 120px
}

#dtOfferBrowseButton>div {
    clear: none
}

#OfferFileBrowse {
    width: 90%
}

#fileQueue {
    float: left;
    clear: both;
    padding: 0;
    margin: .8em 0 0;
    width: 90%
}

#fileQueue .fileQueueItem {
    margin-bottom: 10px;
    padding: 5px
}

#fileQueue .progress {
    float: none;
    overflow: auto
}

#fileQueue .progress>div {
    background-color: #94ccff;
    width: 100%
}

#fileQueue .progress .bar {
    background-color: #007aff;
    border-radius: 10px;
    height: 3px;
    min-height: 3px;
    top: 0;
    width: 0%
}

#fileQueue .progress .input_big {
    box-shadow: none;
    display: inline;
    width: 300px
}

#uploaded_files {
    float: left;
    clear: both;
    padding: 0;
    margin: .8em 0 0;
    width: 90%
}

.offer-thumbnail {
    width: 100px;
    height: 100px;
    border: 1px solid #999;
    background: url(../img/no-offer-thumbnail.gif) left top no-repeat #111
}

.profile-thumbnail {
    width: 100%;
    height: 100px;
    overflow: hidden
}

.profile-thumbnail img {
    margin-left: 0
}

#notifications-selectall-checkbox {
    margin-right: 19px
}

.noStats {
    padding: 1em 12px
}

#user-messages {
    float: left;
    width: 98%
}

.alert {
    border: 1px solid #bec380;
    clear: both;
    color: #454338;
    font-size: 1.2em;
    list-style-position: inside;
    margin: 1em 21px 0 0;
    padding: 0;
    background: url(img/ico/ico_information.png) 16px 11px no-repeat #feffc3
}

.alert-close {
    cursor: pointer;
    opacity: .8;
    position: absolute;
    right: .5em;
    text-align: center;
    top: .5em
}

.alert-close:hover {
    opacity: 1
}

.alert li,
.alert ul {
    padding: 0;
    margin: 0
}

.alert ul {
    padding: .5em 0 .6em
}

.alert li {
    padding-left: 36px
}

.confirm {
    background: url(img/ico/ico_confirm.png) 16px 11px no-repeat #feffc3
}

.notice {
    background: url(img/ico/ico_caution.png) 16px 11px no-repeat #feffc3
}

.notifications-date {
    white-space: nowrap
}

#notificationsSearch {
    width: 170px
}

.qLinkAddLink {
    display: none;
    padding: 0;
    overflow: hidden;
    height: 183px
}

.qLinkAddLink form {
    margin: 15px
}

.qLinkRemove {
    border-bottom: none;
    display: inline;
    float: right;
    padding: 4px 10px
}

#tb_form ol li {
    float: left;
    display: block;
    clear: both
}

#tb_form input[type=text],
#tb_form input[type=password],
#tb_form select,
#tb_form textarea {
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
    border-style: solid;
    border-width: 1px;
    padding: 6px 5px;
    width: 70%;
    display: inline-block
}

.tb-layout {
    background-color: #fff
}

.tb-layout .form input[type=text],
.tb-layout .form input[type=password],
.tb-layout .form textarea {
    width: 70%
}

.tb-layout input[type=submit],
.tb-layout input[type=button] {
    color: #000
}

.tb-layout h1,
.tb-layout li label {
    margin-left: 18px
}

.tb-layout h1 {
    width: auto
}

.tb-layout li {
    width: 100%;
    clear: both;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0
}

.tb-layout li label {
    display: block;
    float: left;
    font-size: 1.1em;
    padding-right: 12px;
    line-height: 29px;
    margin-right: 12px;
    text-align: left;
    width: 17%;
    white-space: nowrap;
    vertical-align: top
}

#DateRangePreset,
.tb-layout .form ol li {
    width: auto
}

#TB_iframeContent {
    overflow-x: hidden;
    overflow-y: auto
}

#AccountNoteNoteAddForm {
    margin: 0
}

#feedback_container {
    position: static;
    margin: 0;
    height: 350px
}

#paramsTableWrap .head .action-links,
#qed,
#qed .qed-logs-container {
    position: relative
}

#feedback_container input[type=text],
#feedback_container input[type=password],
#feedback_container select[multiple=multiple],
#feedback_container textarea {
    width: 400px
}

#feedback_container p {
    clear: both;
    margin: 0 20px 1em;
    width: auto
}

#TB_title {
    height: 34px
}

#TB_iframeContent body,
#TB_iframeContent html {
    background-color: #fff !important
}

.graph {
    clear: both;
    margin: 1em 0 0 12px
}

.paging-bottom .results {
    border: 0
}

tbody td,
tbody tr.odd td {
    background: 0 0
}

.chec.panelHolder span {
    white-space: nowrap;
    display: inline-block
}

.chec.panelHolder {
    width: 80%;
    float: right;
    display: inline
}

#adtag_code {
    height: 90px;
    width: 32%
}

.api {
    margin-left: 12px
}

.panel .api p {
    margin-left: 0
}

.api h1 {
    font-size: 1.5em;
    color: #333
}

.api h2 {
    font-size: 1.2em
}

.manager {
    width: 40%;
    float: right;
    padding: 0 12px 12px 0
}

.action-link {
    cursor: pointer
}

#paramsTableWrap {
    clear: none;
    display: flex;
    flex-direction: column;
    margin-left: 0
}

#paramsTableWrap .head {
    width: 100%;
    background: url(../images/fade-lite-top-big.png) top left repeat-x #eee;
    border: 1px solid #eee;
    border-bottom: 0;
    display: flex;
    justify-content: flex-end
}

#paramsTableWrap table {
    border: 1px solid #eee;
    border-right: 0;
    border-bottom: 0
}

#paramsTableWrap table thead th {
    padding: .5em 0 .5em 1em;
    line-height: 1em;
    background-color: #efefef;
    color: #333
}

#paramsTableWrap table td {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

#paramsTableWrap img {
    margin: 0
}

#main input[type=button],
#main input[type=submit] {
    border: 0
}

#feedback-layout label {
    height: 30px
}

html body .ui-datepicker th {
    background: #CCC
}

.support-search {
    margin: 0 0 1em 21px
}

#qed .qed-log,
.generic .form p {
    margin-bottom: 1em
}

.generic .form,
.generic .form h3,
.generic .form li,
.generic .form p {
    background: #FFF;
    color: #000
}

.generic .form {
    background: 0 0;
    border: 0
}

.generic .form .body label,
.generic .form .head h3 {
    margin-left: 0;
    padding-left: 0
}

.generic .form .body label {
    width: auto;
    margin-right: 10px
}

.generic input[type=text] {
    border: 1px solid #CCC
}

.tooltip.add {
    background: url(../images/add-icon-small.png) no-repeat !important;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px
}

.tooltip.add.modaltip {
    cursor: pointer
}

.extended,
.form input[type=text].extended,
.form input[type=password].extended,
.form textarea.extended,
input[type=text].extended {
    width: 70%;
    height: 450px
}

.loading {
    background: url(img/ajaxSpinner.gif) no-repeat
}

.boldRed {
    color: red
}

body.modal-open {
    overflow: hidden
}

i.note {
    font-style: italic;
    color: #777
}

#qed {
    margin-right: 10px
}

#qed .qed-log {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

#qed .tab-group-tabs {
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    display: inline-block;
    position: relative;
    top: 1px
}

#qed .log-loading,
.qed-log>.toggle-container>.toggle-content {
    position: absolute
}

#qed .tab-group-tabs li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: .5em 1em
}

#qed .tab-group-tabs li:first-child {
    border-top-left-radius: 4px
}

#qed .tab-group-tabs li:last-child {
    border-top-right-radius: 4px;
    border-right-width: 0
}

#qed .tab-group-content {
    border-radius: 0 4px 4px;
    border-style: solid;
    border-width: 1px;
    padding: 2em 1em
}

#qed .tab-group-content,
#qed .tab-group-tabs {
    background-color: #fff;
    border-color: #b8b8b8
}

#qed .log-loading {
    height: 100%;
    width: 100%;
    text-align: center;
    top: 60px;
    z-index: 100
}

#qed .qed-log>.toggle-container {
    margin-bottom: 0;
    margin-right: 25px
}

#qed .qed-log>.toggle-container>.toggler {
    width: 150px
}

#qed .results-paging {
    font-size: 1em;
    height: 15px;
    margin: 12px
}

#qed .log-errors,
#qed .results-message,
#qed .results-summary {
    border-color: #666;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    font-size: 1.2em;
    margin-bottom: 12px;
    padding: 12px;
    width: 675px
}

#qed .log-errors,
#qed .results-message {
    width: 775px
}

#qed .results-message p {
    margin-bottom: 12px
}

#qed .results-message li {
    font-size: 12px;
    list-style: disc;
    margin-left: 1.2em
}

#qed .results-summary>div {
    margin-right: 20px
}

#qed .results-summary li {
    margin: 3px 0
}

#qed .results-summary-list {
    font-size: 12px
}

#qed .results-paging h4 {
    margin: 0
}

#qed .qed-log-paging {
    float: right;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

#qed .qed-log-paging>span {
    margin: 0 5px
}

#qed .qed-log-paging input {
    border-radius: 4px;
    text-align: right;
    width: 25px
}

#qed .qed-log-paging .current-page {
    cursor: default
}

#qed .qed-log-paging ol {
    display: inline-block
}

#qed .qed-log-paging i,
#qed .qed-log-paging li {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    opacity: .9
}

#qed .qed-log-paging i:hover,
#qed .qed-log-paging li:hover {
    opacity: 1
}

#qed .qed-log-paging i {
    font-size: 1.3em;
    margin: 0;
    padding: 0 5px;
    position: relative
}

#qed .grid-container {
    margin-bottom: 20px
}

#qed .grid-container td,
#qed .grid-container th {
    max-width: 300px;
    overflow: auto
}

#qed .grid-container th {
    padding-bottom: 1em;
    padding-top: 1em
}

#qed .grid-table-container {
    margin-bottom: 10px;
    overflow: auto
}

#qed .grid-container td {
    padding: 0
}

#qed .grid-container td div {
    overflow: auto;
    padding: .5em 1em
}

#qed .grid-container tr:last-child td:first-child {
    border-radius: 0 0 0 4px
}

#qed .grid-container tr:last-child td:last-child {
    border-radius: 0 0 4px
}

#qed .grid-container .no-results {
    font-size: 1.5em;
    padding: 3em;
    text-align: center
}

#qed .toggle-container {
    margin-bottom: 1em
}

#qed .toggler {
    border-color: #666;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    top: 1px;
    width: 195px;
    z-index: 2;
    -webkit-transition: border-bottom-width .1s .4s, border-radius .1s .4s;
    -moz-transition: border-bottom-width .1s .4s, border-radius .1s .4s;
    transition: border-bottom-width .1s .4s, border-radius .1s .4s
}

#qed .toggler-label {
    padding: 5px 10px
}

#qed .toggle-content {
    max-height: 0;
    min-width: 225px;
    overflow: hidden;
    width: auto;
    z-index: 1;
    -webkit-transition: max-height .4s .1s;
    -moz-transition: max-height .4s .1s;
    transition: max-height .4s .1s
}

#qed .toggle-open>.toggler {
    border-radius: 4px 4px 0 0;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#qed .toggler>.toggle-content-mask {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative;
    top: 1px;
    -webkit-transition: border-bottom-color .1s .4s;
    -moz-transition: border-bottom-color .1s .4s;
    transition: border-bottom-color .1s .4s
}

#qed .toggle-open>.toggler>.toggle-content-mask {
    z-index: 20;
    -webkit-transition: border-bottom-color .1s;
    -moz-transition: border-bottom-color .1s;
    transition: border-bottom-color .1s
}

#qed .toggle-open>.toggle-content {
    border-radius: 0 4px 4px;
    max-height: 5000px;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    transition-duration: 2s
}

#qed .toggle-content>div {
    border: 1px solid #666;
    border-radius: 0 4px 4px;
    padding: 10px
}

#qed .toggler .fa-angle-down {
    float: right;
    font-size: 18px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .4s .1s;
    -moz-transition: -moz-transform .4s .1s;
    transition: transform .4s .1s
}

#qed .toggler .fa-angle-down.open {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#qed .text-field {
    width: 300px
}

#qed .search-input {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 4px;
    margin: 10px;
    padding: 5px;
    position: relative;
    width: 280px
}

#qed .search-input .fa-search {
    color: #666;
    display: inline-block
}

#qed .search-input input {
    border: none;
    outline: 0;
    padding: 0 0 0 5px;
    width: 90%
}

#qed .search-input input:focus {
    box-shadow: none;
    outline: 0
}

#qed .multiselect-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

#qed .select-multiple-container {
    position: relative
}

#qed .select-multiple-container img {
    position: absolute;
    left: 126px;
    top: 51px
}

#qed .multiselect-btn {
    border: 0;
    color: #fff;
    font-size: 18px;
    height: 26px;
    margin: 5px 10px;
    opacity: .9;
    outline: 0;
    width: 26px
}

#qed .multiselect-btn:active,
#qed .multiselect-btn:focus {
    opacity: 1;
    outline: 0
}

#qed .multiselect-btn:hover {
    opacity: 1
}

#qed .select-multiple-field {
    border: 1px solid #666;
    display: inline-block;
    min-height: 150px;
    overflow: auto;
    width: 300px
}

#networkNotifications,
#quickLinks {
    overflow: scroll
}

#qed .select-multiple-field option {
    padding: 7px 10px
}

#qed .calendar-groups {
    display: -webkit-flex;
    display: flex
}

#qed .calendar-preset-container {
    margin-right: 10px
}

#qed .calendar-viewport>div {
    -webkit-transition: margin-right .2s;
    -moz-transition: margin-right .2s;
    transition: margin-right .2s
}

#qed .calendar-viewport {
    width: 560px
}

#qed .calendar-viewport .calendar-offset-0 {
    margin-right: 0
}

#qed .calendar-viewport .calendar-offset-1 {
    margin-right: -280px
}

#qed .calendar-viewport .calendar-offset-2 {
    margin-right: -560px
}

#qed .calendar-viewport .calendar-offset-3 {
    margin-right: -840px
}

#qed .calendar-viewport .calendar-offset-4 {
    margin-right: -1120px
}

#qed .calendar-viewport .calendar-offset-5 {
    margin-right: -1400px
}

#qed .calendar-picker th {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

#qed .calendar-picker td {
    border-width: 2px;
    cursor: default;
    opacity: .4;
    padding: 0;
    text-align: center
}

#qed .calendar-picker td .calendar-picker-cell {
    padding: .25em 10px
}

#qed td.calendar-picker-in-range {
    cursor: pointer;
    opacity: .9
}

#qed td.calendar-picker-in-range:hover {
    opacity: 1
}

#qed td.calendar-picker-off-calendar,
#qed td.calendar-picker-off-calendar:hover {
    cursor: default;
    opacity: .2
}

#qed .export-report-btn,
#qed .run-report-btn {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    height: 30px;
    margin-right: 12px;
    min-width: 60px;
    opacity: .9;
    outline: 0;
    padding: 5px;
    position: relative
}

#qed .export-report-btn:focus,
#qed .export-report-btn:hover,
#qed .run-report-btn:focus,
#qed .run-report-btn:hover {
    opacity: 1;
    outline: 0
}

#quickLinksHead {
    height: 50px
}

.showActionBar {
    height: 100px
}

#actionsHead {
    display: none;
    padding-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

ul.tab-group {
    padding-top: 5px
}

.panel ul li.tabs {
    color: #000;
    display: inline;
    clear: right;
    float: left;
    padding: 6px;
    background-color: #e5e8eb;
    border: 1px solid #b8b8b8;
    cursor: pointer
}

.panel ul li.active {
    background-color: #fff;
    border-bottom-color: #fff
}

#defaultTab {
    border-top-left-radius: 4px
}

#savedTab {
    border-right: none;
    border-left: none
}

#myLinksTab {
    border-top-right-radius: 4px
}

#spaceTab {
    height: 35px;
    width: calc(100% - 180px);
    border-bottom: 1px solid #b8b8b8;
    display: inline-block
}

#quickLinkActions {
    position: relative;
    float: right;
    padding-right: 16px;
    padding-top: 3px
}

#qLinkContentWrap {
    height: 183px
}

td.linkCheckBox {
    width: 50px
}

#quickLinks {
    height: 100%
}

#myLinksActionBar th {
    background: #fff
}

.login {
    display: none
}

ol.numberedList,
ol.numberedList li {
    list-style-type: decimal;
    list-style-position: inside
}

.etIcon,
.etLinkIcon,
.etSvg {
    display: inline-block;
    height: 13px;
    width: 13px
}

#groupsHeader,
#groupsList li,
.etLinkRow,
.flexLi {
    display: flex
}

.etSvg svg path {
    fill: #1B222E
}

.etLinkIcon:hover svg path {
    fill: #0D1017
}

.etTooltip {
    position: absolute !important
}

.etTooltip .tooltip-inner {
    background-color: #0D1017;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px
}

.etLinkRow {
    align-items: flex-start;
    justify-content: space-between
}

.etLinkRowAlignRight {
    justify-content: flex-end
}

.etLinkRow>a {
    text-align: left;
    height: 17px;
    padding-top: 4px
}

.etLinkValue {
    padding-right: 10px
}

.form .flexLi>div,
.panel .flexLi>div {
    background: url(/assets/img/spinner.gif) center center no-repeat;
    clear: none;
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-right: 12px;
    width: 50%
}

.form .flexLi span {
    line-height: inherit;
    margin-right: 0
}

.panel li .affiliate_select2 {
    display: block;
    float: none;
    margin-left: 0;
    min-width: 200px
}

.panel li .affiliate_select2 div {
    float: none;
    margin-left: 0
}

.flexLi .select2-container .select2-choice {
    background-image: none;
    border-color: #ccc;
    border-radius: 0;
    color: #000 !important;
    font-size: 1.1em;
    height: 28px;
    padding-left: 4px
}

.thFlex .tooltip,
.tooltip_target svg {
    width: 12px;
    height: 12px
}

.flexLi .select2-container .select2-choice .select2-arrow {
    background: #fff;
    border-left: none;
    border-radius: 0
}

.flexLi .select2-container-active .select2-choice,
.flexLi .select2-container-active .select2-choices {
    box-shadow: none
}

.select2-container.select2-dropdown-open .select2-choice {
    background-color: transparent
}

.flexLi .select2-dropdown-open.select2-drop-above .select2-choice,
.flexLi .select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: none
}

.select2-container .select2-drop {
    margin-top: 0
}

.aff_select2.select2-drop {
    border-radius: 0;
    margin-top: 0
}

.aff_select2.select2-drop-active {
    margin-top: -1px
}

.aff_select2 .select2-more-results.select2-active,
.aff_select2 .select2-results .select2-no-results,
.aff_select2 .select2-results .select2-searching,
.aff_select2 .select2-results .select2-selection-limit,
.flexLi .select2-dropdown-open .select2-choice {
    background-color: #fff
}

#groupsListContainer {
    border: 1px solid #d4e2e9
}

#groupsListScrollContainer {
    max-height: 300px;
    overflow: auto
}

#groupsHeader {
    background-color: #dfe8ed;
    border-bottom: 1px solid #d4e2e9;
    color: #474f4e
}

#groupsHeader input,
#groupsHeader label,
#groupsList,
#groupsList li input,
#groupsList li label {
    margin: 0
}

#groupsList li {
    border-bottom: 1px solid #eee
}

#groupsList li:last-child {
    border-bottom: none
}

#groupsHeader>div,
#groupsList li>div {
    display: flex;
    align-items: center;
    padding: 10px
}

#groupsHeader>div:first-child {
    border-right: 1px solid #d4e2e9
}

#groupsList li>div:first-child {
    border-right: 1px solid transparent
}

.geoChip {
    background-color: #e5e8eb;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    display: inline-block;
    margin: 2px;
    padding: 2px 3px;
    text-transform: capitalize
}

#app th,
#app tr {
    background-color: inherit
}

.thFlex {
    display: flex;
    align-items: center
}

.thFlex .tooltip {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    position: relative
}

.simple-footer-container,
.simple-header-container {
    height: 15vh;
    min-height: 140px
}

#OfferFileBrowseContainer {
    margin-left: 0
}

.new-subnav-list div {
    display: flex;
    align-items: center
}

.hide-dialog-close .ui-dialog-titlebar-close,
.hide-dialog-title .ui-dialog-titlebar,
.modal-dialog-container {
    display: none
}

.new-subnav-list-item-tag {
    right: 20px;
    position: absolute;
    font-size: 12px
}

#app th {
    color: initial;
    padding: 0;
    border: 0;
    line-height: inherit
}

#app td {
    border-top: 1px solid #FFF;
    color: #37455E
}

#app button[data-component=TxlIconButton] {
    z-index: 1
}

#TopOffersAndAffiliatesTable {
    word-break: break-word
}

#AddFeaturedOffer {
    word-break: normal
}

.modal-dialog-title {
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem
}

.modal-dialog-body {
    margin: 0;
    width: 100%
}

.modal-dialog-content .ui-dialog-content {
    padding: 20px !important
}

.hide-top-btn-pane-border .ui-dialog-buttonpane {
    border-top: none !important
}

.right-align-buttons .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right !important
}

#login,
#login-form,
#login-promo {
    float: left
}

.simple-header-container {
    background-color: #fff;
    margin-bottom: 50px
}

.simple-header-content h1 {
    margin-bottom: 0 !important
}

.center-simple-content,
.simple-header-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center
}

.simple-header-content a {
    border-bottom: none !important
}

.simple-header-content img {
    padding: 2.5rem 2rem 2rem;
    max-height: 150px;
    max-width: 500px;
    margin: 0;
    background-color: transparent
}

.simple-footer {
    margin: 0
}

ol.simple-footer li {
    margin-bottom: .3rem;
    font-size: x-small;
    text-align: center
}

.forgot-pw-content-container,
.login-content-container {
    height: auto
}

.forgot-pw-content,
.login-content,
.no-account-content {
    padding: 50px 60px !important;
    width: 500px;
    max-width: 500px;
    margin: 0 !important
}

.forgot-pw-content,
.no-account-content {
    width: 600px;
    max-width: 600px
}

.forgot-pw-content-title,
.login-content-title,
.no-account-content-title {
    width: 100%;
    padding-bottom: 25px
}

.round-block-btn {
    width: 100%;
    border-radius: 5px !important
}

.forgot-pw-btn {
    margin: 15px 0 50px !important
}

.animated-form-input {
    padding: 0 30px !important;
    position: relative;
    border: 1px solid #97A2B2 !important;
    border-radius: .5rem !important;
    margin: auto !important;
    width: 100% !important;
    height: 45px !important
}

.animated-form-input:hover {
    border-color: #B1BCCC !important
}

.animated-form-input:focus {
    border-color: #007AFF !important
}

.animated-form-input:focus~.animated-form-label,
.animated-form-input:not(:placeholder-shown).animated-form-input:not(:focus)~.animated-form-label {
    top: -5px;
    font-size: x-small !important;
    left: .6rem;
    padding: 0 3px
}

.animated-form-label {
    position: absolute !important;
    top: 15px;
    left: 35px;
    font-size: 15px !important;
    display: flex !important;
    align-items: center;
    width: auto !important;
    cursor: text;
    line-height: 1 !important;
    height: fit-content !important;
    background-color: #fff;
    -webkit-transition: top .2s ease-in, left .2s ease-in, font-size .2s ease-in;
    -moz-transition: top .2s ease-in, left .2s ease-in, font-size .2s ease-in;
    transition: top .2s ease-in, left .2s ease-in, font-size .2s ease-in
}

.animated-form-icon {
    position: absolute !important;
    top: 15px;
    left: 10px;
    font-size: 15px;
    color: #727D8E
}

.cookie-compliance-container {
    max-width: 90vw;
    width: 100%;
    margin: 2rem auto !important;
    color: #000
}

.cookie-compliance-container #privacy-policy {
    max-height: 10rem;
    overflow: auto;
    border: 1px solid #727D8E
}

.cookie-compliance-container #privacy-policy .form.grid_12 {
    margin: 0
}

#affiliate_apiv3_key_table_wrapper input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .5
}

#forgotPassword .form-footer input[type=submit]:disabled {
    cursor: auto;
    opacity: .5;
    pointer-events: none
}

@media only screen and (max-device-width:480px) {
    .forgot-pw-content *,
    .forgot-pw-content label,
    .forgot-pw-content li,
    .login-content *,
    .login-content label,
    .login-content li,
    .no-account-content * {
        font-size: 2rem !important;
        line-height: 2rem !important
    }
    .forgot-pw-content,
    .login-content,
    .no-account-content {
        width: 90%;
        max-width: unset;
        padding-bottom: 120px !important
    }
    .simple-header-container h1 {
        font-size: 4rem
    }
    .simple-header-content img {
        min-height: 10rem;
        max-height: 13rem;
        max-width: 880px
    }
    .forgot-pw-content-title,
    .login-content-title,
    .no-account-content-title {
        padding: 7rem;
        font-size: 3rem !important
    }
    .forgot-pw-content ol li a,
    .login-content ol li a,
    .no-account-content ol li a {
        font-size: 2rem !important;
        height: 5rem;
        line-height: 5rem !important
    }
    .simple-footer-container * {
        font-size: 1.5rem !important
    }
    .forgot-pw-content input,
    .login-content input {
        height: 5rem !important
    }
    .forgot-pw-content.panel,
    .login-content.panel,
    .no-account-content.panel {
        border-top-width: 15px
    }
    #forgotPwCaptcha,
    .forgot-pw-content li:nth-child(2) {
        margin-bottom: 60px
    }
    .forgot-pw-btn,
    .login-content li:nth-child(2) {
        margin: 2rem 0 6rem !important
    }
    .animated-form-icon,
    .animated-form-label {
        top: 22px
    }
    .animated-form-icon {
        left: 20px
    }
    .animated-form-label {
        left: 70px
    }
    .animated-form-input {
        padding: 0 65px !important;
        border-width: 2px !important
    }
    .animated-form-input:focus~.animated-form-label,
    .animated-form-input:not(:placeholder-shown).animated-form-input:not(:focus)~.animated-form-label {
        top: -15px;
        font-size: 2rem !important
    }
}

.center-element {
    display: flex !important;
    justify-content: center !important
}

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

.text-small {
    font-size: small !important
}

.text-x-small {
    font-size: x-small !important
}

.line-height-small {
    line-height: 15px !important
}

.mb-small {
    margin-bottom: 15px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.justify-content-space-between {
    display: flex !important;
    justify-content: space-between !important
}

.mr-small {
    margin-right: 15px !important
}

.display-none {
    display: none !important
}

.w-100 {
    width: 100% !important
}

.ml-auto {
    margin-left: auto !important
}

.pb-x-small {
    padding-bottom: 8px !important
}

.animate-width {
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

#everything.darkBg #main {
    background-color: #424C5D;
    color: #FFF
}

#everything.darkBg #main #content-col .simple-footer-container a,
#everything.darkBg #main #content-col .simple-header-container a {
    color: #FFF;
    opacity: .8
}

#everything.darkBg #main #content-col .simple-footer-container a:hover,
#everything.darkBg #main #content-col .simple-header-container a:hover {
    opacity: 1
}

.darkBg .simple-header-container {
    background-color: #08080842
}

#everything.darkBg #main #content-col .simple-header-container h1 {
    color: #FFF !important
}

#signup .signup-content {
    padding: 60px 120px !important;
    width: 700px;
    min-height: 700px;
    margin: 0 !important;
    color: #20252D
}

#signup .signup-content>form {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px
}

#signup .signup-content ol li {
    margin-bottom: 8px
}

#signup .signup-content-title {
    width: 100%;
    padding-bottom: 25px;
    height: 5rem !important
}

#signup .steps-container {
    text-align: center;
    height: 150px;
    padding-bottom: 75px
}

#signup .step {
    height: 40px;
    width: 40px;
    margin: 0 30px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .5;
    position: relative;
    padding: 10px
}

#signup .step.active {
    opacity: 1
}

#signup .step.active .step-spacer {
    opacity: .25
}

#signup .step-spacer {
    width: 55px;
    height: 5px;
    position: absolute;
    top: 17.5px;
    left: -59px;
    background-color: #bbb
}

#signup .step-spacer.finish {
    opacity: .5
}

#signup .step-label {
    position: absolute;
    font-size: small;
    text-align: center;
    color: #000;
    top: 45px;
    width: 65px;
    left: -12.5px;
    line-height: 1.2
}

#signup .tab {
    display: none;
    padding: 15px 0
}

#signup #user-agreements {
    height: 100%
}

#signup-privacy-policy {
    height: 250px;
    overflow: auto;
    border: 1px solid #d3d3d3;
    padding: 0 20px
}

#signup-privacy-policy #privacy-policy div {
    padding: 0;
    margin: 0;
    box-shadow: none
}

#signup ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px
}

#signup ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

#signup .term-agreement {
    font-size: 11.5px;
    color: #20252D;
    line-height: 1.5;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: -5px
}

#signup .term-agreement a {
    margin: 0 2px
}

#signup .static-form-input,
#signup .static-form-input-ta {
    padding: 0 10px !important;
    border: 1px solid #97A2B2 !important;
    border-radius: .5rem !important;
    margin: auto !important;
    width: 100% !important;
    height: 45px !important;
    background-color: transparent
}

#signup .static-form-input-ta {
    padding: 8px 10px !important
}

#signup .signup-question-form-label,
#signup .static-form-label {
    align-items: center;
    width: fit-content;
    cursor: text;
    line-height: 1;
    height: fit-content;
    font-size: 11.5px;
    padding: 0 3px;
    display: flex
}

#signup select.static-form-input {
    background-position-x: 97% !important
}

#signup .signup-question-select {
    margin-bottom: 10px !important
}

#signup .static-form-input:hover {
    border-color: #B1BCCC !important
}

#signup .invalid-input:focus,
#signup .static-form-input:focus {
    border-color: #007AFF !important
}

#signup .static-form-label {
    position: relative;
    background-color: #fff;
    top: -51px;
    left: .6rem
}

#signup .signup-question-form-label {
    margin-bottom: 5px
}

#signup .invalid-input:hover:not(:focus),
#signup .invalid-input:not(:focus) {
    border: 1px solid #dc3545 !important;
    background-color: #FBEAEC !important
}

#signup .required-color {
    color: red
}

#signup .warning-color {
    color: #ffc107
}

#signup .success-color {
    color: #28a745
}

#signup .form-note-sm {
    font-size: x-small;
    margin-top: -10px;
    margin-bottom: 15px;
    line-height: 15px
}

#signup .phone-verification-input {
    font-size: small;
    display: flex;
    align-items: center;
    justify-content: end
}

#signup .signup-form-button {
    width: 48%
}

#signup .visibility-icon {
    position: absolute;
    top: 6px;
    left: 400px;
    font-size: 20px;
    cursor: pointer;
    color: #bbb;
    height: 45px;
    width: 45px;
    justify-content: center;
    display: flex;
    align-items: center
}

#signup .pw-strength-req-container {
    display: flex !important;
    flex-direction: column;
    font-size: 11.5px;
    margin-top: -5px
}

#signup .pw-strength-req-container>div {
    align-items: center;
    line-height: 1
}

#signup .pw-strength-req-container i {
    margin-left: 2px;
    margin-right: 10px
}

#signup #pw-requirements {
    font-size: smaller
}

#signup #pw-field-err,
#signup #pw-strength-err {
    margin-bottom: 5px !important
}

#signup .tooltip-target {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
    color: #636e72
}

#signup .tooltip-target .tooltip-container {
    visibility: hidden;
    background-color: rgba(65, 65, 65, .95);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    width: 250px;
    margin-left: -140px;
    font-size: 10px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#signup .tooltip-target .tooltip-container::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 56%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555
}

#signup .tooltip-target:hover .tooltip-container {
    visibility: visible !important;
    opacity: 1 !important
}

#signup .tooltip-header {
    text-align: left;
    padding: 10px
}

#signup .tooltip-body {
    display: flex !important;
    flex-direction: column;
    padding: 0 10px 10px;
    text-align: left
}

#signup .tooltip-body span:not(:last-child),
#signup .tooltip-body>div {
    margin-bottom: 5px
}

#signup .tooltip-body span {
    margin-left: 8px
}

#signup #pw-strength-indicator-container {
    margin: 5px 0
}

#signup #pw-strength-suggestions {
    display: flex;
    flex-direction: column
}

@media only screen and (max-device-width:480px) {
    #signup .signup-content :not(.term-agreement):not(a):not(h1):not(#pw-requirements li):not(#form-message):not(.phone-verification-input):not(#phone-verification-msg):not(.form-note-sm):not(.pw-strength-req-container *):not(.tooltip-container *),
    #signup .signup-content label:not(.term-agreement),
    #signup .signup-content li {
        font-size: 2rem !important;
        line-height: 2rem !important
    }
    #signup .signup-content input,
    #signup .signup-content select,
    #signup .static-form-input-ta {
        height: 5rem !important
    }
    #signup .signup-content.panel {
        border-top-width: 15px
    }
    #signup .signup-content-title {
        padding: 3rem 5rem 5rem;
        font-size: 3rem !important;
        line-height: 3rem
    }
    #signup .static-form-input {
        padding: 0 35px !important;
        border-width: 2px !important
    }
    #signup .static-form-input-ta {
        padding: 25px 0 0 35px !important;
        border-width: 2px !important;
        height: 12rem !important
    }
    #signup .signup-content {
        width: 95%;
        max-width: unset;
        padding: 120px 140px !important
    }
    #signup .signup-content>form {
        min-height: 800px
    }
    #signup .steps-container {
        margin-bottom: 5rem
    }
    #signup .static-form-label {
        left: 15px;
        top: -95px
    }
    #signup select.static-form-input {
        background-size: 1.5rem !important
    }
    #signup #form-message {
        margin-bottom: 2rem;
        font-size: x-large !important
    }
    #signup .signup-form-button {
        height: 4rem
    }
    #signup .visibility-icon {
        top: 14px;
        left: 550px;
        height: 80px;
        width: 80px
    }
    #signup .step {
        height: 80px;
        width: 80px;
        padding: 24px
    }
    #signup .step-label {
        top: 90px;
        display: none;
        width: 130px;
        left: -25px
    }
    #signup .step.active>.step-label {
        display: block
    }
    #signup .step-spacer {
        top: 34px;
        height: 6px;
        width: 50px
    }
    #signup #pw-requirements {
        margin-bottom: 30px
    }
    #signup #pw-requirements li {
        font-size: large !important
    }
    #signup .pw-strength-req-container {
        margin-top: -15px
    }
    #signup .pw-strength-req-container>div {
        margin-bottom: 15px
    }
    #signup #phone-verification-msg {
        font-size: medium !important
    }
    #signup .form-note-sm {
        font-size: medium;
        margin-top: -30px;
        line-height: 2
    }
    #signup .phone-verification-input {
        height: 2rem;
        margin: 25px 0
    }
    #signup #PhoneVerifySkipOnverify {
        height: 1.3rem !important;
        width: 1.3rem !important
    }
    #signup .phone-verification-input,
    #signup .term-agreement {
        font-size: 1.3rem !important;
        line-height: 1.3rem !important
    }
    #signup .term-agreement {
        margin-bottom: 15px;
        height: 2rem
    }
    #signup .term-agreement input {
        margin-right: 15px !important;
        height: 1.3rem !important;
        width: 1.3rem
    }
    #signup #cookieCheckbox {
        width: 2.4rem;
        height: 1.3rem !important
    }
    #signup #user-agreements>h3 {
        padding-bottom: 30px !important
    }
    #signup #user-agreements li {
        padding-bottom: 15px
    }
    #signup #signup-privacy-policy {
        margin-bottom: 45px
    }
    #signup .invalid-input:hover:not(:focus),
    #signup .invalid-input:not(:focus) {
        border: 2px solid red !important
    }
    #signup .tooltip-target .tooltip-container {
        width: 500px;
        margin-left: -280px;
        padding: 10px;
        line-height: 1
    }
    #signup #pw-strength-indicator-container,
    #signup #pw-strength-indicator-container * {
        font-size: x-large !important
    }
    #signup .tooltip-body span:not(:last-child),
    #signup .tooltip-body>div {
        margin-bottom: 15px
    }
    #signup .tooltip-body span {
        margin-left: 25px
    }
    #signup .tooltip-header {
        padding: 10px 10px 20px
    }
}

#login-form,
#login-form li {
    width: 500px
}

#login {
    margin-top: 1em
}

#login .panel .body ol {
    margin-top: 2em;
    float: left
}

#login-form label {
    width: 120px
}

#login-promo {
    margin-left: 20px
}

#login-promo h1 {
    font-size: 2em;
    width: 100%;
    margin-bottom: 0
}

#login-promo h2 {
    font-size: 1.5em
}

.modal-w90 {
    width: 90% !important;
    left: 5% !important;
    margin: 0 auto !important
}