/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*-------------------------- END OF CSS RESET -----------------------------*/

body {
    /*padding: 70px 2px 40px 2px; */
    -webkit-print-color-adjust: exact;
}

table.clientview {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
}

table.clientview th {
    text-align: center;
}

table.clientview th.datecol {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #e0e0e0 !important;
}

table.clientview th.headcol {
    padding-top: 6px;
    border-top: 1px solid black;
}

table.clientview th.notecol {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    min-width: 550px;
}

table.clientview th {
    background-color: #f0f0f0 !important;
}

table.clientview th.numcol {
    width: 5%;
    border-bottom: 1px solid black;
}

table.clientview td.clientname_odd {
    background-color: #F9F9FF !important;
}
table.clientview td.clientname_even {
    background-color: #E9E9EF !important;
}
table.clientview td.clientname {
    padding: 4px 4px 4px 4px;
    margin: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
    white-space: nowrap;
}
table.clientview td.clientname a {
    text-decoration: none;
    color: black;
}

table.clientview td.currency_month_odd {
    background-color: #dcdcdc !important;
}
table.clientview td.currency_month_even {
    background-color: #cccccc !important;
}
table.clientview td.currency_month {
    padding: 2px 2px 2px 10px;
    margin: 0;
    width: 20px;
}

table.clientview td.num_month_odd {
    background-color: #dcdcdc !important;
}
table.clientview td.num_month_even {
    background-color: #cccccc !important;
}
table.clientview td.num_month {
    text-align: right;
    padding: 2px 10px 2px 2px;
    margin: 0;
}

table.clientview td.currency_day_odd {
    background-color: #eee !important;
}
table.clientview td.currency_day_even {
    background-color: #ddd !important;
}
table.clientview td.currency_day {
    padding: 2px 2px 2px 20px;
    margin: 0;
}

table.clientview td.num_day_odd {
    background-color: #eee !important;
}
table.clientview td.num_day_even {
    background-color: #ddd !important;
}
table.clientview td.num_day {
    text-align: right;
    padding: 2px 10px 2px 2px;
    margin: 0;
}

table.clientview td.notecol_odd {
    background-color: #F9F9FF !important;
}
table.clientview td.notecol_even {
    background-color: #E9E9EF !important;
}
table.clientview td.notecol {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    padding-left: 4px !important;
    text-align: left !important;
}

table.clientview td.sum_month {
    background-color: #dcdcdc !important;
    font-weight: bold;
    text-align: right;
    padding: 12px 20px 12px 2px;
    margin: 0;
    border: 1px solid black;
}

table.clientview td.sum_day {
    background-color: #eee !important;
    font-weight: bold;
    text-align: right;
    padding: 2px 10px 2px 2px;
    margin: 0;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    vertical-align: top;
}

table.clientview td.sum_currency_day {
    background-color: #eee !important;
    font-weight: bold;
    padding: 10px 2px 10px 20px;
    margin: 0;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    vertical-align: top;
}

table.clientview th.border_left {
    border-left: 1px solid black;
}
table.clientview th.border_right {
    border-right: 1px solid black;
}
table.clientview th.border_top {
    border-top: 1px solid black;
}
table.clientview td.border_right {
    border-right: 1px solid black;
}
table.clientview td.border_left {
    border-left: 1px solid black;
}
table.clientview td.dashed_border_right {
    border-right: 1px dashed black;
}
table.clientview td.dashed_border_left {
    border-left: 1px dashed black;
}

table.clientview span.frm_curr {
}

.hide {
    display:none;
}

.red {
    color: red
}
.lightredback
{
	background-color: #ff5511 ! important;
	font-weight: bold;
}
.redback
{
	background-color: red ! important;
	font-weight: bold;
}
.orangeback
{
	background-color: orange ! important;
	font-weight: bold;
}

.client_view_chart {
    width: 100%;
    height: 500px;
    border: 1px solid black;
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;
}

.client_view_chart_image_link {
    position: absolute;
    z-index: 10;
    right: 25px;
    top: 20px;
}


