#everything,
#signup .form-footer,
.dualNumber {
    flex-direction: column
}

#cookieCompliance,
.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,
h3>div>div>div {
    margin: 0
}

#everything>#main,
#footer {
    clear: both
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
body * {
    font-family: Nunito, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
}

.pagination-buttons,
.pagination-container {
    gap: 10px;
    display: flex
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-ExtraLight.woff2) format('woff2'), url(font/Nunito/Nunito-ExtraLight.woff) format('woff'), url(font/Nunito/Nunito-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-ExtraLightItalic.woff2) format('woff2'), url(font/Nunito/Nunito-ExtraLightItalic.woff) format('woff'), url(font/Nunito/Nunito-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Light.woff2) format('woff2'), url(font/Nunito/Nunito-Light.woff) format('woff'), url(font/Nunito/Nunito-Light.ttf) format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-LightItalic.woff2) format('woff2'), url(font/Nunito/Nunito-LightItalic.woff) format('woff'), url(font/Nunito/Nunito-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Regular.woff2) format('woff2'), url(font/Nunito/Nunito-Regular.woff) format('woff'), url(font/Nunito/Nunito-Regular.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Italic.woff2) format('woff2'), url(font/Nunito/Nunito-Italic.woff) format('woff'), url(font/Nunito/Nunito-Italic.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Medium.woff2) format('woff2'), url(font/Nunito/Nunito-Medium.woff) format('woff'), url(font/Nunito/Nunito-Medium.ttf) format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-MediumItalic.woff2) format('woff2'), url(font/Nunito/Nunito-MediumItalic.woff) format('woff'), url(font/Nunito/Nunito-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-SemiBold.woff2) format('woff2'), url(font/Nunito/Nunito-SemiBold.woff) format('woff'), url(font/Nunito/Nunito-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-SemiBoldItalic.woff2) format('woff2'), url(font/Nunito/Nunito-SemiBoldItalic.woff) format('woff'), url(font/Nunito/Nunito-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Bold.woff2) format('woff2'), url(font/Nunito/Nunito-Bold.woff) format('woff'), url(font/Nunito/Nunito-Bold.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-BoldItalic.woff2) format('woff2'), url(font/Nunito/Nunito-BoldItalic.woff) format('woff'), url(font/Nunito/Nunito-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-ExtraBold.woff2) format('woff2'), url(font/Nunito/Nunito-ExtraBold.woff) format('woff'), url(font/Nunito/Nunito-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-ExtraBoldItalic.woff2) format('woff2'), url(font/Nunito/Nunito-ExtraBoldItalic.woff) format('woff'), url(font/Nunito/Nunito-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-Black.woff2) format('woff2'), url(font/Nunito/Nunito-Black.woff) format('woff'), url(font/Nunito/Nunito-Black.ttf) format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(font/Nunito/Nunito-BlackItalic.woff2) format('woff2'), url(font/Nunito/Nunito-BlackItalic.woff) format('woff'), url(font/Nunito/Nunito-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: italic
}

body,
html {
    background: #EEF0F2;
    min-height: 100vh
}

body {
    color: #20252D;
    font-size: 14px
}

body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#everything>#main h1,
.form .head h3,
h1,
h2,
h3,
p.txl-h2 {
    color: #20252D !important;
    font-weight: 500 !important;
    margin: 0
}

h1 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 15px !important
}

h1 b {
    font-weight: 700
}

h2,
p.txl-h2 {
    font-size: 22px;
    line-height: 30px
}

h3,
h3>div>div>div {
    font-size: 18px;
    line-height: 25px;
    text-transform: none
}

h3>div>div>div {
    color: #20252D !important;
    font-weight: 500 !important
}

#app div[style*="background: rgb(245, 246, 247)"],
#app div[style*="background-color: rgb(245, 246, 247)"] {
    background: #EEF0F2 !important
}

.snapshotDatePicker div[data-component=TxlFlexContainer],
.snapshotDatePicker div[data-component=TxlSelectItemBase] {
    font-size: 12px !important
}

.snapshotTabs div[data-component=TxlTabList] a {
    font-size: 16px !important
}

#header a,
a,
a:link,
a:visited,
td a {
    color: #20252D;
    text-decoration: none;
    border-bottom: dotted 1px #9AA2AE
}

#header a:active,
#header a:focus,
#header a:hover,
a:active,
a:focus,
a:hover {
    color: #0252C6
}

#breadcrumbs li a:link,
#breadcrumbs li a:visited,
.panel .head .action-links a,
a.button-round,
a[class*=ui-datepicker],
a[href="javascript:void(0)"],
div#logo a,
div[data-component=TxlDataGridBodyRow] a[class$="_details"],
div[data-component=TxlDataGridBodyRow] a[href$="offers/view"],
div[data-component=TxlDataGridBodyRow] a[href$="advertisers/view"],
div[data-component=TxlDataGridBodyRow] a[href$="stats/index/affiliates"] {
    border-bottom: none;
    text-shadow: none
}

button[data-component=TxlPillButton] {
    font-size: 11px;
    line-height: normal
}

#auth-status,
.auth-Error {
    line-height: 25px
}

.block>.clear,
.clear {
    height: 0
}

.grid_1,
.grid_10,
.grid_11,
.grid_12,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
    padding: 0 20px 0 0
}

#left_snapshot_column,
#right_snapshot_column {
    padding: 0 15px 0 0
}

#everything {
    padding: 0;
    min-height: 100vh;
    display: flex;
    float: none
}

#cookieCompliance #main #cookieComplianceContinueButton,
#cookieCompliance #main form {
    margin-top: 20px
}

#privayPolicyContainer {
    background: #fff
}

#header {
    background: #FFF;
    height: 65px;
    min-height: 65px;
    border-bottom: 2px solid #007AFF;
    float: none
}

#header.hide {
    top: 0 !important
}

#everything>#main {
    background: #EEF0F2;
    display: flex;
    flex: auto
}

#main>#content-col {
    margin: 0;
    flex: 1;
    padding-bottom: 60px
}

#main>#content-col>#content {
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 750px;
    position: relative
}

#main>#content-col>#pageLoader {
    width: calc(100% - 150px);
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .75);
    z-index: 19;
    display: none;
    justify-content: center;
    align-items: center
}

#header>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 62px
}

#header #logo {
    margin-left: 20px
}

#header #logo h1 {
    font-size: 28px;
    font-weight: 400;
    margin: 0 !important
}

#header #logo img {
    padding: 0;
    max-height: 45px;
    max-width: 230px
}

#header #search {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

#header #search form {
    position: relative
}

#header #search .av-submit {
    position: absolute;
    background: url(../images/txl/search.svg) center left no-repeat;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 25px;
    top: 0;
    left: 0
}

#search {
    margin: 0 20px 0 0;
    padding-left: 0
}

#header #search input[type=text] {
    transition: width .2s cubic-bezier(.23, 1, .32, 1) 0s;
    padding: 0 0 0 25px;
    height: 35px;
    width: 150px
}

#header #search input[type=text]:focus {
    width: 200px
}

#auth-status {
    float: none;
    margin: 0;
    padding: 0 0 0 20px;
    width: auto;
    font-size: 14px
}

#auth-status span,
.auth-FirstName {
    margin-right: 10px
}

#auth-status>* {
    float: right
}

#breadcrumbs,
#content-col>p,
#everything>#main,
#main>#nav-col li,
#nav-col li a,
.help,
.panel .subhead .action,
html body .fl,
html body .form li div.fl {
    float: none
}

#auth-status>br {
    display: none
}

.auth-FirstName {
    color: #20252D;
    font-size: 14px
}

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

#main>#nav-col {
    height: auto;
    width: 150px;
    top: 0;
    background: #424C5D
}

#nav-col {
    left: 0 !important;
    font-size: 100%
}

#main>#nav-col li {
    text-align: left
}

#main>#nav-col li a {
    font-weight: 400;
    padding: 0 5px;
    display: flex;
    align-items: center;
    text-shadow: none
}

#nav-col #nav {
    margin: 0;
    z-index: 20;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 100vh
}

#nav>ul {
    padding: 0;
    -webkit-padding-start: 0
}

.nav-item>svg {
    margin: 9px
}

#nav ul li:hover>a svg,
.nav-item svg * {
    fill: #fff
}

#main>#nav-col>#nav>ul>li,
#main>#nav-col>#nav>ul>li>ul>li,
#main>#nav-col>#nav>ul>li>ul>li>ul>li {
    position: static;
    padding: 5px 0
}

#nav-col li ul,
#nav-col ul li ul {
    display: none;
    top: 0;
    left: 150px;
    box-shadow: 0 3px 4px rgba(27, 34, 46, .2), 0 0 4px rgba(27, 34, 46, .15)
}

#nav-col li.has-sub-children>a {
    background-image: url(../images/txl/arrow-right.svg);
    background-position: 90% center;
    background-repeat: no-repeat
}

#nav ul li>ul.menu-active,
#nav-col li:hover ul,
#nav-col ul li a:hover ul,
#nav-col ul li:hover ul {
    left: 150px;
    z-index: auto
}

#nav-col ul li.has-sub-children:hover ul {
    left: 200px;
    z-index: auto
}

#nav-col li {
    position: static
}

#nav-col li a {
    line-height: 35px;
    height: 35px
}

#nav-col li ul li a,
.menu li a {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 35px !important;
    color: #20252D;
    margin: 0;
    padding: 0 15px !important;
    height: auto;
    width: 200px;
    text-shadow: none !important;
    border-bottom: none
}

#nav-col li ul li:not(.has-sub-children)>a:hover,
#nav>ul li:not(.has-sub-children):hover>a {
    background: #007AFF;
    color: #FFF
}

#nav>ul li ul li:not(.has-sub-children):hover>a,
.menu li:hover a {
    background: rgba(0, 122, 255, .17);
    color: #20252D
}

