/** 2017-05-01 ; modified as the program shutting down in Feb 2024 **/
body{
	--col1:#133f84;
}
.tooltipster-default { color: #015; border:0; border-radius: 2px; background-color: #DDD; }
.tooltipster-default .tooltipster-content { font-size: 12px; padding: 15px; overflow: hidden; line-height:16px;
	min-width: 50px; text-align: center; }
.tooltipster-default .tooltipster-content img { float:left; }
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999;
	pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }
/* These next classes handle the styles for the little arrow attached to the tooltip.
By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 12px solid transparent !important; border-right: 12px solid transparent !important; border-top: 9px solid; bottom: -9px; }
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-top: 4px solid; bottom: -3px; }
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-bottom: 3px solid; top: -3px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-bottom: 4px solid; top: -3px; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 3px solid; top: 50%; margin-top: -4px; right: -3px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-left: 4px solid; margin-top: -4px; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 3px solid; top: 50%; margin-top: -4px; left: -3px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-right: 4px solid; margin-top: -4px; }
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }
.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }
.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); }
.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show { }
.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }
.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-slide.tooltipster-slide-show { }
.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; }
input::-ms-clear {width: 0;height: 0;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, big, code, del, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.cf:before, .cf:after,
.page_wrap:before, .page_wrap:after, .site_header:before, .site_header:after, .table_header:before,
table_header:after, .table_header .form_wrap:before, .table_header .form_wrap:after, .site_footer:before,
.site_footer:after, ul:before, ul:after, h1:before, h1:after { display: table; content: ''; }

.cf:after, .page_wrap:after, .site_header:after, .table_header:after, .table_header
.form_wrap:after, .site_footer:after, ul:after, h1:after { clear: both; }

html, body { height: 100%; }
body, input, textarea, select { font-family: 'Open Sans', sans-serif; font-size: 12px; outline: none; }
.text_center { text-align: center; }
a { text-decoration: none; outline: none; }
body { padding-top: 56px; }
body, .site_header, .site_footer, .page_wrap { min-width: 768px; }
.site_header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 57px; background-color:var(--col1); }
.site_header .logo_wrap { position: relative; float: left; overflow: hidden; width:188px; height:100%; background-color: #255297; }
.site_header .logo_wrap .logo { display: block; position: absolute; background: url(//mp.segpay.com/Images/logo.png); background-size: 176px;
	top: 14px; left: 7px; width: 175px;height: 29px; }
.site_header li.drop_wrap{height:100%}

 #editPop { display:none; position:absolute; top:74px; border: 3px solid black; padding: 20px;
   	box-shadow: 2px 2px 14px; background-color: white; z-index: 10; left: 50%; margin-left: -240px; width: 480px; }
 #editPop em { color: rgba(65, 80, 144, 0.64); font-size: 18px; position: relative; bottom: -2px; }
 #editPop #errMsg { padding:0; margin-right:-30px; font-size:90%;}
 #editPop #errMsg b { padding:5px; color: white; background: red; }
 table.table.creative button { padding: 1px; min-width: 53px; }
 table.table.offers button { padding: 1px; min-width: 60px; margin-top:3px; display:block;}
 h___eader.sl8:after{
    content: "BETA TESTING"; position: absolute; transform: rotate(-10deg); font-size: 20px; color: #a00; text-align: center;
    padding: 5px 14px; top: 45px; left: 14px; border: 1px dashed #a00; border-radius: 8px; background-color: white; opacity: .7;
 }
 .sl8 section > table.table { box-shadow: 0 6px 10px -3px grey; }
 .sl8 table.finder {  padding:2px; border: 1px solid #ccc; background: #E9E9E9 }

.site_header .logo_wrap .toggle_sidebar { position: absolute; top: 50%; right: 10px; width: 32px; height: 32px; margin-top: -16px; text-align: center; }
.site_header .logo_wrap .toggle_sidebar i { font-size: 14px; line-height: 32px; }
.site_header ul.nav_left { float: left; }
.site_header ul.nav_right { float: right; }
.site_header ul.nav_left li { margin-right: 1px; }
.site_header ul.nav_left li:last-of-type { margin: 0; }
.site_header ul.nav_right li { margin-left: 1px; }
.site_header ul.nav_right li:first-of-type { margin: 0; }
.site_header ul { height: 55px; }
.site_header ul li { position: relative; float: left; }
.site_header ul a { position: relative; display: block; height: 42px; text-align: center; }
.site_header ul a { color: #718cb5; text-transform: uppercase; font-size:13px; padding: 5px 14px; line-height: 49px;}
.site_header ul a i { font-size: 18px; line-height: 30px; display: inline-block; width: 18px; text-align: center; }
.site_header li.nav a i { font-size: 33px; width: 42px; position: relative; bottom: -6px; }
.site_header ul a.icon_left i { display: inline-block; float: left; margin-right: 10px; }
.site_header ul a.icon_right i { display: inline-block; float: right; margin-left: 10px; }
.site_header ul a.icon_only { width: 60px; }
.site_header ul a.icon_only i { margin: 0; }
.site_header ul a .hidden, p.zeros { display: none; }
.site_header ul a .count { position: absolute; top: 4px; left: 0; float: none; width: 100%; height: 13px; text-align: center; }
.site_header ul a .count span { font-size: 10px; line-height: 14px; position: relative; display: inline-block; float: none; min-width: 14px; margin: 0 auto; padding: 0 2px; text-align: center; text-align: center; vertical-align: top; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.site_header ul a .count span:after { position: absolute; top: 13px; left: 50%; width: 0; height: 0; margin-left: -4px; content: ''; border-top: 3px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.site_header ul a.account { line-height: 15px; width: 120px; text-align: left; text-transform:none; padding: 14px 0 0 0; }
.site_header ul a.account:hover { color: #718cb5; }
.site_header ul a.account .accountname { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.site_header ul a span { display: block; }
.site_header ul a em { font-style: normal; }
.site_header ul li.admin { display: none; }
.site_header ul li.block { display: block; }
.site_header ul ul { position: absolute; top: 55px; right: -1px; visibility: hidden; width: 100%; min-width: 182px; height: auto; opacity: 0; border: 1px solid; }
.site_header li.nav ul { top: 56px; right: auto; visibility: hidden; width: 250px; height: auto; opacity: 0; padding:17px;
	background-color:white; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.site_header ul ul li a { font-size: 13px; text-align: left; color:#1c4788; line-height: 15px; height:auto; text-transform: none; transition:none; }
.site_header ul ul li a.hover { color: #f68f1e; }

.site_header ul ul li { float: left; width: 100%; margin: 0 !important; }
.site_header ul ul li:last-of-type a { border-bottom-width: 0; }
.site_header ul li.drop_wrap:hover ul { visibility: visible; opacity: 1; }
.site_header li.forms { padding: 5px 4px; }
.site_header li.forms select { font-size: 10px; height: 24px; margin: 0; padding: 2px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.page_wrap { position: relative; min-height: 100%; padding-bottom: 41px; }
.sidebar { float: left; height: 100%; padding-top: 1px; position: absolute; width:188px; background-color:#Efefef; }
.sidebar:after{
	background: linear-gradient(to left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute; bottom: 0; right: 0; top: 0; width: 10px;
    content: ""; opacity: .1; }
.sidebar #sidebu { opacity:0; display:none; }
.content { margin: 0 30px 0 230px; padding: 30px 0; font-family:arial; }
.site_footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; border-top: 1px solid; }
.site_footer .copy { font-size: 10px; line-height: 40px; float: left; padding: 0 0 0 10px; }
.site_footer ul { float: right; }
.site_footer ul li { float: left; }
.site_footer ul li a { font-size: 12px; line-height: 40px; display: block; overflow: hidden; height: 40px; margin-left: 1px; padding: 0 16px 0 10px; }
.site_footer ul li a i { line-height: 40px; float: left; width: 20px; margin-right: 10px; text-align: center; }
.site_footer ul li a i.fa-desktop { font-size: 14px; }
.site_footer ul li a i.fa-mobile { font-size: 20px; }
h1 { font-size: 16px; font-weight: 400; line-height: 16px; position: relative; margin-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid; min-height:28px; }
h1 span { position: relative; margin-right: 4px; padding-right: 20px; }
h1 span:after { font-family: FontAwesome; font-size: 12px; font-weight: 400; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -7px; content: '\f054'; text-align: center; }
h1 span:last-of-type { font-weight: 700; }
h1 span:last-of-type:after { display: none; margin-right: 0; padding-right: 0; }
h1 .tabs { font-style: normal; position: absolute; right: 0; bottom: 0; }
h1 .tabs a { font-size: 12px; line-height: 24px; float: left; margin-left: 1px; padding: 0 10px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
h5 { font-size: 14px; line-height: 18px; }
hr { clear: both; height: 1px; margin: 20px 0; padding: 0; border: 0; }
.split_wrap { overflow: hidden; }
.half_width { float: left; width: 50%; }
.half_width:first-child { padding-right: 10px; }
.half_width:last-child { padding-left: 10px; }
.table_pretext { margin-top: -5px; }

.table_pretext, .table_posttext { display:none; /*font-size: 10px; line-height: 18px; overflow: hidden; */ }
.sl8 .table_pretext, .sl8 .table_posttext { display:block; font-size: 13px; line-height: 18px; }
.sl8 .table_posttext { font-size: 10px; overflow:auto; }