.exec_view_chart {
    width: 100%;
    height: 450px ! important;
    border: 1px solid black;
    margin-top: 5px auto;
    background-image: url(../images/rocketer.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.weekly_client_chart {
    width: 1400px;
    height: 500px;
    border: 1px solid black;
    margin: 5px auto;
    background-image: url(../images/rocketer.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.monthly_client_chart {
    width: 1400px;
    height: 500px;
    border: 1px solid black;
    margin: 5px auto;
    background-image: url(../images/rocketer.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.nowrap {
    white-space: nowrap;
}

.exec_view_client_header {
    border: 1px solid black;
    padding: 10px 0 10px 0;
    text-align: center;
    letter-spacing: 2px;
    font-size: 2.2em;
    font-weight: bold;
    color: white;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.exec_view_client_warning {
    border: 4px solid red;
    padding: 10px 0 10px 0;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.3em;
    font-weight: bold;
    color: red;
}

.exec_view_big {
    margin-top: 60px;
    font-size: 1.5em;
    line-height: 2.1em;
    font-weight: bold;
    background-color: #F9F9FF !important;
}

.exec_view_normal {
    font-size: 1.0em;
    line-height: 1.6em;
    font-weight: bold;
    padding: 4px 0 4px 0;
}

.exec_view_normal_odd {
    background-color: #eee !important;
}

.exec_view_normal_even {
    background-color: #F9F9FF !important;
}

.margintop20 {
    margin-top: 20px;
}

.margintop40 {
    margin-top: 40px;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.marginbottom30 {
    margin-bottom: 30px;
}


table.weekly_client {
/*    border: 1px solid black; */
/*    border-right: 2px solid black;*/
    width: 450px;
    margin: 0px auto;
}


table.weekly_client tr th:last-child ,
table.weekly_client tr td:last-child {
/*    border-right: 1px solid black; */
    border-right: none ! important;
}

table.weekly_client tr:nth-child(even) {
    background: #e2e3eF !important;
}

th.headcol_1 {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
    background-color: rgb(215,198,249) !important;
    padding: 5px 0 5px 0;
}

td.headcol_2 {
    text-align: center;
    font-size: 1.4em;
    background-color: rgb(215,198,249) !important;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid black;
}

.cellleftborder
{
    border-left: 1px solid black;
}

th.leftcol, td.leftcol {
    font-size: 1.3em;
    font-weight: bold;
    background-color: rgb(191,165,245) !important;
    padding: 4px 0 4px 4px;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #fff;
    border-right: 1px solid black;
}

td.numcol {
    font-size: 1.3em;
    text-align: right;
    padding-right: 26px;
    padding-left: 4px;
}

td.rightcol {
    font-size: 1.3em;
    text-align: right ! important;
    padding: 0 12px 0 4px;
    background-color: rgb(191,165,245) !important;
    border-left: 1px solid black;
}

/* -- Smaller font sizes for wide tables -- */
th.headcol_1_sm {
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
    background-color: rgb(215,198,249) !important;
    padding: 5px 0 5px 0;
}

td.headcol_2_sm {
    text-align: center;
    font-size: 1.05em;
    background-color: rgb(215,198,249) !important;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid black;
}

th.leftcol_sm, td.leftcol_sm {
    font-size: 0.9em;
    font-weight: bold;
    background-color: rgb(191,165,245) !important;
    padding: 4px 0 4px 4px;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #fff;
    border-right: 1px solid black;
}

td.numcol_sm {
    font-size: 0.9em;
    text-align: right;
    padding-right: 8px;
    padding-left: 4px;
}

td.rightcol_sm {
    font-size: 0.9em;
    text-align: right ! important;
    padding: 0 10px 0 4px;
    background-color: rgb(191,165,245) !important;
    border-left: 1px solid black;
}

table.monthly_client {
/*    border: 1px solid black;*/
    width: 450px;
    margin: 0px auto;
}

table.monthly_client tr:nth-child(even) {
    background: #e2e3eF !important;
}

table.monthly_client tr .colgrey:nth-child(even) {
    background: #dddddd !important;
}
table.rec_client tr .colgrey:nth-child(even) {
    background: #dddddd !important;
}

table.rec_client {
/*    border: 1px solid black; */
    margin: 0px auto;
}


h2.index {
    text-align: center;
}

h3.settings {
    text-align: center;
    margin-top: 50px;
}

table.index {
    margin-top: 20px;
    margin: 0px auto;
    border: 1px solid black;
}

table.index tr:nth-child(even) {background: #ddd !important}
table.index tr:nth-child(odd) {background: #f0f0f0 !important}

table.index td {
    padding: 5px;
}



/* Fix for datatables */
.css_right {float:right}

.dataTables_paginate {
    margin: 0 8px 3px 0;
}

.dataTables_paginate a {
    padding: 0px 8px 0px 8px;
}

.dataTables_length {
    margin: 4px 0 0 10px;
}

.dataTables_filter {
    margin: 4px 20px 0 0;
}


.toolbar {
    float: right;
    margin: 4px 10px;
}

table.admin_table {
    font-size: 0.9em;
}

table.admin_table tr.even.row_selected td {
	background-color: #B0BED9 !important;
}

table.admin_table tr.odd.row_selected td {
	background-color: #9FAFD1 !important;
}

table.admin_table td input {
    width: 80px;
}

button.add_row {
    margin-left: 20px;
    margin-bottom: 4px;
}

button.delete_row {
    margin-left: 10px;
    margin-bottom: 4px;
}

div.add_div {
    width: 460px;
}

div.pad_left_right_10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin_top_20 {
    margin-top: 20px;
}

#reconcile_from, #reconcile_to {
    width: 100px;
    float: left;
}

h2.settings {
    display:inline;
}

h3.settings {
    display:inline;
    font-size: 1.2em;
    padding: 10px;
}

div.page {
    page-break-after:always;
    min-height: 400px;
    margin-bottom: 15px;
}

.weekly_main_header
{
    text-align: center !important;
    padding:0;
    letter-spacing: 7px !important;
    margin-top:0;
    font-size: 2.1em !important;
    font-weight: bold !important;
}

.main_grey
{
    color: #888888 !important;
}

.main_rule_line
{
    height:3px;
    border:none;
    background-color: rgb(0,0,180) !important;
    margin-bottom: 3px;
    padding-bottom: 0;
}

.weekly_header1 {
    font-size: 1.3em;
    width: 250px;
    margin-top: 0;
    font-weight: bold;
}

.weekly_header {
    font-size: 1.3em;
    margin-top: 0;
    font-weight: bold;
}

div.weekly_page {
    padding: 30px 0 0 0;
    text-align: center;
    margin: 0px auto;
    min-height: 620px;
}

div.weekly_page_number {
    text-align: right;
    font-size: 1.3em;
}

/* =============================== Funnel Screen ====================*/

div.weekly_funnel {
    text-align: center;
    color: white !important;
    font-size: 1.77em;
    font-weight: bold;
    padding: 24px 0px 20px 0px;
}

div.weekly_funnel_cpq {
    padding-top: 14px;
}

div.video_funnel_cpv {
    padding-top: 14px;
}

div.weekly_funnel_pi_cpq {
    font-size: 1.74em;
    padding-top: 56px;
}

div.weekly_funnel_side {
    position: absolute;
    text-align: left;
    top: 400px;
    left: 380px;
    width: 240px;
    font-size: 1.3em;
    font-weight: bold;
}

div.weekly_funnel_side2 {
    position: absolute;
    text-align: left;
    top: 518px;
    left: 380px;
    width: 240px;
    font-size: 1.3em;
    font-weight: bold;
}

.funnel_under {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 10;
    width:580px;
    height:617px;
}

div.funnel_over {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 100;
    width:580px;
    height:617px;
}

div.xxxfunnel {
    background-image: url(../images/funnel.png) !important;
    background-size: 100% !important;
    min-width: 530px;
    width:530px;
    min-height: 603px;
    height:603px;
    margin: 0 0 0 100px;
}
/* =============================== Funnel Screen Boxes ====================*/
.report_box_col1
{
    position:absolute;
    top: 10px;
    left: 650px;
    width:240px;
    height:400px;
    text-align: center;
}
.report_box_col2
{
    position:absolute;
    top: 10px;
    left: 900px;
    width:240px;
    height:600px;
    text-align: center;
}
.box_sized
{
    width: 240px;
}
.report_box
{
    position: absolute;
    text-align: center;
    color: white !important;
    width:200px;
    padding: 0 0 0 30px;
    font-size: 1.5em;
    font-weight: bold;
}
.repbox1
{
    top: 15px;
}
.repbox2
{
    top: 140px;
}
.repbox3
{
    top: 270px;
}


#ppc_csv_progress {
    display: none;
    height: 24px;
    width: 100%;
    margin-top: 6px;
    padding-right: 20px;
}

#ppc_csv_upload_message {
    display: none;
    margin-bottom: 0;
    padding: 7px;
}

#bing_csv_progress {
    display: none;
    height: 24px;
    width: 100%;
    margin-top: 6px;
    padding-right: 20px;
}

#bing_csv_upload_message {
    display: none;
    margin-bottom: 0;
    padding: 7px;
}

#hng_csv_progress {
    display: none;
    height: 24px;
    width: 100%;
    margin-top: 6px;
    padding-right: 20px;
}

#hng_csv_upload_message {
    display: none;
    margin-bottom: 0;
    padding: 7px;
}

#ad_manager_csv_progress {
    display: none;
    height: 24px;
    width: 100%;
    margin-top: 6px;
    padding-right: 20px;
}

#ad_manager_csv_upload_message {
    display: none;
    margin-bottom: 0;
    padding: 7px;
}

#manual_rec_csv_progress {
    display: none;
    height: 24px;
    width: 100%;
    margin-top: 6px;
    padding-right: 20px;
}

#manual_rec_csv_upload_message {
    display: none;
    margin-bottom: 0;
    padding: 7px;
}

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
}

.page_break {
    page-break-after:always;
    font-size: 1.3em;
    text-align: right;
}

.page_number {
    font-size: 1.3em;
    text-align: right;
}