#nav>ul li ul>div:first-of-type {
    display: block !important;
    font-size: 13px;
    line-height: 35px;
    margin: 5px 15px;
    color: #727D8E;
    border-bottom: 1px solid #D9DDE1
}

#main>#nav-col>#nav>ul>li>ul,
#main>#nav-col>#nav>ul>li>ul>li>ul {
    position: absolute;
    top: 0;
    margin-top: 0;
    display: none
}

#main>#nav-col>#nav>ul>li:hover>div {
    position: absolute;
    left: 47px;
    margin-top: -31px;
    padding: 3px 15px;
    background: #0F1115;
    color: #FFF;
    display: block !important;
    white-space: nowrap;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2)
}

#nav>ul li a {
    color: #FFF
}

#nav>ul>li>div {
    display: none;
    visibility: hidden
}

#nav>ul>li>ul,
#nav>ul>li>ul>li>ul {
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 100%
}

#main #nav-col #nav>ul>li>ul>li>a {
    padding: 0 15px
}

#nav-col li:hover ul,
#nav-col ul li a:hover ul,
#nav-col ul li ul li.has-sub-children:hover ul,
#nav-col ul li:hover ul:not(.sub) {
    position: fixed;
    margin-top: 0;
    padding-bottom: 20px;
    bottom: 0;
    overflow-y: auto
}

#main #nav-col #nav>ul>li>ul>li>div>a {
    padding: 0 15px
}

.new-subnav-list div span {
    color: #707E91
}

.end-of-new-subnav-list {
    border-bottom: 1px solid #D9DDE1;
    margin: 5px 15px
}

#nav .menu {
    width: 200px
}

#nav .subMenu {
    width: 400px
}

#nav .sub {
    background: #EDEDED
}

#nav-mask {
    top: 0;
    bottom: 0;
    width: 100vw;
    z-index: 19;
    visibility: hidden;
    opacity: 0;
    background: #0F1115;
    transition: visibility 0s linear .5s, opacity .2s linear
}

#nav-mask.active {
    visibility: visible;
    opacity: .2;
    transition-delay: 0s
}

.menu {
    display: none;
    position: fixed;
    width: 200px;
    background-color: #FFF;
    box-shadow: 0 3px 4px rgba(27, 34, 46, .2), 0 0 4px rgba(27, 34, 46, .15);
    z-index: 100
}

.form,
.panel,
fieldset.tw-bs {
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2)
}

.menu-group {
    background: #EEEFF1;
    color: #727D8E;
    line-height: 25px;
    font-size: 13px;
    padding: 0 15px !important
}

#breadcrumbs {
    height: 35px;
    width: 100%;
    background: #D9DEE2;
    margin-top: 0;
    padding-left: 20px
}

#breadcrumbs li {
    line-height: 35px;
    padding-left: 5px
}

#breadcrumbs li a {
    background: 0 0;
    padding-right: 0
}

#breadcrumbs li a:link,
#breadcrumbs li a:visited {
    color: #707E91;
    text-decoration: none
}

#breadcrumbs li a::after {
    content: "/";
    margin-left: 5px
}

#footer {
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    background-color: #EEF0F2;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 0
}

#footer a,
#footer p {
    color: #707E91;
    text-shadow: none
}

#footer p {
    font-size: 10px;
    margin: 0;
    padding: 0;
    width: auto
}

#footer p a {
    display: inline-block;
    padding: 0
}

#footer p a:hover {
    color: #37455B
}

#footer p a:first-child {
    margin-left: 0 !important
}

#content-col>#content>form>p,
#content-col>#content>p,
#signup>form>p,
.help {
    margin-bottom: 10px;
    color: #707E91
}

.form,
.panel {
    background: #FFF;
    border: 0;
    border-top: solid 4px #007AFF;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 15px 20px;
    margin: 0 0 15px
}

#app>div>div>div>div>div>div>div[style*="padding: 20px;"] {
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2);
    border-top: solid 0 #007AFF
}

.form.focus-handler,
.panel.focus-handler {
    border-top-color: #FFF
}

.form.focus-handler:focus-within,
.panel.focus-handler:focus-within {
    border-top-color: #007AFF
}

.form.borderless-stats,
.panel.borderless-stats {
    border-top: solid 1px #d9dee2;
    border-radius: 0;
    padding: 10px 20px
}

.panel.snapshot-panel {
    border-top: 0
}

#scheduleLi {
    margin-bottom: 20px !important
}

#scheduleSubmit {
    margin-bottom: 10px !important
}

fieldset.tw-bs {
    padding: 20px;
    background: #FFF
}

fieldset.tw-bs legend {
    border-bottom: none;
    position: relative;
    top: 30px
}

.panel.grid {
    margin: 0 0 20px
}

.form.body,
.form.ui-dialog-content {
    box-shadow: none;
    padding: 0;
    margin: 0
}

.head {
    height: auto
}

.form .head,
.panel .head {
    background: #FFF;
    border-bottom: 0;
    padding: 0 0 15px;
    height: auto;
    overflow: visible
}

.panel .head h3,
.panel .head label {
    color: #20252D
}

.form .head h3,
.panel .head h3 {
    border: 0;
    padding: 0;
    text-transform: none;
    line-height: 35px;
    font-weight: 400;
    font-size: 18px
}

.form .head h3 span {
    font-size: 14px;
    color: #707E91
}

.panel .head a,
.panel .subhead a {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    margin: 8px 0 0;
    padding: 0
}

.panel .head input {
    line-height: 23px
}

.panel .head .action-links {
    padding: 2px 0 0
}

.form .body,
.panel .body {
    padding: 0
}

.panel .subhead {
    background: #FFF;
    height: 35px;
    margin-bottom: 20px
}

.panel .subhead .al {
    margin-left: 0
}

.panel .subhead .ar {
    margin-right: 0
}

.subhead {
    padding-top: 0
}

.panel .head .action,
.panel .subhead .action {
    margin: 0
}

.panel .subhead .action a {
    display: inline-block;
    float: none
}

.body h2,
.body p.txl-h2 {
    margin: 30px 0
}

.body h2:first-child,
.body p.txl-h2:first-child,
.form .body {
    margin-top: 0
}

.body h2 b,
.body p.txl-h2 b {
    font-weight: 400
}

.body p span {
    font-size: 14px;
    white-space: normal;
    display: inline-block
}

.emptyStateAction,
.emptyStateAction:hover {
    white-space: no-wrap;
    text-transform: none;
    text-shadow: none
}

.panel .body .grid_6 {
    padding-left: 10px;
    padding-right: 0
}

.panel .body .grid_6:first-child {
    padding: 0 10px 0 0
}

.panel .body p strong {
    font-weight: 400;
    color: #707E91;
    margin: 0
}

.panel .body a,
.panel .body>p {
    font-size: 14px
}

.panel .body p,
.panel .body>p {
    margin: 0 0 10px;
    width: auto;
    color: #20252D
}

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

.panel.total-header-panel {
    margin-left: 5px !important;
    background: #FFF !important;
    width: fit-content !important
}

.panel.grid_12 {
    background: #EEF0F2;
    box-shadow: none;
    padding: 0 20px 0 0;
    border-top: none
}

.panel.grid_12 .head {
    position: static;
    padding: 0;
    min-height: 0
}

#report-top.panel.grid_12 .head,
.panel.grid_12 .head.preserve {
    background: #EEF0F2;
    margin-bottom: 10px
}

.panel.grid_12:not(#report-top) .head>h3 {
    display: none
}

.panel.grid_12 .head.preserve>h3 {
    display: inline !important
}

.panel.grid_12:not(#report-top):not(#statsActionBar) .head>.action-links {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0
}

#report-top.panel.grid_12 .head>.action-links,
.panel.grid_12 .head.preserve>.action-links {
    padding: 0;
    position: static !important;
    float: right
}

.panel.grid_12 .head>.action-links {
    line-height: 35px
}

.panel.grid_12 .head>.action-links>a {
    color: #FFF;
    line-height: 35px;
    background: #007AFF
}

.emptyStateAction,
.emptyStateAction:hover,
.emptyStateBody {
    font-size: 14px !important;
    line-height: 35px !important;
    font-weight: 400;
    outline: 0
}

.panel.grid_12 .head>.action-links>a:active,
.panel.grid_12 .head>.action-links>a:focus,
.panel.grid_12 .head>.action-links>a:hover {
    background: #0252C6
}

.panel.grid_12 .subhead {
    background: #EEF0F2
}

.panel.grid_12 .body {
    padding: 0
}

.panel.grid_12 .body .form-footer {
    margin-top: 20px
}

.panel.grid_12 .body table {
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2);
    overflow: hidden
}

.grid_12 .panel .body #statsTable {
    border-radius: 0;
    box-shadow: none
}

.emptyStateAction {
    border: transparent;
    border-radius: 2px;
    background: #007AFF;
    color: #fff
}

.emptyStateAction>a {
    color: #fff;
    border-bottom: none
}

.emptyStateAction:hover {
    border: transparent;
    border-radius: 2px;
    background: #0252C6;
    color: #fff
}

.emptyStateAction:hover>a:hover {
    color: #fff;
    background-color: #0252C6;
    border-bottom: none
}

.emptyStateBody {
    background: #fff;
    border-top: solid 5px #007AFF;
    -webkit-border-radius: 0;
    margin: 0;
    padding: 50px 0 65px;
    text-align: center;
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2)
}

.form.grid_12 {
    margin-right: 20px
}

.panel.grid_6 .body,
.panel.grid_6 .head {
    padding-right: 0
}

.panel.grid_6 .head .action-links {
    right: -20px
}

.toggle .head.hidden {
    padding: 0
}

.toggle .body {
    padding-top: 5px !important
}