.table_pretext i, .table_posttext i { font-size: 12px; position: relative; top: 1px; margin:0 5px 0 1px;}
.table_pretext .left, .table_posttext .left { float: left; overflow: hidden; margin-right: 10px; }
.table_pretext .right, .table_posttext .right { float: right; overflow: hidden; margin-left: 10px; }
.table_header { position: relative; z-index: 10; height: 32px; padding: 1px; }
.table_header .left { position: relative; float: left; margin-right: 1px; }
.table_header .right { position: relative; float: right; margin-left: 1px; }
.table_header .left span { color: white; font-size: 22px; margin: 3px 0 0 12px; display: inline-block; }
.table_header div > a { font-size: 10px; line-height: 30px; display: block; overflow: hidden; min-width: 80px; height: 30px; padding: 0 10px; text-align: center; }
.table_header div > a.disabled { cursor: text; opacity: .5; }
.table_header div.toggles > a { float: left; overflow: visible; margin-left: 1px; }
.table_header div.toggles > a:after { position: absolute; top: 30px; left: 50%; visibility: hidden; width: 0; height: 0; margin-left: -6px; content: ''; opacity: 0; border-top: 4px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.table_header div.toggles > a.current:after { visibility: visible; opacity: 1; }
.table_header .icon_left i { margin-right: 5px; }
.table_header .icon_right i { margin-left: 5px; }
.table_header h2 { font-size: 16px; font-weight: 400; line-height: 30px; padding: 0 8px; }
.table_header .form_wrap { padding: 5px; }
.table_header .form_wrap label, .table_header .form_wrap input, .table_header button { float: left; }
.table_header .form_wrap label { font-size: 10px; line-height: 20px; margin-right: 3px; }
.table_header .form_wrap input { font-size: 10px; height: 20px; margin: 0; padding: 0; padding: 0 5px; border: 0; }
.table_header .form_wrap input[type=text] { width: 55px; -webkit-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.table_header .form_wrap input[type=text].search { width: 100px; }
.table_header .form_wrap input[type=text].date { width: 55px; }
.table_header button { font-size: 10px; width: 50px; height: 20px; padding: 0; cursor: pointer; border: 0; -webkit-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none; }
.table_header .form_wrap input[type=text] + button { margin-right: 3px; }
.table_header .form_wrap input[type=text] + button:last-child { margin: 0; }
.table_header button.icon_only { width: 20px; -webkit-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.table_header button.icon_only i { font-size: 12px; line-height: 20px; }
.table_header .form_wrap.left + .form_wrap { border-left: 1px solid; }
.table_header .drop_wrap .drop_toggle i { position: relative; }
.table_header .drop_wrap.submenu_open .drop_toggle { height: 31px; }
.table_header .drop_wrap.submenu_open .drop_toggle i { top: -2px; }
.table_header .drop_wrap ul { position: absolute; top: 31px; visibility: hidden; width: 200px; opacity: 0; border: 1px solid; border-top-width: 0; }
.table_header .drop_wrap.left ul { left: -1px; }
.table_header .drop_wrap.right ul { right: -1px; }
.table_header .drop_wrap.submenu_open ul { visibility: visible; opacity: 1; }
.table_header .drop_wrap li { position: relative; overflow: hidden; border-bottom: 1px solid; }
.table_header .drop_wrap li:last-of-type { border-bottom-width: 0; }
.table_header .drop_wrap li label { font-size: 11px; line-height: 16px; position: relative; display: block; padding: 8px; cursor: pointer; }
.table_header .drop_wrap li label i { font-size: 12px; position: absolute; top: 50%; right: 7px; visibility: hidden; width: 12px; height: 12px; margin-top: -6px; opacity: 0; }
.table_header .drop_wrap li input[type=checkbox], .table_header .drop_wrap li input[type=radio] { position: absolute; top: 0; left: 0; display: none; }
.table_header .drop_wrap li label.checked i { visibility: visible; opacity: 1; }
.table_header .drop_wrap li button { font-size: 10px; display: block; width: 100%; height: 32px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.table_header .drop_wrap li button.icon_left i { margin-right: 5px; }
.table_header .drop_wrap li button.icon_right i { margin-left: 5px; }
.table_header .drop_wrap li input[type=text] { font-size: 10px; float: left; width: 100%; height: 32px; margin: 0; padding: 0 5px; border: 0; }
.table_subheader { font-size: 12px; padding: 10px; text-align: left; border: 1px solid; border-bottom-width: 0; }
.autocomplete-suggestions { overflow: auto; margin: 0 -1px; cursor: default; border: 1px solid; }
.autocomplete-suggestion { overflow: hidden; padding: 5px; white-space: nowrap; text-overflow: ellipsis; }
.autocomplete-suggestions strong { font-weight: 700; }
.table { font-size: 12px; position: relative; z-index: 1; width: 100%; table-layout: fixed; border-spacing: 1px; border-collapse: seperate; border: 0; }
.table th, .table td { line-height: 16px; position: relative; height: 33px; padding: 0 5px; vertical-align: middle; border: 0 solid; }
.table + .table { margin-top: -1px; }
.table a { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-decoration: underline; text-overflow: ellipsis; }
.table tbody td { text-align: center; }
.table tbody .icon_button { padding: 0; }
.table tbody .icon_button a { display: block; overflow: hidden; width: 100%; margin: -5px 0; text-align: center; }
.table tbody .icon_button i { font-size: 12px; line-height: 32px; }
.table tbody .button { font-size: 11px; line-height: 22px; display: inline-block; display: block; margin: 5px auto; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.table thead th { font-size: 10px; line-height: 12px; }
.table thead th, .table tfoot td { font-weight: 400; text-align: center; }
.table tfoot td { font-weight: 700; }
.table strong { font-weight: 700; }
.table em { font-style: normal; }
.table i.all_geos { font-size: 14px; cursor: pointer; }
.table .conv { width: 15%; }
.table.dashboard_ratios .conv { width: 35%; }
.table .text_right { padding-right: 10px; text-align: right; }
.table .text_left { padding-left: 10px; text-align: left; }
.table tr.subheader th, .table tr.subheader td { padding: 0 10px; text-align: left; }
.table.dashboard_summary td { font-size: 12px; line-height: 18px; height: 47px; }
.table.dashboard_summary td:nth-child(1) { padding-left: 18px; text-align: left; }
.table.dashboard_ratios th { height: 30px; }
.table.dashboard_ratios td { height: 41px; }
.table.dashboard_ratios th:nth-child(1) { width: 25%; padding-left: 10px; text-align: left; }
.table.dashboard_ratios td:nth-child(1) { padding-left: 10px; text-align: left; }
.table.dashboard_ratios tbody .icon_button i { line-height: 40px; }
.table.offers th:nth-child(2), .table.offers td:nth-child(2) { width: 70px; }
div.content div.tablet_nav.geo { display: table; margin-top:40px }
.table.offers td:nth-child(2) { vertical-align: top; padding: 0; }
.table.offers td:nth-child(2) a {display: block; width:70px; height:70px; }
/* refind control in table */
.table td.ref { padding: 0 3px; }
.table td.ref div{ text-align:left; overflow:hidden; padding-left:2px;}
.table:not(.noCnt) tbody{ counter-reset: rows; }
.table:not(.noCnt) tbody tr td:nth-child(1):before{ counter-increment:rows;	content:counter(rows); float:left; font-size:10px; color:#59d;}
/* rev share cash transaction */
td.modeJO{ background-color:rgba(143,251,206,.5); }
td.modeRB{ background-color:rgba(119,247,158,.6); }
td.modeCS{ background-color:rgba(229,243,186,.5); }
td.modeCR{ background-color:rgba(243,186,186,.7); }

.table.offers td:nth-child(2) a.hover { opacity: .75; }
.table.offers td:nth-child(2) img { display: block; float: left; width: 100% !important; height: 100% !important; border: 0; }
/*.table.offers th:nth-child(3), .table.offers td:nth-child(3), .table.offers th:nth-child(4), .table.offers td:nth-child(4) { width: 20%; padding: 0 10px; }*/
.table.offers .wrap { white-space: normal; }
.table.device th:nth-child(1) { width: 200px; }
.table.no_data td { font-size: 14px; height: 100px; text-align: center !important; }
.table.no_data td a { display: inline; white-space: normal; }
.table.inbox { table-layout: auto; }
.table.inbox td { height: 41px; min-height: 41px; }
.table.inbox td:nth-child(1) { width: 54px; }
.table.inbox td:nth-child(1) i { font-size: 24px; }
.table.inbox td:nth-child(2) {  text-align: left; }
.table.inbox td:nth-child(2) a { line-height: 40px; position: relative; padding: 0 10px; }
.table.inbox td:nth-child(2) a i { position: absolute; top: 50%; right: 10px; width: 12px; height: 12px; margin-top: -6px; }
.table.inbox a { display: block; text-decoration: none; }
.table.inbox .unread a { font-weight: 700; text-decoration: none; }
.table.inbox tr.message { display: none; }
.table.inbox tr.message.open { display: table-row; }
.table.inbox tr.message td { padding: 20px; text-align: left; white-space: normal; }
.table.inbox tr.message td .message_body { font-size: 14px; line-height: 18px; padding-left: 20px; border-left: 5px solid; }
.table.inbox tr.message td .message_body + .message_body { margin-top: 20px; }
.table.inbox tr.message td .message_body p { padding-bottom: 10px; }
.table.inbox tr.message td .message_body p:last-child { padding-bottom: 0; }
.table.inbox tr.message td .message_body p.timestamp { font-size: 10px; }
.table.inbox tr.message td .message_reply { position: relative; overflow: hidden; }
.table.inbox tr.message td .message_reply textarea { float: left; width: 100%; height: 100px; padding: 10px 100px 10px 10px; resize: none; border: 1px solid; -webkit-border-radius: 2px 2px 0 2px; -webkit-border-radius: 2px 2px 0 2px; border-radius: 2px 2px 0 2px; }
.table.inbox tr.message td .message_reply button { font-size: 10px; float: right; clear: both; width: 80px; height: 24px; padding: 0; cursor: pointer; border: 0; -webkit-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; outline: none; }
.tab_content_wrap > div { display: none; }
.tab_content_wrap > div:first-of-type { display: block; }
.toggle_content_wrap > div { display: none; }
.toggle_content_wrap > div:first-of-type { display: block; }
.chart_wrap { position: relative; z-index: 1; height: 402px; text-align: center; border: 1px solid; }
.chart_wrap > div { margin: 0 auto; }
.chart_wrap p { line-height: 402px; }
.chart_wrap iframe { overflow: hidden; width: 938px; height: 400px; margin: 0; padding: 0; border: 0; }
.faq p { font-size: 12px; line-height: 18px; padding-bottom: 10px; }
.faq p:last-child { padding: 0; }
.faq a { text-decoration: underline; }
.box { position: relative; overflow: hidden; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.forms > p { font-size: 14px; line-height: 20px; }
.forms { font-size: 12px; line-height: 18px; position: relative; margin: 0 auto; }
.forms.maxwidth { max-width: 720px; margin: 0 auto; }
.forms button, .forms .submit { font-size: 12px; width: auto; height: 32px; padding: 0 20px; cursor: pointer; border: 0; -webkit-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none; }
.forms button.disabled, .forms a.add_campaign.disabled { cursor: not-allowed; }
.forms label { font-weight: 700; line-height: 18px; display: block; float: left; width: 100%; margin-bottom: 2px; }
.forms label em { font-style: normal; }
.forms label.check_radio_wrap { font-weight: 400; overflow: hidden; }
.forms label.check_radio_wrap input { float: left; margin: 2px 10px 0 0; }
.forms input[type=text], .forms input[type=password], .forms select, .forms textarea { font-size: 12px; position: relative; z-index: 1; float: left; clear: both; width: 100%; height: 40px; margin-bottom: 5px; padding: 10px; resize: none; border: 1px solid; border-radius: 3px; outline: none; }
.forms input[type=checkbox] { margin: 0; padding: 0; }
.forms select { padding: 10px 6px; }
.forms textarea { overflow: auto; height: 80px; }
.forms input.select_on_focus { padding-right: 38px !important; }
.forms ul ul { padding-left: 20px; border-left: 5px solid; }
.forms li { position: relative; clear: both; overflow: hidden; padding-bottom: 5px; }
.forms li.text_center { text-align: center; }
.forms li p { padding-bottom: 5px; }
.forms .left { position: relative; float: left; }
.forms .right { position: relative; float: right; }
.forms label.left { width: auto; }
.forms h5 { padding-bottom: 10px; }
.forms li:last-of-type { padding: 0; }
.forms a.add_campaign { font-size: 14px; font-size: 12px; line-height: 24px; position: absolute; z-index: 2; right: 8px; top:29px; min-width: 24px; height: 24px; padding: 0; text-align: center; border-radius: 2px; }
.forms button.small { font-size: 10px; line-height: 24px; overflow: hidden; height: 24px; padding: 0 10px; }
.forms button.small i { font-size: 12px; line-height: 24px; width: 24px; height: 24px; text-align: center; }
.forms button.small.icon_right i { margin: 0 -10px 0 0; }
.forms button.small.icon_left i { margin: 0 0 0 -10px; }
.forms li:last-of-type a.add_campaign { bottom: 8px; }
.forms hr { margin: 10px 0; }
.forms ul.inline li { padding: 0; }
.forms ul.inline input[type=text], .forms ul.inline input[type=password], .forms ul.inline select, .forms ul.dyn select,  .forms ul.inline textarea { margin: 0; }
.forms ul.inline + button, .forms ul.dyn + button { position: absolute; right: 0; bottom: 0; width: 100px; height: 40px; }
.forms ul.fourcol { padding-right: 100px; }
.forms ul.threecol { padding-right: 100px; }
ul.dyn { padding-right: 104px; }
ul.dyn li { float: left; clear: none; width: 25%; padding:0 10px 0 0;}
ul.dyn li:last-child{padding-right:0px}

.forms ul.threecol li { float: left; clear: none; width: 33.333333333333%; padding-right: 10px; }
.forms.custom_code { position: relative; overflow: hidden; margin-top: 10px; }
.forms.custom_code textarea { height: 40px; }
.forms.custom_code a.add_campaign { bottom: 13px; }
.forms li .subset { position: relative; float: left; clear: both; overflow: hidden; width: 100%; margin-top: 10px; padding-left: 15px; border-left: 5px solid; }
.forms li .subset:first-of-type { margin-bottom: 10px; }
.forms li .subset:last-of-type { margin-bottom: 0; }
.forms li.in_out { height: 50px; padding: 0; }
.forms li.in_out:last-of-type { height: 40px; }
.forms li.in_out input.input { z-index: 1; float: left; width: 30%; padding-right: 80px; border-right-width: 0; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.forms li.in_out input.output { z-index: 1; float: left; clear: none; width: 70%; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; webkit-border-radius: 0 2px 2px 0; }
.forms li.in_out button { font-size: 10px; position: absolute; z-index: 3; top: 8px; right: 70%; width: 70px; height: 24px; margin: 0 6px 0 0; padding: 0; }
.forms li.half { float: left; width: 50%; }
.forms li.half:nth-child(odd) { padding-right: 5px; }
.forms li.half:nth-child(even) { clear: none; padding-left: 5px; }
.forms li.input_and_button { padding-right: 100px; }
.forms li.input_and_button button { line-height: 30px; position: absolute; right: 0; bottom: 0; width: 90px; height: 30px; }
.forms li p { font-size: 11px; padding: 0; }
.reps { position: relative; overflow: hidden; margin: 0 -10px -20px; }
.reps li { float: left; width: 33.333333333333%; margin-bottom: 20px; padding: 0 10px; }
.reps .box { height: 120px; padding: 10px; }
.reps .box img { float: left; width: 50px; height: 50px; }
.reps .box div { margin-left: 60px; }
.reps .box div h5 { font-size: 18px; line-height: 18px; padding-bottom: 6px; }
.reps .box div p { font-size: 12px; line-height: 18px; padding-bottom: 6px; }
.reps .box div p i { font-size: 18px; line-height: 18px; width: 18px; margin-right: 6px; text-align: center; }
.reps .box div p, .reps .box div a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.reps .box div p:last-of-type { padding: 0; }
.offer_detail { position:relative; }
.offer_detail .box.left { padding:0; overflow: visible; position:absolute; left:0; top:0; right:0; }
.offer_detail .box.left button { display: block; height: 32px; }
.offer_detail .box.left + .box { margin-left: 290px; min-height: 310px; }
.offer_detail.ban .box.left + .box { min-height:100px; }
.offer_detail .box.left h5 { position:absolute; z-index:1; top:0; left:309px;  width:400px; }
.offer_detail.ban .box.left h5 { left: 116px; top: 18px; }
.offer_detail .box.left h5 .icons { display:none; }
.offer_detail .box.left p { font-size: 12px; line-height: 14px; width: 100%; text-align: left; }
.offer_detail .box.left form { position: relative; width: 250px; left: -10px; top:10px;}
.offer_detail img { display:block; }
.offer_detail.ban img { width:90px; height:90px; }
.creatives { overflow: hidden; max-width: 1180px; margin: 0 auto; padding-top: 10px; text-align: center; }
.creatives.forms { width: 100%; }
.creatives .box { position: relative; display: inline-block; min-width: 270px; margin: 10px; padding: 10px; text-align: left; vertical-align: top; }
.creatives .box img { display: block; margin: 0 auto 5px; }
.creatives .box p { font-size: 12px; line-height: 18px; width: 100%; height: 18px; text-align: center; }
.creatives .box p:last-of-type { margin-bottom: 5px; }
.creatives .box textarea { width: 100%; height: 100px; margin: 0; padding: 5px 36px 5px 5px; word-break: break-all; }
.creatives a.add_campaign { right: 14px; bottom: 14px; }
.site_message { font-size: 12px; line-height: 18px; position: relative; min-height: 40px; margin: 0; padding: 10px 10px 10px 38px; border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.site_message > i { font-size: 24px; line-height: 34px; position: absolute; top: 3px; left: 3px; width: 32px; height: 32px; text-align: center; }
.site_message + .site_message { margin-top: 10px; }
.site_message p { padding-bottom: 10px; }
.site_message p i { font-size: 14px; }
.site_message p:last-of-type { padding: 0; }
#sample iframe { height:437px !important; }
#ulTrk { margin-top: 32px; }
.ban #FofferInfo { top: 44px; width: 195px; left: 118px;}
#land_top > div > h1 { display:none; }
#land_bot > h1 { margin: 0; background: black; color: white; height:60px; }
#land_bot > h1 span { display:none; }
#land_bot > h1:after{ content:"Get Your Linking code"; text-decoration: line-through; }
#land_bot .box .examples { display:none; }
#land_bot .box:after{     content: ''; background: rgb(244 244 244 / 80%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }

#modal_mask { position: fixed; z-index: 9500; top: 0; left: 0; display: none; width: 100%; opacity: .8; }
#modals { position: relative; }
#modals .modal { position: fixed; z-index: 9999; display: none; width: 480px; padding: 20px; border-radius: 2px; }
#modals .modal a.close, a.close { font-size: 12px; line-height: 20px; position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; text-align: center; border-radius: 2px; }
#modals .modal .forms button { min-width: 100px; }
.tablet_nav { position: relative; display: none; overflow: hidden; width: 100%; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border: 0; border-top: 1px solid; }
.tablet_nav > div { display: table-cell; margin: 0 1px 0 0; padding: 0; }
.tablet_nav > div a { font-size: 10px; position: relative; display: block; margin: 0 1px 0 0; padding: 15px 0; text-align: center; border-bottom: 5px solid; }
.tablet_nav.geo > div a { font-size: 11px; padding: 5px 0; }
.tablet_nav > div:last-child a { margin: 0; }
.tablet_nav > div a i { font-size: 18px; display: block; width: 18px; height: 18px; margin: 0 auto 8px; }
.tablet_nav > div a .count { font-size: 8px; font-weight: 700; line-height: 14px; position: absolute; top: 4px; right: 4px; min-width: 14px; padding: 0 4px; text-align: center; border-radius: 7px; background: red; }

table.sortable th.header { position: relative; cursor: pointer; }
table.sortable th.header:after { font-family: FontAwesome; position: absolute; bottom: 0; right: 0; width: 11px; height: 11px; font-size: 11px; line-height: 11px; text-align: center; }
table.sortable th.header:after { content: "\f0dc"; }
table.sortable th.header.headerSortDown:after { content: "\f0de"; }
table.sortable th.header.headerSortUp:after { content: "\f0dd"; }

body.tablet .site_header .logo_wrap { width:188px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .site_header .logo_wrap .logo { background-size: auto 97%; background-repeat: no-repeat; }
}
.wide_content_message { display: none; }

@media only screen and (max-width : 1200px) {
    body.sidebar_open .wide_content_message { display: block; }
}

@media only screen and (max-width : 959px) {
    .wide_content_message { display: block; }
}

@media only screen and (max-width : 1024px) {
}
body.sidebar_closed { background-position: -200px 0; }
body.sidebar_closed .sidebar { display: none; }
body.sidebar_closed .content { margin-left: 30px; }
body.tablet { background-image: none; }
body.tablet .site_header .toggle_sidebar { display: none; }
body.tablet .site_header > ul > li > a.icon_left i { line-height: 18px; display: block; float: none; margin: 0 auto; }
body.tablet .site_header > ul > li > a.icon_right i { line-height: 18px; display: block; float: none; margin: 0 auto; }
body.tablet .site_header > ul > li > a.icon_only i { line-height: 18px; display: block; float: none; margin: 0 auto; }
body.tablet .site_header ul a.account { width: auto; }
body.tablet .site_header ul a.account .accountname { display: none; }
body.tablet .site_header ul a.account i { line-height: 18px; display: block; float: none; margin: 0 auto; }
body.tablet .site_header ul a.icon_only { width: auto; }
body.tablet .site_header ul a .hidden { display: block; }
body.tablet .site_header ul a .count { top: 2px; right: 2px; left: auto; width: auto; height: 13px; text-align: right; }
body.tablet .site_header ul a .count span { font-size: 8px; font-weight: 700; }
body.tablet .site_header ul a .count span:after { display: none; }
body.tablet .sidebar { display: none; float: none; width: 100%; }
body.tablet .content { margin: 0 !important; padding: 0; }
body.tablet .tablet_nav { /* display: table; */ }
body.tablet .content section { padding: 28px; }
/*body.tablet .content section + hr { margin: 0 20px; }*/
#best_convert {display:none;}

body { color: #6a6a6c; background:#f9f9f9;
	background-image: radial-gradient(#f0f1f5 30%, transparent 0);
	background-size: 20px 20px;
  	background-repeat: repeat; 
}
input, select, textarea { color: #1a1a1a; }
a { color: #415090; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.site_header .logo_wrap .toggle_sidebar { color: #c8c8c8; }
.site_header .logo_wrap .toggle_sidebar.hover { color: #ffffff; }
.site_header ul a .count span { color: #ffffff; background-color: #415090; }
.site_header ul a .count span:after { border-top-color: #415090; }
.site_header ul a.current .count span { background-color: #8c8c8c; }
.site_header ul a.current span:after { border-top-color: #8c8c8c; }
.site_header ul a.hover { color: #FFF }
.site_header a.current { color: #415090; }
.site_header a.current.hover { color: #111; }
.site_header ul ul { background-color: #f3f3f3; }
.site_header ul ul li a.current { color: #000; }
.site_footer { background-color: #415090; color:white;}
.site_footer .copy { color: #c8c8c8; }
.site_footer ul li a { color: #c8c8c8; background-color: #242424; }
.site_footer ul li a.hover { background-color: #2e2e2e; }
.site_footer ul li a.current { color: #ffffff; background-color: #415090; }
h1 { border-bottom-color: #eeeeee; }
h1 span:last-of-type { color: #f36c37; }
h1 span:after { color: #d5d5d5; }
h1 .tabs a { color: #8c8c8c; background-color: #eeeeee; }
h1 .tabs a.hover { color: #415090; }
h1 .tabs a.current { color: #ffffff; background-color: #415090; }
.content > section>h1:first-of-type {
	background-color: rgba(19, 63, 132, 0.38);
    margin: -29px -30px 42px -42px; padding: 5px 0 0 22px; border-bottom: 0; color: rgb(19,63,132);
}
hr { background-color: #eeeeee; }
.table_pretext a.hover, .table_posttext a.hover { color: #8c8c8c; }

.table_header { background-color: #a2b3cd;}

.table_header div > a, .table_header label, .table_header button { color: #ffffff; }
.table_header div > a, .table_header button { background-color: rgba(0,0,0,.1); }
.table_header div > a.hover, .table_header button.hover { background-color: #103A7A; }
.table_header div > a.disabled { background-color: #F28B00; }
.table_header .form_wrap.left + .form_wrap { border-left-color: #47a6e0; }
.table_header .drop_wrap.submenu_open > a { color: #415090; background-color: #ffffff; }

.table_header h2 { color: #ffffff; }

.table_header .drop_wrap ul { border-color: #415090; background-color: #ffffff; box-shadow: white 0px 4px 10px 0px; }
.table_header .drop_wrap li { border-color: #415090; }
.table_header .drop_wrap li label { color: #8c8c8c; background-color: #ffffff; }
.table_header .drop_wrap li label.hover { color: #415090; }
.table_header .drop_wrap li label.checked { color: #415090; }
.table_header div.toggles a.current { background-color: #63bae8; }
.table_header div.toggles > a:after { border-top-color: #63bae8; }
.table_subheader { border-color: #eeeeee; }
.autocomplete-suggestions { border-color: #415090; background-color: #ffffff; }
.autocomplete-selected { background-color: #eeeeee; }
.autocomplete-suggestions strong { color: #415090; }
.ui-datepicker { background-color: #ffffff; }
.ui-datepicker-next, .ui-datepicker-prev { color: #ffffff; background-color: #F28B00; }
.ui-datepicker-next-hover, .ui-datepicker-prev-hover { background-color: #63bae8; }
.table { background-color: #eeeeee; }
.table tbody { background-color: #ffffff; }
.table tbody tr:nth-child(even) { background-color: #fcfcfc; }
.table thead th {
	background: linear-gradient(0deg, #000 0%, var(--col1) 10%,var(--col1) 90%, #000 100%); color: white;
}
.sl8 .table thead th { background: #f5f5f5; color: #222; }
.table tfoot td { background-color: #f5f5f5; text-shadow: 1px 1px 0 #ffffff; }
.table a { color: #8c8c8c; }
.table i.all_geos:hover, .table a.hover { color: #415090; }
.table tr.today td { color: #415090; }
.table tr.today td a { color: #415090; }
.table em { color: #415090; }
.table em.pos { color: #8aca1c; }
.table em.neg { color: #ed1c24; }
.table tbody .icon_button a.hover { color: #ffffff; background-color: #415090; }
.table tbody .button { color: #ffffff; background-color: #415090; }
.table tbody .button.hover { background-color: #63bae8; }
.table.no_data td a { color: #415090; }
.table.no_data td a.hover { color: #8c8c8c; }
.table.inbox a strong { color: #415090; }
.table.inbox .unread, .table.inbox .unread a { color: #415090; }
.table.inbox .unread a.hover { color: #8c8c8c; }
.table.inbox tr:nth-child(4n 3) { background-color: #fcfcfc; }
.table.inbox tr.expanded td { color: #415090; background-color: #fffef0; }
.table.inbox tr.expanded td a { color: #415090; }
.table.inbox tr.expanded td a.hover { color: #415090; }
.table.inbox tr.message td { background-color: #fcfcfc; }
.table.inbox tr.message td .message_body { border-color: #c8c8c8; }
.table.inbox tr.message td .message_body.sent { border-color: #415090; }
.table.inbox tr.message td .message_reply textarea { border-color: #dddddd; }
.table.inbox tr.message td .message_reply button { color: #ffffff; background-color: #F28B00; }
.table.inbox tr.message td .message_reply button .hover { background-color: #63bae8; }
.table.inbox tr.message td .message_body p.timestamp { color: #415090; }
.table tr.subheader th, .table tr.subheader td { background-color: #fffef0; }
.chart_wrap { border-color: #eeeeee; }
.box { background-color: #fafafa; }
.forms button, .forms .submit { color: #ffffff; background-color: #415090; }
.forms .submit.del { background-color: #F55; }
.forms button.hover { background-color: #F28B00; }
.forms button.disabled { background-color: #d5d5d5; }
.forms button.cancel { color: #ffffff; background-color: #8c8c8c; }
.forms button.cancel.hover { background-color: #a5a5a5; }
.forms h5 { color: #415090; }
.forms input[type=text], .forms input[type=password], .forms select, .forms textarea { border-color: #dddddd; background-color: #ffffff; }
.forms input[type=text]:focus, .forms input[type=password]:focus, .forms select:focus, .forms textarea:focus { border-color: #cccccc; }
.forms label em, .forms label.checked { color: #415090; }
.forms a.add_campaign { color: #ffffff; background-color: #415090; }
.forms a.add_campaign.hover { background-color: #F28B00; }
.forms a.add_campaign.disabled { background-color: #d5d5d5; }
.forms ul ul { border-color: #eeeeee; }
.forms li .subset { border-left-color: #eeeeee; }
.reps .box a { color: #8c8c8c; }
.reps .box div h5, .reps .box a.hover { color: #415090; }
.offer_detail .box.left h5 { color: #415090; }
.offer_detail .box.left h5 .icons i { color: #d5d5d5; }
.offer_detail .box.left h5 .icons i.true { color: #415090; }
.site_message { color: #000000; }
.site_message.error { border-color: #f5aca6; background-color: #ffecec; }
.site_message.error i { color: #f5aca6; }
.site_message.success { border-color: #a6ca8a; background-color: #e9ffd9; }
.site_message.success i { color: #a6ca8a; }
.site_message.warning { border-color: #f2c779; background-color: #fff8c4; }
.site_message.warning i { color: #f2c779; }
.site_message.notice { border-color: #8ed9f6; background-color: #e3f7fc; }
.site_message.notice i { color: #8ed9f6; }
.site_message p i { color: #000000 !important; }
#modal_mask { background-color: #000000; }
#modals .modal { background-color: #ffffff; }
#modals .modal a.close, a.close { color: #ffffff; background-color: #8c8c8c; }
#modals .modal a.close.hover, a.close.hover { background-color: #415090; }
.tablet_nav { border-top-color: #8c8c8c; }
.tablet_nav a { color: #8c8c8c; border-bottom-color: #8c8c8c; background-color: #f3f3f3; }
.tablet_nav a.hover { background-color: #ffffff; }
.tablet_nav a.current { color: #415090; border-bottom-color: #415090; background-color: #ffffff; }
.tablet_nav a.red.current { color: #DB3434;	border-bottom-color: #DB3434; }
.tablet_nav > div a .count { color: #ffffff; background-color: #415090; }
#SetupAlerts .tablet_nav { width: 85%; margin: 0 auto 39px auto; display: table; }
#SetupAlerts .tablet_nav > div a { font-size: 12px; padding: 14px }
#SetupAlerts .tablet_nav > div i { font-size:26px; width:26px; }

table.sortable th.header:after { color:#8c8c8c;}
table.sortable th.header.headerSortDown:after, table.sortable th.header.headerSortUp:after { color: #415090; }

.site_header a {  }
.site_header a.current { color: #718cb5; }
.tablet_nav a.current { background-color:#FFF }

/* increase the contrust on iphone, change the font-size, control the min width */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px){
    body { color: #111; background-color: #ffffff; }
    input, select, textarea { color: #1a1a1a; }
    .site_header ul a { color: #f6f6fa; }
    .table a { color: #2c2c2f; }
    .table thead th,.table_header h2 { font-size: larger; }
    .content table.table tr td { font-size: larger; }
    body, .site_header, .site_footer, .page_wrap { min-width: 690px; }
    td.ref div.tip { font-size: smaller; max-width:170px;}
    .table_header .form_wrap input:focus { font-size: 40px; } /* trying to stop the zoom on the calendar */
}

.content { min-height: 500px; }
.table + .table_header { z-index: 1; background-color:black; height:3px; }
.table + .table_header div { margin-top:6px; }
#exclude_footer { clear:both; margin-top:40px; display:none; }
#thanks { position:absolute; top:0;left:0;right:0;bottom:0; background-color:#fafafa; padding:40px; z-index:5; display:none; }
#thanks p { margin:7px }
.forms form input.err, form select.err, form textarea.err{border:2px solid red; background-color:#FFE9E9; }
div.flg{line-height:12px; text-align:cneter; padding:2px; height: 70px; width:100px;}
div.flg img{margin-left:16px;  display:block; width:64px;}
div.wPrev { min-width:64px; line-height:25px;}
div.wPrev a.button { width:48px; margin:1px; float:right; }

/* animations.css */

i.fa-refresh.active{
	-webkit-animation:spin 0.8s linear infinite;
	   -moz-animation:spin 0.8s linear infinite;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes    spin { 100% {    -moz-transform: rotate(360deg); } }

a, .site_header .logo_wrap .toggle_sidebar i, .table.offers td:nth-child(2) a, button,label .table_header .drop_wrap li label i,
.table i.all_geos, .forms input, .forms select, .forms textarea, .site_header ul ul{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-perspective: 1000;
	   -moz-perspective: 1000;
	    -ms-perspective: 1000;
	     -o-perspective: 1000;
	        perspective: 1000;
}
a, button, label {
	-webkit-transition: background .25s ease, color .25s ease, opacity .25s ease;
	   -moz-transition: background .25s ease, color .25s ease, opacity .25s ease;
	    -ms-transition: background .25s ease, color .25s ease, opacity .25s ease;
	     -o-transition: background .25s ease, color .25s ease, opacity .25s ease;
	        transition: background .25s ease, color .25s ease, opacity .25s ease;
}
.site_header .logo_wrap .toggle_sidebar,
.table.offers td:nth-child(2) a,
.table_header .drop_wrap li label i,
.table i.all_geos,
.forms input,
.forms select,
.forms textarea,
.site_header ul ul{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.site_header .logo_wrap .toggle_sidebar{
	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	    -ms-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
}
.sidebar_closed .site_header .logo_wrap .toggle_sidebar {
	-webkit-transform: scale(-1, 1);
	   -moz-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	     -o-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}
.sidebar ul li.submenu_open a i.fa-caret-down,.table_header .drop_wrap.submenu_open .drop_toggle i.fa-caret-down {
	-webkit-transform: scale(1, -1);
	   -moz-transform: scale(1, -1);
	    -ms-transform: scale(1, -1);
	     -o-transform: scale(1, -1);
	        transform: scale(1, -1);
}
/*
#exclude { line-height:17px; margin-left:20px;margin-top:5px; }
#exclude nobr:hover em{ background-color: lightgray; min-width: 20px; marign-right:-3px; }
#exclude em{ color: #ffffff; display: inline-block; font-style: normal; text-align: center;  border-radius: 5px; min-width:13px; }
*/

.examples a { display: inline-block; padding-right:5px; border-right:1px solid #eee; margin-right:9px;}
.box .conf { position:absolute; top:3px; right:3px; z-index:9; }
.box .conf .icon_only { background-color:#EEE; color:white; padding:5px; font-size:14px; float:right; }
.box .conf:hover .icon_only, .box .conf .examples { display:none;  }
.box .conf:hover .examples { display:block; border: 1px solid #F0F0F0; padding: 0 0 0 10px; border-radius: 5px; background-color: white; line-height: 38px; }
li.exTrk { float:left; clear:none; width:48%; }
li.mr4   { margin-right:4% }
.dlgaCtrl input.on { border:1px solid #F28B00; box-shadow: 0 0 0 2px #F28B00; }
.dlga td.sel{ background-color:#F28B00; border-right:1px solid #F28B00; color:white; }

/* date picker */
.left .dlgaCtrl button + span { color: #702b2b; font-size: 12px; margin: 4px 0 0 86px; display: inline-block; }
.dlgaEl{overflow:auto; background-color: #efefef; width: 638px; padding: 6px; border: 1px solid rgba(23, 47, 90, 0.43); border-radius: 0 5px 5px 5px; }
.dlgaDiv em{ margin:2px; display:block; float:left; width:16px; height:22px; border:1px solid #bbb; border:1px solid #CCC; background-color:#D9D9D9; position:relative; }
.dlgaDiv em:after{ content:''; border:4px solid transparent; height:0; width:0;  position:absolute; top:6px; }
.dlgaDiv em.dlBack{border-radius:4px 0 0 4px}
.dlgaDiv em.dlNext{border-radius:0 4px 4px 0}
.dlgaDiv em.dlBack:after{border-right:5px solid #777; left:1px; }
.dlgaDiv em.dlNext:after{ border-left:5px solid #777; left:6px; }
.dlgaCtrl { float: left; font-size: 11px; padding: 3px 0 0 15px;}
.dlgaCtrl input { padding:2px; margin:2px; width:79px; font-size:11px; }
.dlgaCtrl hr { border-top: #666 dotted 1px; margin:21px 0 6px 0; }
.dlgaCtrl span { color: #357ae8; font-size: 13px; text-decoration: underline;
	margin: 5px; cursor: pointer;}
.dlgaCtrl div { margin:6px 0; }
.dlga{ float:left; border:1px solid #D5D5D5; margin:1px; }
.dlgaR1 { background-color:#cecece; color:#16418f; }
.dlgaR1 th { padding:2px; font-weight:400;}
.dlgaR2 th { border-bottom: 1px solid #9ad; padding: 1px 0; }
.dlga table{ font-size: 9px; background-color: #F7F7F7; }
.dlga td{ border:1px solid white; text-align:right; padding:3px;}
.dlga td.dlgaV{ cursor:pointer; }
.dlga td.fut{ color:#ccc; }
.dlga td.cur{ border:1px solid #666; }
.dlga td.dlgaV:hover{ background-color:#FFCC22; border:1px solid #FFEE00; }
.dlga td.dlgaE{ border:1px solid #F0F0F0; }
.date_range { position:relative; padding: 5px;}
#date_range { border: 1px solid #989898; font-size: 14px; font-family: arial;width: 211px; padding: 3px; background-color: white; position:relative; }
#date_range:after { content:''; position:absolute; border:6px solid transparent; border-top:8px solid #CCC; width:0; height:0; right:2px; top:6px; }
#datepicker { position:absolute; z-index:3; left:5px; top:26px; display:none; }
/* 2024 */
.content>section>a{display:none !important}
.content>section>h1{position:relative;}
.content>section>h1:before{content: "The Segpay Affiliate Program is in now closed";
    position: absolute; top: 28px; padding: 8px; left: 0; color: #000; display: block; background: #ffd0d0; width: 100%; text-align: center; box-sizing: border-box; }
.notice{position:relative;}
.notice:after{content:'!'; background-color:#f36c37; height:20px; width:20px; display:block; position:absolute; right:9px; top:5px; line-height:20px; font-size:14px; font-weight:bold; color:white;
	border-radius:50%; text-align:center; }