.toggle .head h3 {
    padding: 0 25px 0 0 !important
}

#reportToggleHead,
.toggle h3 {
    padding: 5px 22px 5px 12px;
    cursor: pointer
}

.toggle h3 {
    background: url(../images/txl/chevron-up.png) right 50% no-repeat
}

.hidden h3,
.hidden h3:hover {
    background-image: url(../images/txl/chevron-down.png)
}

#reportToggleHead {
    background: url(../images/txl/minus.svg) right 50% no-repeat
}

.head.accordion_id-shared-report-options.visible,
.head.accordion_id-shared-report-trends.visible,
.tw-bs select {
    padding-bottom: 0 !important
}

.hidden #reportToggleHead,
.hidden #reportToggleHead:hover {
    background-image: url(../images/txl/plus.svg)
}

.description,
.form p {
    color: #727D8E !important
}

.form ol,
.form ul {
    margin: 0
}

.form ol li,
.form ol li.filter,
.form ul li {
    margin-bottom: 30px;
    position: relative
}

.form ol li.filter.tighter,
.form ol li.tighter,
.form ul li.tighter {
    margin-bottom: 20px
}

.form ol li.treatAsLast,
.form ol li:last-of-type,
.form ul li:last-of-type {
    margin-bottom: 0
}

.form .flexLi>div,
.panel .flexLi>div {
    background-image: none
}

.flexLi {
    display: list-item
}

.form ol li.slim,
.form ul li.slim {
    margin: 0
}

html .form ol li label {
    margin-left: 0 !important
}

.form li label.empty {
    display: none
}

.panel .form li label strong {
    font-weight: 400
}

.panel .form li p {
    margin-left: 0
}

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

.form li div,
.panel li div {
    clear: none;
    float: none;
    margin-left: 0
}

.form li>div,
.panel li>div {
    display: inline-block
}

.form li .description,
.form li .panel-note,
.form li p,
.form-note,
html .form li p {
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 13px;
    opacity: 1;
    color: #727D8E !important;
    clear: none;
    float: none;
    width: 500px;
    display: block
}

.form li input,
.form li select,
.form li span,
.form li textarea {
    float: none;
    clear: none
}

.form li span {
    vertical-align: baseline
}

.form li label,
.panel .form li label {
    font-size: 13px;
    color: #727D8E;
    line-height: 25px;
    height: auto;
    float: none;
    margin-left: 0;
    width: 500px
}

.form li input[type=checkbox]+label,
.form li label.cbn,
.form li span.cbn,
.panel .form li label.cnb,
.tw-bs label.cbn,
label.cbn {
    clear: none;
    font-size: 14px;
    color: #20252D;
    line-height: 35px;
    display: block;
    width: auto
}

.form li label.cbn {
    display: flex;
    align-items: center
}

.form li label.cbn input[type=checkbox] {
    height: auto
}

.tw-bs input[type=checkbox] {
    margin-right: 8px !important
}

.cbn-inline {
    display: inline-block !important;
    margin-right: 30px !important
}

.form li .currencyPrefix,
.form li span.currency_before {
    display: inline;
    line-height: 35px;
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    width: auto
}

.form li .currencySuffix,
.form li .percent,
.form li span.currency_after {
    display: inline;
    line-height: 35px;
    margin-top: 0;
    margin-left: -10px;
    position: absolute
}

.search-button,
.status {
    position: relative
}

.form li span.currency_after {
    margin-left: 10px
}

.liquid-wrap,
.liquid-wrap-i {
    margin-left: 0 !important
}

.panel .form li p.liquid {
    display: inline-block
}

.panel .panelOl p a,
.panel .panelOl p.liquid a {
    font-size: 14px
}

.liquid-wrap-i {
    margin-right: 120px !important
}

.input_smaller {
    min-width: 100px !important
}

.input_smallest {
    min-width: 40px !important
}

.currency_input {
    min-width: 175px
}

.form li .input_small+span+p.description {
    width: 175px
}

.input_med {
    width: 290px !important
}

.select_med {
    width: 175px !important
}

.input_large {
    width: 500px !important
}

.country_select_large {
    width: 350px !important;
    height: 250px !important
}

.input-group {
    display: flex;
    flex-wrap: wrap
}

.form li span.iblock {
    height: 35px
}

span.line {
    line-height: 35px !important;
    display: flex
}

.form-footer,
.table-footer {
    margin: 0 0 20px;
    height: auto;
    display: flex;
    flex-direction: row
}

#upload-status span,
.status {
    margin-left: 15px
}

.status,
.status:before,
ul.tab-group {
    display: inline-block
}

.table-footer input[type=text] {
    margin-right: 10px
}

.form-footer input {
    float: none
}

#file-upload-button,
.form-footer button,
.form-footer input[type=submit],
.table-footer button,
.table-footer input[type=submit] {
    background: #007AFF !important;
    color: #FFF !important;
    margin-right: 10px
}

#file-upload-button:active,
#file-upload-button:focus,
#file-upload-button:hover,
.form-footer button:active,
.form-footer button:focus,
.form-footer button:hover,
.form-footer input[type=submit]:active,
.form-footer input[type=submit]:focus,
.form-footer input[type=submit]:hover,
.table-footer button:active,
.table-footer button:focus,
.table-footer button:hover,
.table-footer input[type=submit]:active,
.table-footer input[type=submit]:focus,
.table-footer input[type=submit]:hover {
    background: #0252C6 !important;
    color: #FFF !important
}

.form textarea.pixel {
    width: 100%
}

.status:before {
    content: "";
    background: #727D8E;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    left: -15px
}

.status.green:before {
    background: #8ECF4E
}

.status.orange:before {
    background: #FF7C18
}

.status-blocked:before,
.status.red:before {
    background: #E02F2F
}

.status-paused:before {
    background: #727D8E !important
}

.status-rejected:before {
    background: #890E1B
}

fieldset.tw-bs {
    margin-right: 20px
}

.tw-bs .checkbox,
.tw-bs .radio {
    line-height: 35px;
    margin-bottom: 0
}

.tw-bs .checkbox input[type=checkbox],
.tw-bs .radio input[type=radio] {
    margin-top: 0
}

.tw-bs select {
    background: url(../images/txl/arrow-down-sm.svg) right 5px center no-repeat #fff !important;
    padding-top: 0 !important
}

.tw-bs .ngPagerControl input[type=number] {
    margin-bottom: 0 !important
}

ul.tab-group {
    padding: 0;
    border: 1px solid #D9DEE2;
    border-radius: 2px
}

.panel ul li.tabs {
    background: 0 0;
    border: none;
    border-left: 1px solid #D9DEE2;
    display: inline;
    clear: right;
    float: left;
    padding: 0 15px;
    cursor: pointer;
    line-height: 25px
}

#OffersAddForm,
.select2-choices .select2-search-choice,
div.select2-container-multi .select2-choices .select2-search-field {
    clear: none
}

.panel ul li.tabs:first-child {
    border-left: 0
}

.panel ul li.tabs:hover {
    background: #C3C9D1
}

.panel ul li.active {
    background: #D9DEE2
}

#spaceTab {
    height: 0;
    width: 0;
    border: 0
}

.form input[type=password],
.form input[type=text],
.form input[type=url],
.form textarea,
html .action input,
html .action select,
html .panel input,
html .panel select,
html body input,
html body input:not([type]),
html body input[type=submit],
html body select,
html body textarea,
html form input,
html form input:not([type]),
html form input[type=submit],
html form select,
html form textarea,
input,
select,
textarea {
    background: 0 0;
    font-family: Nunito, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 14px
}

#tb_form input[type=password],
#tb_form input[type=text],
#tb_form input[type=url],
#tb_form select,
#tb_form textarea,
.form input:not([type]),
.form input[type=password],
.form input[type=search],
.form input[type=text],
.form textarea,
input:not([type]),
input[type=password],
input[type=search],
input[type=text],
input[type=url],
textarea {
    outline: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #97A2B2
}

.form input:not([type]):focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=text]:focus,
.form input[type=url]:focus,
.form textarea:focus,
input:not([type]):focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    border-bottom-color: #007AFF !important
}

.form textarea,
html body textarea,
html form textarea,
textarea {
    background: #EEF0F2;
    padding: 0 3px;
    min-height: 60px
}

input[type=checkbox],
input[type=radio] {
    margin: 0 5px;
    height: 35px
}

#AffiliateId,
#offersAccess select,
#qed input[type=checkbox],
#qed input[type=radio] {
    height: auto
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/txl/arrow-down-sm.svg) right no-repeat !important;
    outline: 0;
    padding-right: 35px !important
}

select[multiple] {
    padding-right: 0 !important;
    background: #EEF0F2 !important
}

select:focus {
    border-bottom: 1px solid #007AFF !important
}

#topOffersAndAffiliatesSelectorContainer {
    padding: 0 0 10px
}

#topOffersAndAffiliatesSelectorContainer select {
    min-width: 100px;
    padding-left: 5px
}

#topOffersAndAffiliatesSelectorContainer select:nth-of-type(2) {
    float: right
}

#FakeDateRangeEndDate,
#FakeDateRangeStartDate,
.hasDatepicker,
html .action input[type=password],
html .action input[type=search],
html .action input[type=text],
html .action select,
html .form input[type=password],
html .form input[type=search],
html .form input[type=text],
html .form input[type=url],
html .form select,
html .panel input[type=password],
html .panel input[type=search],
html .panel input[type=text],
html .panel select,
html body input,
html form input {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #97A2B2;
    border-radius: 0;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin: 0;
    min-width: 200px
}

html body input,
html form input {
    min-width: auto
}

#FakeDateRangeEndDate,
#FakeDateRangeStartDate,
.hasDatepicker {
    min-width: 110px !important
}

.search-field {
    padding-left: 25px !important;
    width: 200px
}

.search-button {
    background: url(../images/txl/search.svg) center left no-repeat !important;
    color: transparent !important;
    width: 25px;
    left: -215px
}

#parameterSearch {
    font-size: 13px;
    background: url(../images/txl/search.svg) center left no-repeat;
    line-height: 24px;
    margin-top: 2px;
    margin-left: 20px;
    padding-left: 25px;
    vertical-align: bottom
}

select[id$=Month] {
    min-width: 130px !important;
    width: 130px !important
}

select[id$=Day] {
    clear: none !important;
    margin-left: 10px !important;
    min-width: 50px !important;
    width: 50px !important
}

select[id$=Year],
select[id^=ScheduledChange] {
    clear: none !important;
    margin-left: 10px !important;
    min-width: 70px !important;
    width: 70px !important
}

input#FakeDateRangeEndDate {
    margin: 0
}

input#FakeScheduledJobEndDate,
input#FakeScheduledJobStartDate,
input[id$=FakeDatePickerDate],
input[id^=FakeDateRange] {
    background: url(../images/txl/calendar.svg) right no-repeat !important
}

#ScheduledChange label,
#ScheduledChangeDatePicker,
#ScheduledPayoutChangeDatePicker,
#ScheduledRevenueChangeDatePicker {
    line-height: 35px
}

#ScheduledPayoutChangeDatePicker select,
#ScheduledRevenueChangeDatePicker select {
    width: 100px;
    min-width: 100px
}

li#PayoutMethod label[for],
li#RevenueMethod label[for] {
    line-height: 35px;
    display: inline-block;
    width: auto;
    min-width: 0;
    margin-right: 25px
}

label>input[type=checkbox],
label>input[type=radio] {
    float: left
}

html .action .input,
html .form .input,
html .panel .input {
    font-size: 14px;
    padding: 5px;
    vertical-align: middle
}

.form.grid_12 input[type=text],
.form.grid_12 input[type=url],
.form.grid_12 select,
.form.grid_12 textarea,
.grid_12 .form input[type=text],
.grid_12 .form select,
.grid_12 .form textarea {
    width: 500px
}

.action select {
    max-width: 300px
}

html .al .action input[type=text],
html .al .action select {
    margin-right: 10px
}

html .ar .action input[type=submit],
html .ar .action input[type=text],
html .ar .action select {
    margin-left: 10px !important
}

.flexLi div.select2-container .select2-choice,
div.select2-container .select2-choice {
    border: none;
    border-bottom: 1px solid #97A2B2;
    color: #20252D !important;
    font-size: 14px;
    height: 35px;
    line-height: 34px;
    padding-left: 0;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

div.select2-container .select2-choice .select2-arrow {
    width: 35px !important;
    border-left: 0;
    background: 0 0
}

div.select2-container .select2-choice .select2-arrow b {
    width: 35px !important;
    height: 34px !important;
    background: url(../images/txl/arrow-down-sm.svg) right no-repeat !important
}

div.select2-container .select2-choice>span.select2-chosen {
    line-height: 34px !important
}

span.select2-chosen>span {
    line-height: 34px
}

.aff_select2.select2-drop-active,
.select2-drop-active {
    border: 0 !important;
    margin-top: 5px !important
}

div.select2-container.select2-drop-above .select2-choice {
    border-radius: 0
}

a.select2-dropdown-open.select2-drop-above .select2-choice {
    border: 0;
    border-bottom: 1px solid #97A2B2
}

div.select2-dropdown-open.select2-drop-above .select2-choice,
div.select2-dropdown-open.select2-drop-above .select2-choices {
    background: 0 0
}

div.select2-drop,
div.select2-drop.select2-drop-above {
    box-shadow: 0 3px 4px rgba(27, 34, 46, .2), 0 0 4px rgba(27, 34, 46, .15);
    margin-top: 5px !important
}

div.select2-drop.select2-drop-above.select2-drop-active {
    border: 0
}

div.select2-search {
    padding: 0
}

div.select2-search input.select2-active {
    background: url(../images/txl/search.svg) center left no-repeat
}

div.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: 0 0 !important
}

div.select2-drop.select2-drop-above {
    margin-top: -5px !important;
    border-radius: 2px 2px 0 0
}

div.select2-drop .select2-search input {
    height: 35px !important;
    padding: 0 0 0 35px;
    background: url(../images/txl/search.svg) 10px center no-repeat !important;
    border: 0;
    border-bottom: 1px solid #007AFF !important
}

ul.select2-results {
    margin: 0;
    padding: 0
}

ul.select2-results li {
    padding: 0;
    line-height: 35px;
    min-height: 35px
}

.select2-results li.select2-result-with-children>.select2-result-label {
    background-color: #F5F6F7;
    cursor: default;
    font-weight: 400 !important;
    line-height: 25px
}

.select2-results .select2-result-label {
    padding: 0 10px !important
}

ul.select2-results .select2-highlighted {
    background: #eceef0;
    color: #20252D
}

ul.select2-results .select2-highlighted .location_type {
    color: #AAA
}

.select2-more-results.select2-active {
    padding: 0 10px
}

.select2-more-results {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    min-height: 25px
}

.select2-results-row {
    align-content: center;
    align-items: center;
    display: flex;
    font-size: 14px;
    position: relative
}

.select2-results-row .goal-header {
    color: #707E91;
    background-color: #F5F6F7
}

.select2-results-row .id-container {
    flex: 1;
    color: #707E91;
    padding: 0 10px;
    text-align: right;
    font-size: 13px
}

.select2-results-row .text-container {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 13px;
    white-space: nowrap
}

div.select2-container-multi {
    background: url(../images/txl/arrow-down-sm.svg) 100% 60% no-repeat !important
}

div.select2-container-multi ul.select2-choices {
    border: 0 !important;
    border-bottom: 1px solid #97A2B2 !important;
    background: 0 0;
    box-shadow: none !important
}

div.select2-container-multi.select2-container-active ul.select2-choices {
    border: none;
    border-bottom: 1px solid #007AFF !important
}

div.select2-container-multi .select2-choices .select2-search-field input {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    border-bottom: 0 !important
}

div.select2-container-multi .select2-choices .select2-search-choice {
    padding: 0 30px 0 10px;
    line-height: 25px;
    border: 0;
    border-radius: 12px;
    background: #D9DEE2;
    margin: 3px 5px 3px 0;
    clear: none
}

.select2-container-multi .select2-search-field {
    width: auto !important
}

div.select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 3px;
    background-image: url(../images/txl/close-ps800.svg) !important;
    border-bottom: none
}

a.select2-search-choice-close {
    width: 25px;
    height: 25px;
    top: 0;
    right: 5px;
    background-size: 13px !important;
    background-position: center
}

.icon-container,
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px
}

div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: center
}

.select2-searching {
    padding: 0 10px !important
}

.geoChip {
    background: #DADDE1;
    border: none;
    border-radius: 13px;
    padding: 0 10px
}

#file-browse-button,
#file-upload-button,
#login-promo h2 a,
#loginForm a[href="/users/forgot_password"],
#main .form .add-remove-controls a.button,
#main input[type=submit],
#main input[type=button],
a.button,
button {
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 15px;
    margin: 0;
    border-radius: 2px;
    border: 0 transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-transform: none;
    text-shadow: none;
    transition: background-color .2s cubic-bezier(.23, 1, .32, 1) 0s;
    vertical-align: bottom;
    white-space: nowrap;
    color: #20252D;
    background: #D9DEE2
}

#align_top,
#main .action *,
#main .action label,
#notificationsSearch,
td {
    vertical-align: top
}

#file-browse-button:active,
#file-browse-button:focus,
#file-browse-button:hover,
#login-promo h2 a:active,
#login-promo h2 a:focus,
#login-promo h2 a:hover,
#loginForm a[href="/users/forgot_password"]:active,
#loginForm a[href="/users/forgot_password"]:focus,
#loginForm a[href="/users/forgot_password"]:hover,
#main .form .add-remove-controls a.button:active,
#main .form .add-remove-controls a.button:focus,
#main .form .add-remove-controls a.button:hover,
#main input[type=submit]:active,
#main input[type=submit]:focus,
#main input[type=submit]:hover,
#main input[type=button]:active,
#main input[type=button]:focus,
#main input[type=button]:hover,
a.button:active,
a.button:focus,
a.button:hover,
button:active,
button:focus,
button:hover {
    background: #C3C9D1
}

#save-dropdown-container {
    padding-left: 20px
}

#save-dropdown-container,
#schedule-save-dropdown-container {
    flex-wrap: wrap;
    display: block
}

#save-selector,
#schedule-save-selector {
    background: #D9DEE2 !important;
    color: #20252D !important
}

#save-selector:hover,
#schedule-save-selector:hover {
    background: #C3C9D1 !important
}

#save-types,
#schedule-save-types {
    display: none;
    position: absolute
}

#save-types>li,
#schedule-save-types>li {
    width: 200px;
    background: #FFF;
    line-height: 35px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer
}

#schedule-save-types>li {
    margin-bottom: 0
}

#save-types>li:hover,
#schedule-save-types>li:hover {
    background: #D9DEE2
}

#main .form .add-remove-controls a.button {
    margin-bottom: 10px
}

#main .subhead input[type=submit],
#main .subhead input[type=button] {
    line-height: 25px;
    margin-bottom: 5px
}

#main .action,
#main .nonScheduleOption {
    line-height: 34px
}

#main .action label {
    line-height: 34px
}

#main .form .button-round,
#main .form .button-round.medium,
#main .form a .button-round {
    background: 0 0;
    border: none;
    color: #707E91;
    float: none;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 1px 5px 0 0
}

#main .form .button-round.medium:active,
#main .form .button-round.medium:focus,
#main .form .button-round.medium:hover,
#main .form .button-round:active,
#main .form .button-round:focus,
#main .form .button-round:hover,
#main .form a:active .button-round,
#main .form a:focus .button-round,
#main .form a:hover .button-round {
    background: 0 0;
    color: #0D1017
}

#auth-status .auth-Support {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 9px;
    font-weight: 700;
    margin: 3px 10px 3px 0;
    outline: 0;
    padding: 3px 8px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    color: #007AFF;
    border: 1px solid #b0b1b3;
    background-color: #FFF
}

#auth-status .auth-Support:hover {
    color: #212121;
    background-color: #edf6f4
}

#auth-status .auth-Support:active {
    color: #fff;
    background-color: #007AFF;
    background-image: none
}

.auth-Support:before {
    content: none
}

.panel .head .action-links a {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 0 15px;
    margin: 0 0 0 7px;
    border-radius: 2px;
    border: 0 transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-transform: none;
    transition: background-color .2s cubic-bezier(.23, 1, .32, 1) 0s;
    vertical-align: top;
    white-space: nowrap;
    color: #20252D;
    background: #D9DEE2
}

td,
th {
    border-left: none
}

#pagingTop td,
th {
    border-bottom: 1px solid #007AFF
}

.panel .head .action-links a:hover {
    background: rgba(0, 122, 255, .17)
}

#SavedReportForm>input,
#goBtn {
    height: 25px;
    background: #D9DDE1;
    color: #20252D
}

#statsTable table {
    border-collapse: separate
}

#statsTable table,
#statsTable table a,
#statsTable table td {
    font-size: 13px;
    line-height: 20px
}

.panel table {
    background-color: #FFF
}

tr {
    color: #37455B
}

.emptyState {
    background: #FFF !important
}

.even {
    background: #EEF0F2
}

.odd,
table.tablesorter #pagingBody,
td,
th,
thead th {
    background: #FFF
}

td {
    border-top: 1px solid #C1C5CD;
    font-weight: 400 !important;
    line-height: 25px
}

tbody tr:first-child td {
    border-top-color: #FFF
}

tbody tr.even:first-child td {
    border-top-color: #EEF0F2
}

tbody td.wrap-any {
    word-wrap: anywhere
}

td>img {
    max-width: 50px;
    margin: 0 !important
}

#pagingBody tr.highlight,
#pagingBody tr:focus,
#pagingBody tr:focus-within,
#pagingBody tr:hover,
table.tablesorter tbody tr.highlight,
table.tablesorter tbody tr:focus,
table.tablesorter tbody tr:focus-within,
table.tablesorter tbody tr:hover {
    background: #D4EDFF
}

#pagingBody td,
#pagingTop td,
tfoot td {
    padding: 7px 10px 6px
}

#pagingBody th,
thead th {
    padding: 6px 10px 7px
}

td.cb {
    padding: 0 10px !important
}

td.linkCheckBox,
td.notifications-table-checkbox-cell {
    width: 35px;
    text-align: center
}

td input[type=checkbox] {
    height: 25px;
    margin: 0
}

td input[type=text],
td select {
    line-height: 24px !important
}

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

.ac {
    text-align: left
}

.ac-txl {
    text-align: center
}

.cellNumber,
.thNumber {
    text-align: right
}

.dualNumber {
    display: flex
}

.goodValue {
    color: green
}

.badValue {
    color: red
}

.data-name {
    min-width: 175px
}

td[colspan="100"],
td[colspan] .noStats {
    padding: 60px 10px !important;
    text-align: center
}

th {
    border-top: 3px solid #007AFF;
    background-color: #FFF;
    color: #313845;
    white-space: nowrap;
    font-weight: 400;
    line-height: 20px
}

#pagingTop td,
tfoot td {
    font-weight: 700 !important
}

th:before {
    content: "";
    border-left: solid 1px #D9DDE1;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0
}

table.ui-datepicker-calendar th:before,
th:first-child:before {
    display: none
}

th input[type=checkbox] {
    height: auto
}

tfoot td {
    border-top: 1px solid #007AFF
}

#pagingTop {
    background: #F6F7F8
}

tr.highlight td.groupCol,
tr:focus td.groupCol,
tr:hover td.groupCol {
    background: #B6E0FF;
    cursor: pointer
}

tr.highlight td.groupCol+td:not(.groupCol):before,
tr:focus td.groupCol+td:not(.groupCol):before,
tr:hover td.groupCol+td:not(.groupCol):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 100%;
    background: url(../images/txl/arrow-right.svg) 9px 9px no-repeat #B6E0FF;
    cursor: pointer
}

.bar .close .dismiss:before,
.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: url(../images/txl/close.svg)
}

.menu-container {
    position: absolute;
    padding-left: 35px
}

.txlTable {
    flex: 0 1 auto;
    width: 300px
}

.txlTable td,
.txlTable th {
    border: 0;
    padding-left: 0
}

.txlTable th:before {
    border-left: 0
}

.icon-container {
    position: absolute;
    padding-left: 25px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #D4EDFF 25px, #D4EDFF 100%)
}

.icon-container .icon {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    padding: 6px;
    width: 29px;
    height: 29px;
    border-radius: 50%
}

.icon-container .icon:focus,
.icon-container .icon:hover {
    background-color: #B6E0FF
}

.icon-more {
    background-image: url(../img/icon-more.svg)
}

#pagingBody tr.highlight .icon-container,
#pagingBody tr:focus .icon-container,
#pagingBody tr:focus-within .icon-container,
#pagingBody tr:hover .icon-container {
    display: block !important
}

#insertion_orders_table,
#statsTable {
    border-radius: 0;
    box-shadow: 0 0 2px 0 rgba(27, 34, 46, .12), 0 2px 4px 0 rgba(27, 34, 46, .2)
}

.table-footer {
    font-size: 100%
}

.table-footer p {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

div.dataTables_wrapper {
    overflow-x: auto !important
}

#networkNotifications,
#quickLinks,
.qtip-content {
    overflow: auto
}

.dataTables_info,
.dataTables_paginate {
    font-size: 14px;
    display: inline-block;
    width: auto;
    margin: 10px 12px
}

.dataTables_paginate a.paginate_button_disabled {
    color: #C3C9D1
}

#pagingContainer .subhead {
    margin-top: 20px
}

#conversionPagingContainer {
    margin-top: 20px;
    margin-right: 20px
}

.paging-top {
    display: none
}

.paging-bottom {
    border-top: none !important;
    font-size: 14px
}

.results {
    margin: 10px 0 0;
    line-height: 25px
}

.results .current {
    padding: 0 5px;
    background: #007AFF;
    border-radius: 50%;
    color: #FFF;
    width: 25px;
    height: 25px;
    text-align: center
}

.page-count,
.results-links {
    margin: 0;
    font-size: 14px
}

.ngFooterPanel,
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 {
    font-size: 12px
}

.results-links a {
    text-shadow: none;
    border-bottom: none;
    padding: 0 5px
}

.noStats {
    padding: 0
}

table.dataTable {
    border: 0
}

.ngFooterPanel select {
    min-width: auto !important
}

html body .ui-datepicker .ui-datepicker-title span {
    font-size: 14px
}

.ui-datepicker {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 4px rgba(27, 34, 46, .2), 0 0 4px rgba(27, 34, 46, .15);
    padding: 10px;
    width: auto
}

.ui-datepicker .ui-state-hover {
    border: 0;
    background: 0 0
}

.ui-datepicker-header.ui-widget-header {
    border: 0;
    margin-bottom: 5px;
    padding: 0;
    font-weight: 400
}

.ui-datepicker .ui-widget-header {
    background-color: #fff
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    width: 25px;
    height: 25px
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../images/txl/chevron-right.png) center no-repeat
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../images/txl/chevron-left.png) center no-repeat
}

.ui-datepicker-calendar {
    font-size: 12px !important;
    font-weight: 400 !important
}

.ui-datepicker table {
    margin-bottom: 0
}

.ui-datepicker th {
    color: #97A2B2
}

.ui-datepicker td,
html body .ui-datepicker th {
    background: #FFF !important;
    font-weight: 400;
    height: 25px;
    width: 25px;
    padding: 0
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding: 0;
    line-height: 25px
}

.ui-datepicker td.ui-datepicker-today {
    background: #D4EDFF;
    border-radius: 2px
}

.ui-datepicker-calendar tbody tr td a {
    border-radius: 50%
}

.ui-datepicker-calendar tbody tr td a.ui-state-default {
    border: 0 !important;
    background: 0 0;
    text-align: center;
    text-shadow: none
}

.ui-datepicker-calendar tbody tr td a.ui-state-default:hover {
    background: #D9DEE2
}

.ui-datepicker-calendar tbody tr td a.ui-state-active {
    background: #007AFF;
    color: #FFF
}

.ui-datepicker-unselectable .ui-state-default,
.ui-datepicker-unselectable .ui-widget-content .ui-state-default,
.ui-datepicker-unselectable .ui-widget-header .ui-state-default {
    border: 0;
    background: 0 0;
    font-weight: 400;
    color: #C3C9D1;
    text-align: center
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-size: 14px
}

.ui-dialog {
    border: 0;
    box-shadow: 0 9px 10px rgba(27, 34, 46, .2);
    padding: 0
}

.ui-widget-header {
    background-image: none;
    background-color: #FFF;
    border: 0
}

.ui-dialog-title {
    color: #fff
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0
}

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

.ui-dialog .ui-dialog-buttonpane {
    border: 0;
    border-top: 1px solid #D9DEE2;
    padding: 20px
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 10px 0 0
}

input[type=submit]+input[type=submit] {
    margin-left: 10px !important
}

input[type=submit]+p {
    margin-left: 10px
}

input[type=submit]+p a {
    line-height: 42px
}

#tb_form>h1,
.tb-layout h1 {
    margin-left: 0
}

#debug-kit-toolbar {
    bottom: 21px;
    top: auto !important
}

#debug-kit-toolbar .panel-tab {
    position: static
}

#debug-kit-toolbar .panel-content {
    position: fixed !important;
    top: 0 !important
}

#user-messages {
    width: auto;
    float: none;
    top: 10px;
    margin-left: 20px;
    margin-top: 10px
}

.alert {
    border: 0;
    margin: 0 20px 0 0;
    color: #FFF;
    font-size: 100%;
    font-weight: 400
}

.alert-close {
    right: 20px;
    top: 20px
}

.alert ul {
    padding: 20px;
    line-height: 25px
}

.alert li {
    padding-left: 35px
}

.alert,
.confirm {
    background: url(../images/txl/flag.png) 20px 20px no-repeat #007AFF
}

.notice {
    background: url(../images/txl/error.png) 20px 20px no-repeat #FF7C18
}

.danger {
    background: url(../images/txl/error.png) 20px 20px no-repeat #E02F2F
}

.fa-close,
.fa-remove,
.fa-times {
    width: 25px;
    height: 25px;
    padding: 6px
}

.txl-invert-color {
    filter: invert(100%);
    -webkit-filter: invert(100%)
}

.bar {
    position: static;
    margin: 20px 20px 0 220px;
    font-size: 12px;
    text-align: left;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.bar>div {
    position: relative
}

.bar.hide {
    top: -80px
}

.bar .message {
    width: auto !important;
    position: static !important;
    padding: 20px !important;
    border: 0 !important;
    background: #007AFF !important;
    font-size: 14px !important;
    color: #FFF;
    line-height: 25px
}

.bar .message a {
    padding: 0 10px;
    margin: 0 5px;
    border-radius: 8px;
    background: #FFF
}

.bar .close {
    top: 20px;
    right: 20px;
    background: 0 0;
    margin: 0;
    width: 25px;
    height: 25px;
    border-radius: 0
}

.bar .close:hover {
    width: 170px
}

.bar .close .dismiss {
    width: 25px;
    height: 25px;
    padding: 6px;
    color: #007AFF;
    background: #007AFF;
    opacity: .7
}

.bar .close .dismiss:hover {
    opacity: 1
}

.bar .close .dismiss:before {
    width: 25px;
    height: 25px
}

.bar .close .delete {
    line-height: 25px;
    padding-right: 25px
}

.tooltip.add {
    background: url(../images/txl/list.png) no-repeat !important;
    opacity: .45;
    width: 25px;
    height: 25px;
    margin: 0
}

.tooltip.add:hover {
    opacity: 1
}

.qtip-tip {
    display: none !important
}

.qtip-default {
    border: 0;
    background-color: transparent;
    color: #FFF
}

.qtip-content {
    border: 0;
    background: #000;
    color: #FFF;
    padding: 10px;
    line-height: 25px;
    border-radius: 2px
}

h3.tooltip_header {
    color: #FFF !important
}

.tooltip_table a {
    color: #FFF
}

.tooltip_table td,
.tooltip_table th {
    background-color: #000;
    color: #FFF
}

.geoChipLabel {
    color: #707E91;
    font-size: 12px !important;
    padding-left: 15px
}

.error-icon-container {
    background: url(../img/icon_error.png) center center no-repeat;
    background-size: 13px 13px;
    cursor: pointer;
    height: 13px;
    width: 13px;
    display: none;
    margin: 5px !important;
    position: relative;
    top: 5px
}

.has_tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    display: none !important;
    left: 25px;
    margin: 0 !important;
    max-width: 500px;
    min-width: 300px;
    height: auto;
    width: 400px;
    position: absolute;
    padding: 5px 10px;
    white-space: normal
}

.form-footer label[for=TermsUpdated],
.thumbnail {
    margin-right: 20px
}

.has_tooltip_container:hover .has_tooltip {
    display: block !important
}

.thumbnail {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    background: #fff;
    border: 1px dashed #55AEFF
}

.thumbnail.with-image {
    background-color: #D9DEE2;
    border-color: transparent
}

.thumbnail img {
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.thumbnail a {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    background: rgba(27, 34, 46, .4);
    border-bottom: none;
    opacity: 0;
    transition-duration: .3s
}

.thumbnail a svg {
    fill: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .3s
}

.thumbnail a:hover {
    opacity: 1
}

.thumbnail a.add-link {
    background-color: rgba(0, 122, 255, .04);
    opacity: 1
}

.thumbnail a.add-link svg {
    fill: #94CCFF
}

.thumbnail a.add-link:hover {
    background-color: rgba(0, 122, 255, .17)
}

.thumbnail a.add-link:hover svg {
    fill: #55AEFF
}

#page-heading>.thumbnail+span {
    line-height: 50px
}

.tune-network-checkbox-container {
    padding: 7.5px 14px;
    background-color: #c7e4b1;
    border: 2px solid #98d35e
}

#approveDenyPanel li a,
#networkTotals p strong {
    border-bottom: solid 1px #D9DEE2;
    line-height: 24px
}

.tune-network-checkbox-container .cbn {
    font-size: 16px;
    display: inline
}

.tune-network-checkbox-container__update {
    position: absolute;
    right: 20px;
    top: 20px
}

.tune-network-checkbox-container__update .error {
    font-size: 16px;
    display: none
}

.tune-network-checkbox-container__create {
    margin-bottom: 15px;
    width: fit-content
}

.tune-network-checkbox-container__create .cbn {
    width: fit-content !important
}

#login,
textarea#pixel {
    width: 100%
}

#login {
    height: 450px;
    margin-top: 0
}

#login .panel .body ol {
    margin-top: 0;
    float: none
}

#loginButton,
.brand-solid-btn {
    background: #007AFF !important;
    color: #FFF !important
}

#loginButton:active,
#loginButton:focus,
#loginButton:hover,
.brand-solid-btn:active,
.brand-solid-btn:focus,
.brand-solid-btn:hover {
    background: #0252C6 !important
}

#loginForm a[href="/users/forgot_password"] {
    margin-left: 8px
}

#login-form ol li:nth-child(4),
#login-form ol li:nth-child(5) {
    margin-bottom: 0
}

#login-promo h2 {
    color: #FFF
}

#login-promo h2 span {
    display: none
}

#login-promo h2 a {
    background: #007AFF;
    color: #FFF;
    display: block;
    margin-bottom: 20px
}

#everything.dark #header #logo a,
#everything.dark #header #search input[type=text],
#everything.dark #header a,
#everything.dark .auth-FirstName {
    color: #fff
}

#login-promo h2 a:active,
#login-promo h2 a:focus,
#login-promo h2 a:hover {
    background: #0252C6
}

#everything.dark #header {
    background-color: #424C5D
}

#everything.dark #header #auth-status .auth-Feedback a,
#everything.dark #header #auth-status .auth-Login a,
#everything.dark #header .auth-Logout>a {
    color: #fff;
    opacity: .8
}

#everything.dark #header #auth-status .auth-Feedback a:hover,
#everything.dark #header #auth-status .auth-Login a:hover,
#everything.dark #header .auth-Logout>a:hover {
    opacity: 1
}

#filterTabsWrap {
    margin-top: 0;
    margin-bottom: 10px
}

#defaultTab,
#myLinksTab {
    border-radius: 0
}

#networkNotifications {
    max-height: 160px
}

.signupLink {
    display: flex;
    padding: 0 0 10px
}

h4.signup-sub {
    font-size: 16px !important;
    font-weight: 400 !important
}

p.signupText {
    font-size: 12px !important;
    color: #717171 !important
}

#main .signupLink input[type=text] {
    padding-left: 5px;
    font-size: 13px;
    width: 100%
}

#approveDenyPanel #approveDeny,
div#accountOverview {
    padding: 0 !important
}

#main .signupLink input[type=button] {
    margin-left: 10px
}

#TopOffersAndAffiliatesTable th:last-of-type {
    width: 100px
}

#TopOffersAndAffiliatesTable td:last-of-type {
    word-break: normal
}

#TopOffersAndAffiliatesContainer table+table {
    margin-top: 20px
}

table#accountOverviewEntities {
    margin-bottom: 5px
}

#overviewHead th {
    border-top: 0;
    border-bottom: solid 1px #c1c5cd
}

th.overviewHeadTitle {
    font-size: 16px !important;
    color: #20252D;
    font-weight: 400;
    text-align: left
}

th.overviewHeadStatus {
    font-size: 13px !important;
    color: #717171 !important;
    text-align: right !important
}

#overviewHead th:before {
    border-left: 0 !important
}

td.overviewEntity {
    font-size: 14px;
    color: #717171;
    border-top: solid 1px #dadde1
}

td.cellNumberLink {
    font-weight: 500 !important;
    text-align: right !important;
    border-top: solid 1px #D9DEE2
}

#approveDenyPanel ol {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap
}

#approveDenyPanel li {
    flex: 0 50%;
    padding: 0 10px;
    display: flex;
    flex-direction: column-reverse;
    font-size: 22px;
    font-weight: 100;
    line-height: 35px
}

#approveDenyPanel li a {
    font-size: 12px;
    font-weight: 400
}

#notificationsSearch {
    background: url(../images/txl/search.svg) center left no-repeat;
    line-height: 24px;
    margin-top: 2px;
    margin-left: 20px;
    padding-left: 25px;
    min-width: 210px
}

#notifications-selectall-checkbox {
    margin-right: 12px;
    height: 25px
}

.graph {
    margin: 0
}

.graph>div:first-of-type {
    margin-bottom: 30px
}

#networkTotals p {
    display: flex;
    flex-direction: column;
    font-size: 22px;
    font-weight: 100;
    line-height: 35px
}

#networkTotals p strong {
    font-size: 12px;
    font-weight: 400
}

#locations_container label {
    font-size: 12px;
    color: #707E91;
    line-height: 25px;
    float: none;
    margin-left: 0;
    width: 500px
}

.locations_selector {
    display: block
}

a[href="/admin/offers/add"].button,
a[href="/admin/offers/add/ppc:1"].button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #007AFF;
    color: #FFF;
    transition: background-color .2s cubic-bezier(.23, 1, .32, 1) 0s
}

a[href="/admin/offers/add"].button:active,
a[href="/admin/offers/add"].button:focus,
a[href="/admin/offers/add"].button:hover,
a[href="/admin/offers/add/ppc:1"].button:active,
a[href="/admin/offers/add/ppc:1"].button:focus,
a[href="/admin/offers/add/ppc:1"].button:hover {
    background: #0252C6
}

form[name=date_range_form] #run {
    background: 0 0;
    box-shadow: none
}

.panel .head .action-links a[href^="/admin/customer_lists/edit/"] {
    position: absolute;
    top: -75px;
    right: -20px;
    line-height: 35px;
    color: #FFF;
    background: #007AFF
}

.panel .head .action-links a[href^="/admin/customer_lists/edit/"]:active,
.panel .head .action-links a[href^="/admin/customer_lists/edit/"]:hover {
    background: #0252C6
}

#intervalOptions label {
    display: flex
}

#OffersEditDetailsForm label {
    width: auto
}

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

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

#paramsTableWrap input,
#report-filters-selections div.select2-container {
    width: 100% !important
}

#advertiserStatus {
    margin-left: 25px
}

#ScheduledJobRepetitionCadence {
    width: 150px;
    min-width: 150px
}

.line.repetitionOption {
    margin-left: 10px !important
}

#ScheduledJobRepetitionSchedule {
    width: 150px;
    min-width: 150px;
    margin-left: 10px
}

#ScheduledPayoutChange label,
#ScheduledRevenueChange label {
    line-height: 35px
}

input#FakeScheduledJobEndDate,
input#FakeScheduledJobStartDate {
    margin-left: 10px
}

.filters-list {
    margin: 0 !important
}

#report-filters-selections li.filter {
    min-width: 500px !important;
    max-width: 500px
}

#report-filters-selections div.filters-exclude-selection {
    display: flex;
    justify-content: space-between
}

select[name="data[Report][search][field]"] {
    font-size: 13px !important;
    color: #20252d;
    width: 200px !important;
    margin-right: 10px !important;
    padding-left: 5px !important
}

select[name="data[Report][search][condition]"] {
    color: #20252d;
    font-size: 13px !important;
    min-width: 110px !important;
    width: 110px !important;
    padding-left: 5px !important
}

input[name="data[Report][search][value]"] {
    width: 290px !important
}

#DateRangeTimezone {
    width: 450px;
    font-size: 13px !important
}

.nonRepetitionOption {
    margin-left: 10px !important
}

.nonRepetitionOption span {
    line-height: 35px !important
}

.nonRepetitionOption input[id^=FakeDateRange] {
    margin: 0 10px !important
}

#paramsTableWrap .head {
    background: 0 0;
    border: none;
    display: flex;
    justify-content: flex-end;
    line-height: auto;
    margin-top: 0
}

#PreferenceTwoFactorAuthentication {
    float: left !important
}

#quickLinksHead {
    height: auto
}

#quickLinkActions {
    padding-right: 7px;
    padding-top: 0
}

#quickLinkActions #selectAllMyLinks {
    height: 25px
}

#qLinkContentWrap {
    height: 210px
}

#quickLinks.body.form {
    padding-bottom: 0
}

#CustomSessionDuration,
#CustomSessionImpressionDuration {
    margin: 10px 0 0 10px
}

#CustomSessionDuration span,
.dataTables_filter,
.dataTables_length {
    line-height: 35px
}

#affiliate_apiv3_key_table_wrapper,
#batch-summary-table_wrapper {
    margin-right: 20px
}

form#CashflowGroupsForm div.affiliates {
    margin-top: 20px
}

#data-audit-container #result-grid,
#data-audit-outer-container {
    padding: 0 !important
}

.form li label.rules_label {
    color: #20252D;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin: 0
}

.form ol li.rule_body,
.form ol li.rule_head {
    position: static
}

.form ol li.rule_body>label:first-child {
    position: absolute;
    margin-top: -90px;
    margin-left: 475px !important;
    height: 25px
}

.form li span.rule_values {
    line-height: 0
}

.dynamic_or {
    line-height: 30px
}

#helpLinks li,
.grid_6>div#design p,
.grid_6>div#fraud p,
.grid_6>div#fraud_panel p,
.grid_6>div#settings p {
    line-height: 20px;
    font-size: 12px;
    color: #97A2B2 !important
}

#terms-of-service {
    padding: 0
}

.grid_6>div#design p strong,
.grid_6>div#fraud p strong,
.grid_6>div#fraud_panel p strong,
.grid_6>div#settings p strong {
    display: block
}

#FraudAddForm {
    margin-bottom: 20px
}

#helpLinks,
ol[id^=footerLink] {
    margin-bottom: 30px
}

#helpLinks li {
    margin-bottom: 10px
}

#helpLinks li a {
    font-size: 14px;
    display: table
}

@media only screen and (max-width :1440px) {
    #AvailableAffiliates,
    #SelectedAffiliates {
        width: 250px
    }
}

@media only screen and (max-width :1279px) {
    #content>.grid_1,
    #content>.grid_10,
    #content>.grid_11,
    #content>.grid_12,
    #content>.grid_2,
    #content>.grid_3,
    #content>.grid_4,
    #content>.grid_5,
    #content>.grid_6,
    #content>.grid_7,
    #content>.grid_8,
    #content>.grid_9 {
        display: block;
        float: none;
        width: auto
    }
    #approveDenyPanel #approveDeny .grid_6 {
        width: 50%;
        float: left;
        display: flex
    }
    #approveDenyPanel #approveDeny .grid_6 p {
        width: 50%;
        flex-grow: 1
    }
    #approveDenyPanel #approveDeny .grid_6 p:first-child {
        margin-right: 20px
    }
    #networkTotals .grid_4 {
        width: 33.333%;
        float: left
    }
    #networkTotals .grid_4:nth-child(3) {
        padding-right: 0
    }
    #statsTable table,
    #statsTable table a,
    #statsTable table td {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (max-width :1300px) {
    #main>#nav-col {
        width: 45px
    }
    #main>#content-col>#pageLoader {
        width: calc(100% - 45px)
    }
    #nav>ul>li>a>span {
        display: none
    }
    #nav>ul>li>div {
        visibility: visible
    }
    #nav ul li>ul.menu-active,
    #nav-col li:hover ul,
    #nav-col ul li a:hover ul,
    #nav-col ul li ul:not(.sub),
    #nav-col ul li:hover ul {
        left: 45px
    }
    #nav-col li.has-sub-children:hover ul {
        left: 245px
    }
}

#qed .log-errors,
#qed .results-message,
#qed .results-summary,
#qed .toggle-content,
#qed .toggler {
    background-color: #fcfcfc;
    border-color: #b8b8b8
}

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

#qed .tab-group-tabs li {
    background-color: #e5e8eb;
    border-color: #b8b8b8
}

#qed .tab-group-tabs li.active {
    background-color: #fff;
    border-bottom-color: #fff
}

#qed .toggle-content>div {
    border-color: #b8b8b8
}

#qed .toggle-open>.toggler>.toggle-content-mask {
    border-bottom-color: #fff
}

#qed .run-report-btn {
    background-color: #2585c7;
    color: #fff
}

#qed .export-report-btn,
#qed .run-report-btn {
    line-height: normal
}

#qed .log-errors li,
#qed .results-message li,
#qed .results-summary li {
    color: #777
}

#qed .multiselect-btn {
    background-color: #999;
    padding: 0
}

#qed .multiselect-btn-add {
    background-color: #2585c7
}

#qed .calendar-picker {
    border: 2px solid #e5e8eb
}

#qed .calendar-picker th {
    border-color: #283346
}

#qed .calendar-picker td .calendar-picker-cell {
    background-color: #fff
}

#qed .calendar-picker td.date-selected .calendar-picker-cell {
    background-color: #2585c7;
    color: #fff
}

#close-tag-dialog-button:hover,
.add-tag-button {
    background-color: #D9DEE2
}

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

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

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

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

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

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

#qed .search-input,
#qed .select-multiple-field,
#qed select {
    border-color: #b8b8b8
}

#qed .calendar-preset-container select {
    padding: 5px
}

#qed .search-input .fa-search {
    color: #b8b8b8
}

#qed td.action {
    line-height: 25px
}

.thFlex .icon_info_color {
    fill: #fff
}

#recaptcha_widget_div td {
    line-height: 0
}

#recaptcha_widget_div td input[type=text] {
    background-color: #fff;
    height: 26px
}

.conversion-upload-table-wrapper {
    margin-right: 20px
}

#conversion_upload_next {
    margin-left: 5px
}

#conversion_upload_length select {
    padding: 4px 30px
}

.cuIcon,
.cuLinkIcon,
.cuSvg {
    display: inline-block;
    height: 13px;
    width: 13px;
    padding-top: 1px
}

.cuIdContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-decoration: none !important
}

.tags-dropdown-with-button-container {
    display: flex;
    align-items: center
}

.add-tag-button {
    border-radius: 2px;
    height: 25px;
    width: 25px;
    padding: 6px;
    margin-left: 10px !important;
    display: inline-block;
    justify-content: center;
    align-items: center
}

.add-tag-button:hover {
    cursor: pointer
}

#add-tag-dialog,
.ui-dialog.add-tag-dialog-container>.ui-dialog-titlebar {
    display: none
}

.ui-widget-overlay {
    position: fixed
}

#add-tag-dialog {
    padding: 0 !important
}

#add-tag-dialog h3 {
    border-bottom: 1px solid #D9DEE2;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 500;
    font-size: 22px
}

.tag-dialog-label {
    color: #707E91;
    font-size: 12px;
    line-height: 25px
}

.tag-dialog-button {
    padding-left: 15px;
    padding-right: 15px
}

#create-tag-dialog-name-input {
    margin-bottom: 20px;
    width: 350px
}

#tag-name-input-container {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.tag-dialog-checkbox {
    height: 17px;
    width: 17px
}

.tag-dialog-checkbox-container {
    display: flex;
    align-items: center
}

.tag-dialog-checkbox-container span {
    font-size: 14px
}

#pi-visible-select {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #97A2B2;
    border-radius: 0;
    display: none;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin: 0 0 0 10px;
    max-width: 350px
}

.input-error-label {
    color: #ff6c6c;
    font-size: 13px;
    font-weight: 400
}

.show-filters-link {
    color: #007aff !important;
    margin-top: 10px !important
}

#tag-filters-row {
    display: none
}

#tag-filters-row div div div div li label {
    font-size: 12px;
    color: #707E91
}

.payoutVals {
    display: inline !important
}

.goal_table tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll
}

.goal_table tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

.goal_table .goal_name_cell {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.note-container {
    background: url(../images/txl/flag.png) 20px 20px no-repeat #FF7C18;
    margin-left: 0;
    color: #fff
}

.note-container p {
    padding: 20px;
    color: #fff !important;
    margin: 0 0 0 32px;
    max-width: 69%;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500
}

button.bulkActionButton img {
    padding-top: 10px;
    margin: 0
}

button.bulkActionButton:disabled {
    cursor: not-allowed;
    color: #fff;
    background-color: #D9DEE2
}

.width-fit-content {
    width: fit-content !important
}

.sort-icons {
    left: 3px;
    top: 0;
    padding: 0 5px;
    position: relative
}

.sort-icons i[class^=arrow-] {
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.arrow-up {
    top: 3px;
    border-width: 0 4px 4px;
    border-color: transparent transparent #000
}

.arrow-down {
    bottom: 3px;
    border-width: 4px 4px 0;
    border-color: #000 transparent transparent
}

.js-ajax.asc .arrow-up,
.js-ajax.desc .arrow-down {
    opacity: .1
}

@media only screen and (max-device-width:1279px) {
    .arrow-up {
        top: 2px
    }
}

#network-partner-details-dialog {
    overflow: auto;
    max-height: 600px;
    min-width: 520px;
    display: none
}

#network-partner-details-dialog .dl-term {
    font-weight: 700;
    font-size: 14px
}

#network-partner-details-dialog .dl-details {
    font-weight: 400;
    font-size: 14px
}

#network-partner-details-dialog #dialog-detail-lists dl {
    min-width: 260px
}

#network-partner-details-dialog #dialog-img {
    margin-left: 0;
    min-height: 100px;
    max-height: 100px;
    max-width: 180px;
    margin-bottom: 40px;
    object-fit: contain
}

#network-partner-details-dialog #dialog-media-kit {
    display: none;
    font-weight: 500;
    font-size: 14px;
    flex-direction: row;
    align-items: flex-start
}

#network-partner-details-dialog #dialog-media-kit-link {
    font-weight: 500;
    font-size: 14px;
    margin-right: 8px
}

.network-partner-download-icon {
    background: url(../images/txl/download.svg) no-repeat !important;
    height: 17px;
    width: 17px
}

.network-partner-dialog-container {
    overflow: auto;
    max-height: 99%;
    max-width: 95%
}

.network-partner-details-dialog-title .ui-dialog-titlebar {
    border-bottom: 1px solid #D9DEE2;
    border-radius: unset;
    color: #000
}

.network-partner-details-dialog-title .ui-dialog-titlebar span {
    color: #20252d;
    font-size: 26px;
    font-weight: 700;
    line-height: 75px
}

.network-partner-details-dialog-buttonpane .ui-dialog-buttonpane {
    margin: 0
}

span.tune-network-offer-icon,
span.tune-network-partner-icon {
    background: url(../img/icon_tune_network.svg) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 100%;
    display: block;
    position: relative
}

span.tune-network-button-icon {
    background: url(../img/icon_tune_network_white.svg) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    display: inline-block;
    position: relative
}

#network-profile-page #network-profile-form>div>section>header {
    border-bottom: none !important
}

#network-profile-page #network-profile-form>div>section>footer {
    border-top: none !important
}

#network-profile-page #network-profile-form>div>section {
    max-height: 75% !important
}

#network-profile-page .wizard-modal-body,
.wizard-modal-loader {
    min-height: calc(75vh - 252px) !important
}

#network-profile-page #destruct-btn,
#tn-marketplace-page #destruct-btn {
    background-color: #dc3545 !important
}

#network-profile-page #destruct-btn:hover,
#tn-marketplace-page #destruct-btn:hover {
    background-color: #c82333 !important
}

#tn-marketplace-page .btn-outline-destruct {
    color: #dc3545;
    background-color: transparent;
    border: 1px solid #dc3545
}

#tn-marketplace-page .btn-outline-destruct:hover {
    color: #fff;
    background-color: #dc3545
}

#tn-marketplace-page .btn-outline-destruct:disabled {
    color: #ed9aa2;
    border: 1px solid #ed9aa2;
    background-color: transparent;
    cursor: not-allowed
}

#tn-marketplace-page .btn-outline-default {
    color: #007bff;
    background-color: transparent;
    border: 1px solid #007bff
}

#tn-marketplace-page .btn-outline-default:hover {
    color: #fff;
    background-color: #007bff
}

#tn-marketplace-page .btn-outline-default:disabled {
    color: #80bdff;
    border: 1px solid #80bdff;
    background-color: transparent;
    cursor: not-allowed
}

.quill-readonly-description .ql-container,
.select-field {
    border: none !important
}

#network-profile-page #network-profile-form .ql-container.ql-snow {
    height: 6rem
}

.quill-readonly-description .ql-editor {
    padding: 0 !important
}

.ql-editor em {
    font-style: italic
}

#tn-marketplace-page section[data-component=network-partner-details-modal] footer {
    height: auto !important;
    padding: 20px !important
}

.offer-v2-breadcrumb-links {
    line-height: 35px;
    display: flex;
    justify-content: flex-end;
    margin-right: 15px
}

.offer-v2-breadcrumb-links a {
    border: none
}

#network-partner-signup-question-dialog {
    overflow: auto;
    max-height: 600px;
    min-width: 520px;
    display: none
}

#network-partner-signup-question-dialog .dl-term {
    font-weight: 700;
    font-size: 14px
}

#network-partner-signup-question-dialog .term-accepted-message {
    display: none
}

#network-partner-signup-question-dialog .modal-dialog-title {
    border-bottom: 1px solid #D9DEE2;
    border-radius: unset;
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 51px;
    text-align: left
}

[id$="-popover"] {
    z-index: 999999999 !important;
    left: 40px
}

.popover-list {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    z-index: 1000;
    border-radius: 4px
}

.popover-list-item {
    display: block;
    width: 100%;
    padding: 7px 10px;
    text-align: left;
    background: 0 0;
    border: none;
    cursor: pointer;
    transition: 'background 0.3s, color 0.3s'
}

.popover-list-item:hover {
    background: #f1f1f1
}

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

:root {
    --error: #DC3545;
    --input-border: #CED2D5;
    --placeholder: #6f6f6f
}

.error-text {
    margin-bottom: 10px;
    color: var(--error)
}

.input-field,
.select-field {
    margin: 0 0 10px;
    padding: 10px !important;
    outline: var(--input-border) solid 1px !important;
    width: 100%
}

.select-field {
    height: 40px !important;
    line-height: 20px !important;
    border-right: 10px solid transparent !important
}

.input-wrapper select:focus {
    border-bottom: none !important
}

.input-field {
    height: 40px;
    border: none !important;
    line-height: 40px !important
}

.invalid-input-field,
.invalid-select-field {
    outline: var(--error) solid 1px !important
}

.input-wrapper input::-ms-input-placeholder {
    font-style: italic;
    font-weight: 300 !important;
    color: var(--placeholder) !important
}

.input-wrapper input::-moz-placeholder {
    font-style: italic;
    font-weight: 300 !important;
    color: var(--placeholder) !important
}

.input-wrapper input:-moz-placeholder {
    font-style: italic;
    font-weight: 300 !important;
    color: var(--placeholder) !important
}

.input-wrapper input::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 300 !important;
    color: var(--placeholder) !important
}

.input-wrapper input::placeholder {
    font-style: italic;
    font-weight: 300 !important;
    color: var(--placeholder) !important
}

.loader-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    background: hsl(217deg 16% 31% / 30%)
}

.input-wrapper code {
    color: #21262c;
    word-break: normal;
    border-radius: 3px;
    padding: 2px;
    line-height: 1.50001;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: rgb(66 76 92 / 5%)
}

.optional-variables-list {
    color: #a6abb4;
    font-size: 13px
}

.optional-variables-list .optional-variable {
    margin: 4px 0
}

.optional-variables-list .optional-variable strong {
    margin-right: 3px
}

.pagination-container {
    justify-content: flex-end;
    align-items: center;
    padding: 10px
}

.pagination-info {
    font-size: 14px
}

.pagination-button {
    font-size: 16px;
    border: 1px solid #20252D;
    background-color: #fff;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer
}

.pagination-button:hover {
    background-color: #f0f0f0
}

.TabContent section {
    padding: 15px !important
}

.TabContent section header {
    border-bottom: 0 !important;
    font-weight: 400 !important;
    min-height: 25px !important;
    line-height: 30px !important;
    padding: 23px 20px 0 !important
}

.TabContent button {
    margin: 0 !important
}