@charset "utf-8";
/* CSS Document */

html {
    background-color: #2c2c2c;
    display: block;
    color: #3f3e3e;
}

body {
    margin: 0 auto;
    font-family: Verdana;
    font-size: 13px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
}

table,
th,
td,
tbody,
thead,
tr {
    margin: 0;
    padding: 0;
}

/* Modern Spinner & Overlay */
.spinner-container {
    position: relative;
    min-height: 100px;
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: none;
    justify-content: center;
    align-items: flex-start;
    padding-top: 140px;
    z-index: 999;
}

.loading-dim {
    opacity: 0.5;
    filter: brightness(0.8);
    transition: opacity 0.2s ease-in-out;
}

.modern-loader {
    width: 35px;
    height: 35px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4d9ed8;
    /* AdReport Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.custom-select {
    width: 194px;
    font: 13px arial, sans-serif;
    color: black;
    /*padding: 5px 12px;*/
    margin: 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* important / recent switch */
.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
    outline: none;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch2 {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
    outline: none;
}

.switch2 input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #757474;
    -webkit-transition: .2s;
    transition: .2s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 9px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

/*input:checked + .slider {
  background-color: #2196F3;
}*/

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {}

.slider.round:before {}

/* basic container */
#globalContainer {
    display: block;
    margin: 0 auto;
    width: 1180px;
    margin-top: 10px;
}

a.ctgLink {
    color: White !important;
    /*font-size:11px; */
    text-decoration: none
}

a.ctgLinkRed {
    color: Red;
    /*font-size:11px; */
    text-decoration: none
}

a.ctgLinkCampaign {
    color: Black;
    font-size: 11px;
    text-decoration: none
}

/* Top bar */
#topBar {
    /*display:block;
	width:100%;*/
    height: 47px;
    background: -webkit-linear-gradient(#4d9ed8, #16649c);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d9ed8, #16649c);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d9ed8, #16649c);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d9ed8, #16649c);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4d9ed8', endColorstr='#16649c');
    /*For IE7-8-9*/
}

table.topBarContainerTable {
    width: 100%;
}


table.topBarContainerTable td {
    vertical-align: middle;
    height: 47px;
}

table.topBarContainerTable td.logoTd {
    padding-left: 10px;
}

.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%) contrast(65%) brightness(1.45);
}

/* Inner container */
#innerContainer {
    background-color: #e3e3e3;
    min-height: 500px;
    /*width: 100%;*/
    display: block;
    padding: 10px;
}

/* footer */
#footer {
    background-color: #191919;
    min-height: 80px;
    width: 100%;
    display: block;
}

/* top menu  */
#topMenu {
    display: block;
}

/* top menu inside */
.topMenu {
    display: block;
    height: 32px;
    background: -webkit-linear-gradient(#366d96, #134163);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#366d96, #134163);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#366d96, #134163);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#366d96, #134163);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #366d96, #134163);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#366d96', endColorstr='#134163');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
}

/* ============================================
   SHARED CAMPAIGN TABLE STYLES
   These styles are used across multiple pages
   (startpage, company, mediashop, etc.)
   ============================================ */

/* Campaign Section Header - Dark gradient bar */
/* Unified Campaign Section Header - Dark gradient bar matching Legacy 'Pelatologio' */
.campaignHeader {
    display: block;
    width: 1160px;
    height: 38px;
    line-height: 38px;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
    margin-bottom: 5px;
    padding: 0;
}

.campaignHeaderTitle {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    padding-left: 10px;
    float: left;
    font-weight: normal;
}

.campaignHeaderOption {
    float: left;
    margin-left: 20px;
    padding-top: 0px;
}

.campaignHeaderOption a {
    color: #ccc;
    font-size: 13px;
    text-decoration: none;
    padding: 2px 5px;
}

.campaignHeaderOption a:hover,
.campaignHeaderOption a.highlight {
    background-color: #c60021;
    /* Red highlight */
    color: white;
}

.campaignHeaderTitle {
    font-size: 24px;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    color: #FFF;
    text-shadow: 1px 1px #000000;
    padding-left: 10px;
    margin-right: 30px;
    line-height: 38px;
    vertical-align: middle;
}

.campaignHeaderOption {
    float: left;
    margin-left: 10px;
    padding-top: 0px;
}

.campaignHeaderOption a,
.campaignHeaderOption2 a {
    color: #CCC;
    line-height: 38px;
    margin-right: 15px;
    text-shadow: 1px 1px #000000;
    text-decoration: none;
    font-size: 14px;
}

.campaignHeaderOption a:hover,
.campaignHeaderOption a.highlight {
    background-color: #c60021;
    color: white !important;
    padding: 2px 6px;
    border: 1px solid #a00720;
}

/* Switches */
.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #757474;
    transition: .2s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .2s;
}

input:checked+.slider {
    background-color: #3D8EC7;
}

input:checked+.slider:before {
    transform: translateX(18px);
}

.slider.round {
    border-radius: 18px;
}

.slider.round:before {
    border-radius: 50%;
}

.whatimiss {
    background: -webkit-linear-gradient(#0099cc, #001637);
    background: -o-linear-gradient(#0099cc, #001637);
    background: -moz-linear-gradient(#0099cc, #001637);
    background: linear-gradient(#0099cc, #001637);
    background: -ms-linear-gradient(top, #0099cc, #001637);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0099cc', endColorstr='#001637');
    height: 22px;
    color: #FFF;
    text-align: center;
    padding: 2px 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #004f74;
    line-height: 22px;
}

/* Campaign Table Container */
div.globalCampaignTableContainer {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-color: #ffffff;
}

/* Campaigns Table - Main Structure */
table.campaignsTable {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: Verdana;
    width: 100%;
}

/* Header Row */
table.campaignsTable tr.campaignHeaderTr {
    height: 36px;
}

table.campaignsTable tr.campaignHeaderTr td {
    text-align: center;
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4d9ed8', endColorstr='#1e6ca4');
    color: white;
    font-size: 14px;
    text-shadow: 1px 1px #4d4d4d;
}

/* Body Rows */
table.campaignsTable tr.campaignBodyTr td {
    color: #3f3e3e;
    font-size: 11px;
    border: 1px solid #bbbbbb;
    border-top: none;
    padding: 5px 10px;
    vertical-align: middle;
}

table.campaignsTable tr.campaignBodyTr td.advertiserTd,
table.campaignsTable tr.campaignBodyTr td.MediaShopTd,
table.campaignsTable tr.campaignBodyTr td.bannersTd {
    text-align: center;
}

/* Column Widths */
table.campaignsTable td.advertiserTd {
    width: 130px;
}

table.campaignsTable td.messageTd {
    width: 580px;
}

table.campaignsTable td.MediaShopTd {
    width: 120px;
}

table.campaignsTable td.bannersTd {
    width: 70px;
}

table.campaignsTable td.criterioTd {
    width: 250px;
    text-align: left !important;
}

table.campaignsTable td.websitesTd {
    min-width: 365px;
}

/* Campaign Title Link */
.campTitle {
    font-size: 13.5px;
    font-weight: bold;
    color: #3f3e3e;
    text-decoration: none;
    font-family: Verdana;
    line-height: 1.2;
}

/* Websites column links */
table.campaignsTable tr.campaignBodyTr td.websitesTd a {
    text-decoration: none;
    color: #3f3e3e;
}

table.campaignsTable tr.campaignBodyTr td.websitesTd a:hover {
    text-decoration: underline;
}

/* Filter Bar (Gray gradient) */
.bannerAdsTypesDiv {
    width: 1160px;
    margin: 0 auto 10px auto;
    background: -webkit-gradient(linear, center top, center bottom, from(#b2b2b2), to(#d0d0d0));
    background: -webkit-linear-gradient(#b2b2b2, #d0d0d0);
    background: -moz-linear-gradient(#b2b2b2, #d0d0d0);
    background: -o-linear-gradient(#b2b2b2, #d0d0d0);
    background: -ms-linear-gradient(#b2b2b2, #d0d0d0);
    background: linear-gradient(#b2b2b2, #d0d0d0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
    border: 1px solid #b3b3b3;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

/* Paging Styles */
.paging_container {
    background-color: White;
    padding: 12px;
    display: block;
    border: 1px solid #bbbbbb;
    border-top: 0px;
}

.paging {
    display: inline-block;
}

.paging a,
.paging a:link,
.paging a:active,
.paging a:visited {
    border: 1px solid #e8e8e8;
    background-color: #e5e5e5;
    background-image: url(https://adreport.com/images/pagingButton.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #b7b7b7;
    text-align: center;
    padding: 0 7px;
    margin: 0 2px;
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    color: #828282;
    text-decoration: none;
}

.paging a:hover {
    background-color: #d3d1d1;
    text-decoration: none;
}

.paging a.active_page {
    background-color: #d3d1d1 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #333 !important;
}

/* ============================================
   END SHARED CAMPAIGN TABLE STYLES
   ============================================ */

/* campaign page */



div.centerDiv {
    width: 100%;
    display: block;
    margin: 0 auto;
}













/* paging */















.clear {
    clear: both
}

/* misc */
.left {
    float: left
}

.right {
    float: right
}

.logoBtn {
    padding: 5px 7px 5px 7px;
    background: linear-gradient(#4d9ed8, #16649c);
    border: none;
    outline: none;
    color: white;
    font-size: 15px;
    cursor: pointer;
}

/*search Bar*/
.form-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    /*    align-items:center;
    justify-content: center;*/
    margin-bottom: 0
}

.has-search .form-control {
    padding-left: 2.375rem;
    width: 450px;
    height: 30px;
    border: none;
    outline: none;
    color: grey;
    background: #E3E3E3;
    font-size: 17px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: left;
    pointer-events: none;
    color: #aaa;
    left: 14px;
    top: -3px;
}

.siteCategory {
    background-color: #ae1831;
    border: 1px solid #a00720;
    float: right;
    font-size: 11px;
    line-height: 17px;
    height: 17px;
    margin-top: 8px;
    margin-right: 10px;
    padding-left: 6px;
    padding-right: 6px;
    color: White;
}

#websiteTitle {
    padding-left: 10px;
    display: block;
    width: 591px;
    height: 44px;
    line-height: 44px;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
}




#channelTitle {
    padding-left: 10px;
    display: block;
    width: 520px;
    height: 44px;
    line-height: 44px;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
    text-align: center;
}

#websiteCategoryTitle {
    font-size: 23px;
    display: block;
    text-align: left;
    width: 1160px;
    height: 38px;
    line-height: 37px;
    vertical-align: middle;
    text-align: center;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
}

div.websiteDetails,
div.companyStats {
    margin-left: 10px;
    border: 1px solid #CCC;
}

/* Moved to campaign.css */

div.campStatsLogo {
    background: white;
    width: 256px;
    height: 100px;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 104px;
    vertical-align: middle;
    display: table-cell;
}


div.websiteInfo {
    /*Να αντικατασταθεί παντού από το .top_info*/
    float: left;
    border: 1px solid #CCC;
    background: white;
    width: 400px;
    font-size: 14px;
}



.website_category {
    float: left;
    margin-left: 10px;
    border: 1px solid #CCC;
    background: white;
    width: 187px;
    line-height: 39px;
    font-size: 14px;
}

.category_table {
    width: 100%;
    text-align: center;
}

.category_table .field_name {
    background-color: #545454;
    color: White;
    font-size: 11px;
    line-height: 20px;
    height: 20px
}

.category_table .field_value {
    font-size: 13px;
    line-height: 26px;
    height: 26px
}

/* ΠΙΝΑΚΑΣ ΣΤΑΤΙΣΤΙΚΩΝ ΑΝΩ ΔΕΞΙΑ */
.stats_table {
    background-color: White;
    margin-left: 10px;
    border: 1px solid #bbbbbb;
    text-align: center;
    height: 100px
}

.stats_table td {
    padding: 5px;
    border: 1px solid #bbbbbb;
    font-size: 12px;
}

.stats_table .td_left {
    background-color: #545454;
    color: white;
    text-align: left;
}

.stats_table .td_right {
    text-align: right;
}


.info_link {
    color: #39709d !important;
    text-decoration: none
}

.info_link:visited {
    color: #39709d !important;
    text-decoration: none
}

div.websiteGroupInfo {
    float: left;
    border: 1px solid #CCC;
    background: white;
    width: 844px;
    height: 106px;
    margin-left: 10px;
}

/* Removed duplicate */



div.compUrl {
    height: 38px;
    border: 1px solid #CCC;
    background: white;
    text-align: center;
    font-size: 13px;
    line-height: 38px;
    vertical-align: middle;
}

/* Moved to campaign.css */

input:checked+.slider {
    background-color: #3D8EC7;
    /*#2196F3;*/
}

.roundcorner {
    width: 170px;
    border: 1px solid #ccc;
    padding: 1px;
    padding-right: 6px;
    border: none;
    outline: none;
    height: 20px;
}

select.mainCtg,
select.subCtg {
    width: 190px;
    height: 31px;
    margin-left: 10px;
}

select.advMainCtg,
select.advSubCtg {
    width: 290px;
    height: 25px;
}

#websiteCategoryCont {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top: none;
    width: 565px;
}

#websiteCustomersCont {
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 565px;
}

#websiteCampaignsByStatusCont {
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 577px;
}


#websiteTitleStats {
    font-size: 23px;
    display: block;
    text-align: left;
    width: 500px;
    height: 38px;
    line-height: 37px;
    vertical-align: middle;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
}

div.blackBoxStats {
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    width: 184px;
    height: 134px;
    border: 1px solid #6d6d6d;
    text-align: center;
    color: #FFF;
}

div.blackBoxStats2 {
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    width: 190px;
    height: 134px;
    border: 1px solid #6d6d6d;
    text-align: center;
    color: #FFF;
}

div.blackBoxStatsTitle {
    font-weight: bold;
    font-size: 11px;
}

div.blackBoxStatsTitleSmall {
    font-size: 11px;
    font-weight: bold
}

div.blueBoxStats {
    background: #0072bc;
    width: 50px;
    height: 20px;
    border: 1px solid #09f;
    text-align: right;
    color: #FFF;
    padding-right: 3px;
    display: table-cell;
    vertical-align: middle;
    border: 0px;
}

div.blueBoxStatsBig {
    background: #0072bc;
    width: 90px;
    height: 20px;
    border: 1px solid #09f;
    text-align: right;
    color: #FFF;
    padding-right: 3px;
    display: table-cell;
    vertical-align: middle;
    border: 0px;
}

span.headerTitleActive {
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
}

span.headerTitleInActive {
    font-size: 13px;
    color: #ccc;
    cursor: pointer;
}

#headerTitle {
    display: block;
    text-align: left;
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
}

div.websiteInfoStats {
    float: left;
    border: 1px solid #CCC;
    background: white;
    width: 524px;
    height: 86px;
    line-height: 25px;
}

div.customersPeriod,
div.customersPeriodO {
    border: 1px solid #a8a7a7;
    background-color: #c6c6c6;
    color: #5a5857;
    padding: 3px;
    padding-left: 18px;
    padding-right: 18px;
    cursor: pointer;
    font-size: 13px
}

div.customersPeriodActive {
    background-color: #316b95;
    color: #ffffff;
}

div.advertisersHeader {
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    height: 30px;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
}

.highlightGreen {
    padding: 2px 6px 2px 6px;
    background-color: #00a651;
    border: 1px solid #018441;
}

.optionButtonSmall {
    background: #d6d6d6;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#efefef', endColorstr='#bbbbbb');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#bbbbbb')";
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #bbbbbb);
    /* for firefox 3.6+ */
    width: 180px;
    line-height: 25px;
    vertical-align: middle;
    display: block;
    border: 1px solid #9c9c9c;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    padding: 2px;
}

.optionButtonSmallDate {
    background: #d6d6d6;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#efefef', endColorstr='#bbbbbb');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#bbbbbb')";
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #bbbbbb);
    /* for firefox 3.6+ */
    width: 180px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    display: block;
    border: 1px solid #a8a7a7;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    padding: 2px;
}

.optionButtonSmallActive {
    background: #35719e;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4893c9', endColorstr='#18405e');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4893c9', endColorstr='#18405e')";
    background: -webkit-gradient(linear, left top, left bottom, from(#4893c9), to(#18405e));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #4893c9, #18405e);
    /* for firefox 3.6+ */
    color: #ffffff;
    cursor: pointer;
    border: 0px;

}

.optionBox {
    background: #d6d6d6;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#efefef', endColorstr='#bbbbbb');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#bbbbbb')";
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #bbbbbb);
    /* for firefox 3.6+ */
    width: 320px;
    display: block;
    border: 1px solid #a8a7a7;
}

.optionBoxHeader {
    font-family: Calibri, verdana;
    background: #35719e;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4893c9', endColorstr='#18405e');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4893c9', endColorstr='#18405e')";
    background: -webkit-gradient(linear, left top, left bottom, from(#4893c9), to(#18405e));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #4893c9, #18405e);
    /* for firefox 3.6+ */
    width: 320px;
    display: block;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
}

.optionBoxInactive {
    background: #d6d6d6;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#efefef', endColorstr='#bbbbbb');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#bbbbbb')";
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
    background: -moz-linear-gradient(top, #efefef, #bbbbbb);
    width: 320px;
    display: block;
    font-size: 20px;
    font-family: calibri, verdana;
    vertical-align: middle;
    text-align: center;
    color: #3f3e3e;
    border: 1px solid #a8a7a7;
}

select.aMonth,
select.aYear {
    width: 100px;
    height: 25px;
}

div.categoryTitle {
    color: #FFF;
    font-size: 16px;
    padding-left: 10px;
}

div.difDiv {
    width: 388px;
    text-align: center;
    border: 1px solid red;
    background-color: #FFF;
}

/* Moved to campaign.css */

/* Moved to campaign.css */

.editTitle {
    font-family: Verdana;
    font-size: 18px;
    color: #2c2c2c;
}

.uploadBtn {
    box-shadow: 0px 10px 14px -7px #276873;
    background: linear-gradient(#2785cb, #1e6192);
    background-color: #599bb3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 18px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #3d768a;
    border: none;
}

.uploadBtn:hover {
    background: linear-gradient(#1e6192, #2785cb);
    background-color: #408c99;
}

.uploadBtn:active {
    position: relative;
    top: 1px;
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    padding-top: 200px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
}

.otherInfoSubTitle {
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
    font-size: 15px;
    background: -webkit-linear-gradient(#2785cb, #1e6192);
    background: -o-linear-gradient(#2785cb, #1e6192);
    background: -moz-linear-gradient(#2785cb, #1e6192);
    background: linear-gradient(#2785cb, #1e6192);
    background: -ms-linear-gradient(top, #2785cb, #1e6192);
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
}

div.otherInfoTitle {
    color: #FFF;
    font-size: 16px;
    padding-left: 10px;
}

div.advertisersContainer {
    border: 1px solid #bbbbbb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFF
}

div.facebookContainer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

div.radiusNumber {
    background-image: url(/images/ellipsewebsites_sm.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: bold;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer
}

.counter {
    position: absolute;
    top: 0;
    margin: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #4899d3;
    font-size: 10px;
    color: #FFFF;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/images/ellipsewebsites.png);
    background-repeat: no-repeat;
}

.optionsCustomersclass {
    position: absolute;
    padding: 10px;
    color: #ffffff;
    display: none;
    z-index: 99999999;
}

table.rightTableInside tr.campaignHeaderTr td {
    height: 30px;
    text-align: center;
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    color: white;
    font-size: 15px;
}

.post {
    z-index: 100;
    width: 260px;
    position: relative;
    min-height: 390px;
    float: left;
    margin-right: 12px;
    margin-top: 3px;
    margin-bottom: 10px;
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border: solid 1px #bbbb;
}

.YTvideo {
    z-index: 100;
    width: 357px;
    /*margin-left:12px; */
    position: relative;
    min-height: 390px;
    float: left;
    margin-right: 12px;
    margin-top: 3px;
    margin-bottom: 10px;
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border: 1px solid #b3b3b3;
}

.moreVideosTitle {
    float: left;
    width: 275px;
    margin: 10px;
    text-align: left;
    font-size: 12px;
}

.moreVideosTitle a {
    text-decoration: none;
    color: Black;
}

.postDetails {
    background-color: #FFF;
    padding: 1px;
    margin-left: 10px;
    width: 630px;
    float: left;
    height: 889px;
    display: table;
}

.videoDetails {
    background-color: #FFF;
    padding: 10px;
    margin-left: 10px;
    width: 370px;
    float: left;
    height: 400px;
    display: table;
}

.container {
    overflow: auto;
    clear: both;
    display: flex;
}

.logo {
    display: inline-block;
    margin-bottom: 10px;
    min-height: 48px;
}

.videoTitle {
    position: relative;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
    overflow: hidden
}

.aDiv {
    text-decoration: none;
    color: Black;
}

.launchDate {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    color: Grey;
    padding: 3px;
}

.duration {
    position: absolute;
    left: 0;
    bottom: -25px;
    display: inline-block;
    font-size: 11px;
    color: Grey;
    padding: 3px;
}

.FBicons {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.loading {
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.moreInfo {
    position: absolute;
    z-index: 1000;
}

.brand {
    position: absolute;
    left: 5px;
    bottom: 10px;
    margin: 5px;
    cursor: pointer
}

.dLink {
    text-decoration: none;
    color: #39709d;
    font-size: 12px;
}

.line {
    margin-bottom: 10px;
}

#fbc {
    width: 100%;
    height: 800px;
    display: table;
}

#ytc {
    width: 100%;
    height: 1600px;
    display: table;
}

.step-btns {
    width: auto;
    background: linear-gradient(#2785cb, #1e6192);
    font: 14px verdana, sans-serif;
    color: white;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    padding: 8px;
    border: none;
    text-align: center;
    cursor: pointer;
}

.icons_name {
    padding: 3px 10px 0px 10px;
    background-color: #437396;
    color: #d3d2d2;
    border: 3px solid #134c74;
    height: 20px;
}

.clear {
    clear: both
}

/* remove the list style */
#nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float: left;
    display: block;
    padding-left: 5px;
    padding-right: 6px;
    /*background:#ccc; */
    position: relative;
    z-index: 500;
    margin: 0 1px;
    border-right: 1px solid #c8cfd5;
    height: 32px;
}

#nav li.last {
    border-right: none;
    text-align: center;
}

/* this is the parent menu */
#nav li a {
    display: block;
    padding: 7px 5px 0 5px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
    color: #ffffff;
}

#nav li a:hover {
    color: #fff;
}

/* you can make a different style for default selected value */
#nav a.selected {
    color: #f00;
}

/* submenu, it's hidden by default */
#nav ul {
    position: absolute;
    left: 0;
    display: none;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #134163;
    margin-top: 5px
}

#nav ul li {
    float: left;
    background-color: #134163;
    height: 32px;
    border-right: none
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display: block;
    height: 15px;
    color: #ffffff;
}

#nav ul a:hover {
    text-decoration: none;
}

#nav ul.subUl {
    top: 27px;
}

#nav ul.subUl li:hover {
    background-color: #3d79a6;
}

#nav ul.subUl li {
    width: 100px;
}

#nav ul.subUl li a {
    text-align: left;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin: 0 0 0 -2px;
}

.topMenuAdSpend {
    display: block;
    float: left;
    width: 86x;
    height: 25px;
    font-size: 15px;
    background-color: #00a651;
    margin: 0 auto;
    color: white;
    padding: 7px 5px 0 5px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-left: 5px
}

.missedCampaign {
    background-image: url(/images/tickRedMiss.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.notMissedCampaign {
    background-image: url(/images/tickBlueMiss.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.moreInfo img {
    max-width: 500px
}

#footerTable {
    color: #b2b2b2;
    font-size: 11px;
    font-family: Verdana;
    width: 1170px;
    height: 80px;
    background-color: #191919;
}

#footerTable td.tdLinks a {
    color: #FFF;
    text-decoration: none;
}

.FBother {
    float: left;
    margin-left: 20px;
}

table.rankTable th {
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    height: 30px;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
}

tr.advertisersHeader td {
    text-align: center;
    height: 30px;
}

td.rankCounter {
    width: 49px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.rankLogo {
    width: 175px;
    border-right: 1px solid #ccc;
    text-align: center
}

td.rankCampaigns {
    width: 55px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.extraInfo {
    font-size: 14px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: left;
    padding-left: 5px;
}

td.rankAdvertisers {
    width: 55px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.rankChange {
    width: 58px;
    border-right: 1px solid #ccc;
}

table.rankTable td {
    height: 50px;
    /*background-color: #FFF;*/
}

a.url_link {
    color: #39709d;
    text-decoration: none;
    cursor: pointer;
}

.brand {
    float: left;
    margin-left: 20px;
}

.brandsRoundCont {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
}

select.customMainCtg,
select.customSubCtg {
    width: 240px;
    height: 28px;
    font-size: 15px;
    border: 1px solid #AAAAAA;
}

.customInput {
    width: 230px;
    height: 25px;
    font-size: 15px;
    border: 1px solid #AAAAAA;
    padding-left: 5px;
}

div.customReportDiv {
    display: table-cell;
    width: 1156px;
    height: 37px;
    background-image: url(/images/reportDiv.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    color: #FFF;
    font-weight: normal;
    font-size: 13px;
    vertical-align: middle;
    padding-left: 85px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 10px;
}

div.customReportOptions {
    width: 1160px;
    background-color: #FFF;
    border: 1px solid #c3c3c3;
    display: block;
    height: 155px;
    margin: 0 auto;
}

table.customReportOptionsTable {
    width: 100%;
}

table.customReportOptionsTable td {
    text-align: center;
    vertical-align: middle;
}

.hand {
    cursor: pointer;
}

.websitesDivHeaderContainer {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    padding-left: 10px;
    border: 1px solid #4d9ed8;
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4d9ed8', endColorstr='#1e6ca4');
    color: #FFF;
}

.websitesDivBodyContainer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    border: 1px solid #bbbbbb;
    border-top: none;
    background-color: white;
}

div.websiteInfoNoLogo {
    float: left;
    border: 1px solid #CCC;
    background: white;
    width: 882px;
    height: 40px;
}

#websiteTitleNoLogo {
    font-size: 23px;
    display: block;
    text-align: left;
    width: 884px;
    height: 38px;
    line-height: 37px;
    vertical-align: middle;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
}

div.details {
    margin-bottom: 2px;
}

#searchInput {
    width: 422px;
    height: 29px;
    background: transparent;
    background-image: url(https://adreport.com/images/searchBg.png);
    background-repeat: no-repeat;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    color: #6b6b6b;
    font-size: 12px;
    position: relative;
    font-family: tahoma;
    top: -1px;
    padding-left: 30px;
}

.ac_loading2 {
    width: 422px;
    height: 29px;
    background: transparent;
    background-image: url(https://adreport.com/images/searchBgLoading.png);
    background-repeat: no-repeat;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    color: #6b6b6b;
    font-size: 12px;
    position: relative;
    font-family: tahoma;
    top: -1px;
}

.ac_loading {
    width: 422px;
    height: 29px;
    background: transparent;
    background-image: url('https://adreport.com/images/ajax-loader.gif'), url(https://adreport.com/images/searchBg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right 30px center, 0 0;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    color: #6b6b6b;
    font-size: 12px;
    position: relative;
    font-family: tahoma;
    top: -1px;
}

.changeActiveDiv {
    color: #6d6c6c;
    font-family: calibri;
    font-size: 19px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 1px solid gray;
    background-color: #dcdcdb;
    min-width: 300px;
    min-height: 27px;
}

div.customReportOptionsLogo {
    width: 1160px;
    background-color: #FFF;
    border: 1px solid #c3c3c3;
    display: block;
    height: 50px;
    margin: 0 auto;
}

.buttonTdCont {
    display: table-cell;
    vertical-align: middle;
    width: 175px;
    height: 34px;
    text-align: center;
    border: hidden;
    background: none;
    background-color: none;
    cursor: pointer
}

.buttonInactive {
    display: block;
    width: 175px;
    height: 34px;
    border: 1px solid #b1b1b1;
    color: #444443;
    /* SVG fallback(Opera 11.10-, IE9) */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjAzLDIwMywyMDMsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(203, 203, 203, 1));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(203, 203, 203, 1));
    /* Chrome 7+ & Safari 5.03+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(203, 203, 203, 1)));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFFFF, EndColorStr=#FFCBCBCB);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFCBCBCB)"
}

.titleDiv {
    display: block;
    height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    /* SVG fallback(Opera 11.10-, IE9) */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEwMiwxODcsMjQ5LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNTMsMTMzLDE5MSwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(102, 187, 249, 1), rgba(53, 133, 191, 1));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(102, 187, 249, 1), rgba(53, 133, 191, 1));
    /* Chrome 7+ & Safari 5.03+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(102, 187, 249, 1)), color-stop(1, rgba(53, 133, 191, 1)));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF66BBF9, EndColorStr=#FF3585BF);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF66BBF9,EndColorStr=#FF3585BF)"
}

.titleDivTd {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-family: verdana;
}

.aLink:hover {
    text-decoration: underline
}

.whiteBlock {
    display: block;
    background-color: #FFF;
    border: 1px solid #c3c3c3;
    border-top: none;
    min-height: 260px;
}

.buttonActive {
    display: block;
    height: 34px;
    border: 1px solid #b1b1b1;
    color: #ffffff;
    /* SVG fallback(Opera 11.10-, IE9) */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIwNiwyMDYsMjA2LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNjUsNjUsNjUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(206, 206, 206, 1), rgba(65, 65, 65, 1));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(206, 206, 206, 1), rgba(65, 65, 65, 1));
    /* Chrome 7+ & Safari 5.03+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(206, 206, 206, 1)), color-stop(1, rgba(65, 65, 65, 1)));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFCECECE, EndColorStr=#FF414141);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFCECECE,EndColorStr=#FF414141)"
}

.groupName {
    height: 30px;
    width: 202px;
    border: 1px solid #b1b1b1;
    padding-left: 5px;
    /* SVG fallback(Opera 11.10-, IE9) */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjQ1LDI0NSwyNDUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(245, 245, 245, 1));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(245, 245, 245, 1));
    /* Chrome 7+ & Safari 5.03+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(245, 245, 245, 1)));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFFFF, EndColorStr=#FFF5F5F5);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFF5F5F5)";
}

.tdSeperator {
    width: 5px
}

.roundedContainer {
    display: block;
    width: 1154px;
    border: 1px solid #c3c3c3;
    background-color: #FFF;
}

div.createGroup {
    background: -webkit-linear-gradient(#65baf8, #3585bf);
    background: -o-linear-gradient(#65baf8, #3585bf);
    background: -moz-linear-gradient(#65baf8, #3585bf);
    background: linear-gradient(#65baf8, #3585bf);
    background: -ms-linear-gradient(top, #65baf8, #3585bf);
    height: 20px;
    color: #FFF;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 20px;
    cursor: pointer;
    font-size: 11px;
    border: 1px solid #004f74
}

a.groupButton {
    text-decoration: none
}

a.groupButton:hover {
    text-decoration: underline
}

#groupContent a:hover {
    text-decoration: underline
}

#settingsTable td.leftTd {
    width: 270px;
}

#settingsTable td.rightTd {
    width: 876px;
}

.rightTdCont {
    display: block;
    width: 100%x;
    height: 100%;
    background-color: #f4f4f4;
    border: 1px solid #c3c3c3;
    min-height: 210px;
    display: none;
}

.leftTdTitle {
    display: block;
    width: 100%;
    height: 25px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    background: #999;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #999999, #000);
    /* for firefox 3.6+ */
}

.leftTdTitleTd {
    display: table-cell;
    height: 25px;
    vertical-align: middle;
    padding-left: 10px;
}

.leftTdCont {
    display: block;
    width: 250px;
    background-color: #f4f4f4;
}

.boldText {
    font-weight: bold
}

#categoryGroups a {
    color: #444;
}

#categoryGroups,
#groupContent {
    padding-left: 10px;
    max-height: 380px;
}

#parentGroupContent {
    width: 270px;
    max-height: 335px;
    overflow: auto;
    overflow-x: hidden
}

.groupContentTdLast {
    width: 315px;
    max-height: 335px;
    overflow: auto;
    overflow-x: hidden
}

/* Για σελίδες με left tabs, όπως η websites.asp*/
.left_tab {
    width: 135px;
    height: 22px;
    background-color: #4e4e4e;
    color: White;
    padding: 6px 5px 0px 10px;
    margin: 0px;
    cursor: pointer;
    border-bottom: 1px solid #000000;
    text-decoration: none
}

.left_tab:hover {
    background-image: linear-gradient(#2271a9, #4292cc) !important
}

.left_tab:active {
    background-color: #000000
}

.selected_tab {
    background-image: linear-gradient(#2271a9, #4292cc) !important
}

.cms_button {
    width: 74px;
    height: 22px;
    background-color: #4e4e4e;
    color: White;
    padding: 6px 5px 0px 10px;
    margin: 0px;
    cursor: pointer;
    border-bottom: 1px solid #000000;
    text-decoration: none
}

.cms_button:hover {
    background-image: linear-gradient(#2271a9, #4292cc) !important
}

.cms_button:active {
    background-color: #000000
}


.edit_button {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 10px;
    padding: 4px 10px 4px 10px;
    background-color: #ebf1f2;
}

.edit_button a {
    color: black;
}

.setFilter {
    font-size: 13px;
    line-height: 30px;
}


.no_new_campaigns {
    text-align: center;
    background-color: White;
    height: 50px;
    line-height: 50px;
    margin-top: -10px;
    border: 1px solid #b3b3b3
}

.non_set_rate {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 16px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color: #f5f5f5;
    text-align: center;
    text-decoration: none;
    background: #d20000;
    box-shadow: 0 0 3px gray;
    font-size: 20px;
    font-weight: bold;
    z-index: 1000;
    cursor: context-menu;

}

.set_rate {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 18px;
    z-index: 1000;
    cursor: context-menu;
}

.noLogoText a:link {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

select#member {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    color: #555;
    font-size: 13px;
    margin: 5px;
    overflow: hidden;
    padding: 3px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

div.createGroup {
    background: -webkit-linear-gradient(#65baf8, #3585bf);
    background: -o-linear-gradient(#65baf8, #3585bf);
    background: -moz-linear-gradient(#65baf8, #3585bf);
    background: linear-gradient(#65baf8, #3585bf);
    background: -ms-linear-gradient(top, #65baf8, #3585bf);
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    color: #FFF;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 20px;
    cursor: pointer;
    font-size: 11px;
    border: 1px solid #004f74
}

.memberContainer {
    float: left;
}

.slidingDiv {
    z-index: 10000;
    border-radius: 6px;
    border: 1px solid #d4d2d2;
    margin: 3px;
    padding: 5px;
}

.copyImg {
    float: right;
}

.results {
    display: none;
}

div.messageInfo {
    font-size: 11px;
    font-style: italic;
    color: #999;
    padding: 10px;
}

#savedReports div {
    line-height: 20px;
}

.elementDivSearch {
    margin-bottom: 20px;
}

div.elementActive {
    border: 2px solid #696969;
    color: #3f3e3e;
}

div.elementInActive {
    border: 1px solid #cbcbcb;
    color: #bbbbbb;
}

td.rankLatestCompanies {
    padding: 5px
}

td.rankLatestCompanies a {
    font-size: 13px;
    color: #3f3e3e;
    text-decoration: none;
}

.rankLink a {
    text-decoration: none;
    color: #3f3e3e;
}

tr.rankHeader {
    background: -webkit-linear-gradient(#4d9ed8, #1e6ca4);
    background: -o-linear-gradient(#4d9ed8, #1e6ca4);
    background: -moz-linear-gradient(#4d9ed8, #1e6ca4);
    background: linear-gradient(#4d9ed8, #1e6ca4);
    background: -ms-linear-gradient(top, #4d9ed8, #1e6ca4);
    height: 30px;
    color: #FFF;
    font-size: 15px;
    text-align: center;
}

div.alertByType {
    background-color: #f5f5f5;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ccc;
    position: relative;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 22px;
    text-align: center;
}

div.alertGroupByTypeOn {
    background-color: #DFFDE6;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ccc;
    position: relative;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 22px;
    text-align: center;
}

div.alertGroupByTypeOff {
    background-color: #f5f5f5;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ccc;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 22px;
    text-align: center;
}

div.val {
    position: relative;
    top: -1px
}

#companiesAlerts,
#groupCompaniesAlerts,
#websitesAlerts,
#groupWebsitesAlerts,
#categoriesAlerts,
#groupCategoriesAlerts {
    line-height: 26px;
}

img.deleteAlert {
    top: -1px;
    position: relative
}

/* campaignHeader */
.campaignHeader {
    display: block;
    width: 100%;
    height: 37px;
    background: linear-gradient(#6d6d6d, #151515);
    color: white;
}

.campaignHeaderTitle {
    font-size: 24px;
    font-family: Calibri;
    color: #FFF;
    text-shadow: 1px 1px #000000;
    padding-left: 10px;
    margin-right: 30px;
    line-height: 36px;
}

.bannerAdsTypesDiv {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    font-size: 13px !important;
    border: 1px solid #b3b3b3;
    background: linear-gradient(#b2b2b2, #d0d0d0);
}

.optionBoxHeader {
    font-family: Calibri, verdana;
    background: linear-gradient(to bottom, #4893c9, #18405e);
    width: 320px;
    display: block;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
}

.optionBoxInactive {
    background: linear-gradient(to bottom, #efefef, #bbbbbb);
    width: 320px;
    display: block;
    font-size: 20px;
    font-family: calibri, verdana;
    vertical-align: middle;
    text-align: center;
    color: #3f3e3e;
    border: 1px solid #a8a7a7;
}

/* Rank Table Classes */
table.rankTable th {
    background: linear-gradient(#4d9ed8, #1e6ca4);
    height: 30px;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
}

td.rankCounter {
    width: 49px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.rankLogo {
    width: 175px;
    border-right: 1px solid #ccc;
    text-align: center;
}

td.rankCampaigns {
    width: 55px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.extraInfo {
    font-size: 14px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: left;
    padding-left: 5px;
}

td.rankAdvertisers {
    width: 55px;
    font-size: 22px;
    font-family: verdana;
    border-right: 1px solid #ccc;
    text-align: right;
    padding-right: 5px;
}

td.rankChange {
    width: 58px;
    border-right: 1px solid #ccc;
}

table.rankTable td {
    height: 50px;
}

a.url_link {
    color: #39709d;
    text-decoration: none;
    cursor: pointer;
}

.errorText {
    border: 1px solid red
}

.inputTick {
    background-image: url(/images/tick.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.whiteBlockSmall {
    display: block;
    background-color: #FFF;
    border: 2px solid #c3c3c3;
    width: 386px;
    min-height: 90px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    margin: 0 auto;
    border-top: none;
}

.whiteBlockIns {
    padding: 10px
}

.formText {
    width: 350px;
    height: 25px;
}

.textAlerts {
    width: 400px;
    height: 25px;
    color: #999;
    padding-left: 5px;
}

.profileFormText {
    width: 220px;
    height: 25px;
    padding-left: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
}

div.isOnTV {
    position: relative;
}

div.newburst {
    position: relative;
}


/* CAMPAIGN.ASP */
#feedback-div {
    position: absolute;
    right: 0px;
    top: 110px;
    padding: 20px;
    width: 370px;
    height: 210px;
    background-color: white;
    box-shadow: 0 10px 30px;
    z-index: 10;
}

#campTitle,
#campMessage {
    height: 20px
}

div.campProductTitle {
    font-size: 13px;
    color: #444444;
    font-family: Verdana;
}

div.campProductTitle2 {
    font-size: 13px;
    color: #444444;
    font-family: Verdana;
    margin-top: 10px
}

.campaignTitle,
.campaignMessage {
    font-size: 16px;
    color: #2c2c2c;
    font-family: Verdana;
}

.brandTitle {
    color: #2e659d;
    text-decoration: none;
    font-size: 16px;
}





/* Το πήρα από το style της start.asp */
.v11 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px
}

.v12 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px
}

.v13 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px
}

.textbox {
    padding: 4px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px
}

.bullets_title {
    font-size: 23px;
    color: #7d7d7d;
    margin-bottom: 0px
}

.menu {
    border-right: 1px solid #e0eff7;
    text-align: center
}

.menu1 {
    text-align: center
}

.menulink {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: White;
    text-align: center;
    text-decoration: none;
}

.now {
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #1c6695
}

.intermediate {
    line-height: 18px;
    width: 710px;
    border-radius: 7px;
    border: 1px solid #cecdcd;
    background-color: White;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-top: 10px;
    color: #004faa
}

.textbox1 {
    font-size: 20px;
    padding: 3px;
    width: 480px;
    color: #565656;
    background-color: #e5e5e5;
    border: none;
}

.textbox2 {
    font-size: 16px;
    padding: 3px;
    width: 280px;
    color: #565656;
    background-color: #e5e5e5;
    border: none;
}

.trTitle {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px
}

.tr14 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-collapse: collapse
}

.tr16 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    border-collapse: collapse
}

.tr20 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #6a6a6a
}

.message {
    width: 480px;
    height: 100px;
    background-color: #e5e5e5;
    border: none;
}

a.homelink:link {
    color: #00446d;
    text-decoration: underline;
}

a.homelink:visited {
    color: #00446d;
    text-decoration: underline;
}

a.homelink:hover {
    color: #00446d;
    text-decoration: underline;
}

img.mtop10 {
    margin-top: 2px;
}

#adspendSelect select {
    width: 220px;
    height: 24px;
    color: #2c6086;
    border: 1px solid #bbcedc;
    font-size: 14px;
    padding-left: 3px;
}

#contentGroupSelect select {
    width: 220px;
    height: 24px;
    color: #2c6086;
    border: 1px solid #bbcedc;
    font-size: 14px;
    padding-left: 3px;
}

#adspendWebsiteTitle {
    padding-left: 10px;
    display: block;
    width: 880px;
    height: 44px;
    line-height: 44px;
    background: -webkit-linear-gradient(#6d6d6d, #151515);
    background: -o-linear-gradient(#6d6d6d, #151515);
    background: -moz-linear-gradient(#6d6d6d, #151515);
    background: linear-gradient(#6d6d6d, #151515);
    background: -ms-linear-gradient(top, #6d6d6d, #151515);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#151515');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
}

div.adspendCampLogo {
    background: white;
    width: 256px;
    height: 95px;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 104px;
    vertical-align: middle;
    display: table-cell;

}

div.adspendCampLogo img {
    vertical-align: middle;
}

.adspendCompare {
    color: #CCC;
    width: 220px;
    font-size: 14px;
    padding: 2px;
}

.imprBar {
    min-height: 22px;
    background-color: #7fc9b5;
    border-radius: 3px;
    align-items: center;
    display: flex;
    font-size: 13px;
    font-family: Tahoma
}

.errorBorder {
    border: 2px solid red
}

.overflow-modal {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.68);
    bottom: 0;
    cursor: progress;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    padding: 20px
}


/* news.asp */
.news_title {
    font-size: 16px;
}

.news_text {
    font-size: 12px;
    margin-right: 10px;
    line-height: 14px
}

#news_table td {
    border-bottom: 10px solid #e3e3e3;
}

#news_table .date {
    font-size: 14px;
    color: #6e6e6e;
    margin-bottom: 4px
}

#news_table a {
    color: #000000;
    text-decoration: none
}


/* Company Header*/
#companyTitle {
    padding-left: 10px;
    display: block;
    width: 608px;
    height: 42px;
    line-height: 42px;
    background: -webkit-linear-gradient(#6d6d6d, #2b2b2b);
    background: -o-linear-gradient(#6d6d6d, #2b2b2b);
    background: -moz-linear-gradient(#6d6d6d, #2b2b2b);
    background: linear-gradient(#6d6d6d, #2b2b2b);
    background: -ms-linear-gradient(top, #6d6d6d, #2b2b2b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#2b2b2b');
    /*For IE7-8-9*/
    margin: 0 auto;
    color: white;
}


.top_info {
    float: left;
    border: 1px solid #CCC;
    background: white;
    font-size: 14px;
    height: 45px;
    text-align: center;
    display: inline-block;
    position: relative
}

.brand_logo {
    max-width: 96%;
    max-height: 96%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.Missinfo {
    width: 1150px;
    background-color: #FFF;
    border: 1px solid #c3c3c3;
    padding: 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

div.MissOptions {
    width: 1160px;
    background-color: #FFF;
    border: 1px solid #c3c3c3;
    display: block;
    height: 65px;
    margin: 0 auto;
}


/* YOUTUBE*/
.youtube_extra_infobox {
    position: absolute;
    bottom: 10px;
    display: table;
    height: 26px;
    font-size: 11px;
    background-color: #e3e3e3;
    line-height: 26px;
    width: 357px
}

.youtube_brand_logo {
    max-width: 100px;
    max-height: 22px;
}

.youtube_extra_infobox table {
    border-collapse: collapse;
    border: 1px solid #b3b3b3;
    background-color: White
}

.yt_descr {
    margin-top: 6px;
    margin-bottom: 10px;
    color: #545454;
    height: 110px
}

.impressionsBox {
    font-size: 12px;
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    background-color: #7fc9b5;
    padding-left: 6px;
    padding-right: 6px;
}


/* SOCIAL */
/* TikTok */
.advertiserLogo {
    background-color: #ffffff;
    border: 2px solid #e5e5e5;
    height: 48px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.advertiserLogo:hover {
    border-color: #c9c9c9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.postInfo {
    font-size: 11px;
    background-color: #f2f2f2;
    border: 1px solid #d7d7d7;
    padding: 0px 6px;
    margin-top: 10px;
    height: 26px;
    line-height: 26px
}

.postInfo a,
.postInfo a:visited {
    color: Black;
    text-decoration: none;
}

.postInfo a:hover {
    color: #0b72f7
}


.TTvideoDetails {
    background-color: #FFF;
    padding: 16px;
    width: 370px;
    float: left;
    height: 889px;
    display: table;
}


#linksTable tr {
    border: 1px solid transparent;
}

#linksTable tr:hover {
    border-color: #c9c9c9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#linksTable td {
    padding: 6px
}

#linksTable {
    width: 258px
}

.influencer {
    background-color: #b11e50;
    padding: 3px 6px;
    border-radius: 4px;
    color: White;
    display: flex;
    width: fit-content;
}

.topAd {
    background-color: #087710;
    color: White;
    padding: 3px 6px;
    border-radius: 4px;
    display: flex;
    width: fit-content
}

.topAd_post {
    background-color: #087710;
    color: White;
    padding: 4px 7px;
    border-radius: 4px;
    display: flex;
    width: fit-content
}

.topAdCategory {
    background-color: #d8e5da;
    color: Black;
    padding: 4px 7px;
    border-radius: 4px;
    display: flex;
    width: fit-content;
    float: left;
    margin-left: 8px;
    margin-bottom: 10px
}

.paidPartnership {
    background-color: #046999;
    color: White;
    padding: 4px 5px;
    border-radius: 4px;
    display: flex;
    width: fit-content;
}

.influencer_account_name {
    font-weight: bold;
    margin-bottom: 2px
}

.influencer_name {
    font-size: 11px;
    margin-bottom: 6px
}

.success {
    color: Green;
    font-weight: bold;
}

#banner-preview {
    position: absolute;
    display: none;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-width: 300px;
    max-width: 600px;
    border-radius: 4px;
    padding: 0;
}



.text {
    background-color: White;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}

.text a {
    color: #476787
}

.text .title {
    font-size: 20px;
    margin-top: 46px;
    margin-bottom: 16px;
    color: Gray
}

.text .subtitle {
    font-size: 17px;
    margin-top: 14px;
    margin-bottom: 6px;
    color: Gray
}

.text .par {
    margin-top: 10px
}


/* ADVERTISERS */
.logo_cell {
    float: left;
    width: 159px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #c0c0c0;
}

.influencersTable tr {
    border-bottom: 1px solid #9e9e9e;

}

.influencersTable tr:hover {
    cursor: pointer;
    background-image: linear-gradient(#ffffff, #f2f2f2);
}

.influencersTable td {
    padding: 8px;
    text-align: right;
}

.influencersTable .influencerName {
    font-size: 20px;
    text-align: left;
    width: 320px
}

.influencersTable .influencerName a {
    color: #191919;
    text-decoration: none;
    font-size: 18px
}

.influencersTable .influencerName a:visited {
    color: #191919;
    font-size: 20px;
    text-decoration: none;
}

.influencersTable .influencerAccount {
    margin-top: 3px;
    font-size: 14px
}

.influencersTable .numberCell {
    width: 70px;
    border-left: 1px solid #9e9e9e
}


.influencersTable .number {
    font-size: 16px
}

.influencersTable .userBio {
    text-align: left;
    font-size: 12px;
    border-left: 1px solid #9e9e9e
}

.data_cell {
    float: left;
    padding-left: 10px;
    width: 130px;
    height: 64px;
    background-color: #f1f1f1;
    font-size: 12px;
    display: flex;
    align-items: center;
    border-left: 1px solid #dadada;
    box-sizing: border-box;
    border-bottom: 1px solid #c0c0c0;
}

.data_cell table {
    width: 110px;
}

.data_cell td {
    padding: 1px;
}


.TTstats_table {
    border: 1px solid #bbbbbb;
    height: 100%;
    text-align: right;
    background-color: White;
}

.TTstats_table td {
    padding: 5px;
    border: 1px solid #bbbbbb;
}

.TTstats_table .td_left {
    background-color: #545454;
    color: white;
    padding-left: 8px;
    text-align: left
}


#influencerHeader .influencerAccount {
    font-size: 24px;
}

#influencerHeader .influencerName {
    font-size: 16px;
    margin-top: 5px
}


#influencerHeader .influencerBio {
    font-size: 13px;
    margin-top: 10px
}

.statsDiv {
    background-color: White;
    padding: 20px
}

.statsDiv td {
    padding: 6px;
    border: 1px solid #bbbbbb
}

.statsDiv a {
    color: #39709d
}

.sectionTitle {
    font-size: 18px;
    margin-bottom: 10px
}


.okButton {
    padding: 8px 12px;
    background-color: #4b8aa8;
    color: White;
    border: 0px;
    min-width: 60px;
    cursor: pointer;
}

.yt_dataTable {
    font-size: 16px
}

.yt_dataTable a {
    color: #39709d;
    text-decoration: none;
}

.yt_dataTable {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

.yt_dataTable td,
.dataTable th {
    border: 1px solid #aaa;
    padding: 8px;
    text-align: right;
}

.yt_dataTable th {
    text-align: center;
    background-color: #e6e6e6;
    font-weight: bold;
    height: 42px;
    font-size: 14px;
    border: 1px solid #aaa;
}

.yt_dataTable tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* Χρώμα για τις ζυγές γραμμές */
.pageTitle {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 24px;
    margin: 0 0 10px;
    padding: 10px 0 10px 10px;
    text-align: center;
    border: 1px solid #aaa
}

.names {
    writing-mode: vertical-rl;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
    color: White !important;
    border-right: solid 1px #FFF;
    margin: 0;
    width: 32px
}


.deleteAndIgnoreDomainButton {
    background-color: #b0160b;
    color: white;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 13px;
    margin: 0px auto 10px auto;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
}

/* ==========================================================================
   STARTPAGE REPLICA STYLES (Cleaned up from inline mess)
   ========================================================================== */

.campaignBodyTr.unupdated {
    background-color: #d3d2d2;
}

.campaignsTable td.advertiserTd.firstTd img {
    max-width: 130px;
    max-height: 50px;
}

.campaignsTable td.advertiserTd.firstTd a.text-advertiser {
    font-family: Verdana;
    font-size: 15px;
    color: black;
    text-decoration: none;
}

.campaignsTable .messageTd .message-text {
    font-size: 11px;
    margin-top: 3px;
    color: #3f3e3e;
}

.campaignsTable .messageTd .info-row {
    font-size: 11px;
}

.campaignsTable .messageTd .info-row.categories {
    margin-top: 3px;
}

.campaignsTable .messageTd .info-row.networks {
    margin-top: 2px;
}

.campaignsTable .messageTd .info-row .label {
    color: #888;
}

.campaignsTable .messageTd .info-row .value {
    color: #3f3e3e;
}

.campaignsTable .websitesTd.lastTd .websites-container {
    font-size: 11px;
    line-height: 1.1;
}

.campaignsTable .websitesTd.lastTd .website-group {
    margin-bottom: 2px;
}

.campaignsTable .websitesTd.lastTd .website-group.history {
    color: #666;
    margin-bottom: 0;
}

.campaignsTable .websitesTd.lastTd .website-label {
    color: #3f3e3e;
}

.campaignsTable .websitesTd.lastTd .website-link {
    color: #3f3e3e;
    text-decoration: none;
}

.campaignsTable .websitesTd.lastTd .website-link.history {
    color: #666;
}

.campaignsTable .bannersTd .banner-item {
    font-size: 10px;
    margin-bottom: 2px;
}

.campaignsTable .bannersTd .more-banners {
    font-size: 10px;
}

/* ==========================================================================
   CAMPAIGN PAGE REPLICA STYLES (PIXEL PERFECT)
   ========================================================================== */

.centerDiv {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#campLogoCont {
    width: 256px;
    background: white;
    border: 1px solid #CCC;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
}

div.advLogo {
    background: white;
    width: 256px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.companyWebsiteDiv {
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #CCC;
    background: white;
    font-size: 13px;
    width: 256px;
    /* Match logo width */
    margin-top: 5px;
}

#campInfoCont {
    width: 890px;
}

.companyHeader {
    display: block;
    width: 890px;
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
    background: linear-gradient(#6d6d6d, #151515);
    margin: 0 auto;
    color: white;
    border-bottom: 1px solid #646464;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.compTitleSpan {
    margin-left: 10px;
    font-size: 24px;
    font-family: Calibri, sans-serif;
}

#campDetailsCont {
    display: flex;
    width: 890px;
}

div.campDetails {
    flex: 1;
    border: 1px solid #CCC;
    background: #f9f9f9;
    background: linear-gradient(#f9f9f9, #ffffff);
    min-height: 106px;
}

div.campDates {
    width: 144px;
    margin-left: 10px;
    border: 1px solid #CCC;
    background: #f9f9f9;
    background: linear-gradient(#f9f9f9, #ffffff);
    min-height: 106px;
    text-align: left;
}

.campDateTitle {
    font-size: 13px;
    color: #444444;
    margin-bottom: 3px;
}

.campDate {
    font-size: 20px;
    color: #282828;
    margin-bottom: 3px;
}

.campDateStatus {
    font-size: 15px;
    color: #444444;
}

.campProductTitle,
.campProductTitle2 {
    font-size: 11px;
    color: #888;
    margin-bottom: 2px;
}

.campaignTitle {
    font-size: 18px;
    color: #2c2c2c;
    font-family: Verdana;
}

.campaignMessage {
    font-size: 16px;
    color: #2c2c2c;
    font-family: Verdana;
}

.brandTitle {
    color: #2e659d;
    text-decoration: none;
    font-size: 18px;
}

/* Campaign specific styles have been moved to campaign.css */

/* USER REQUESTED UNIFIED STYLES */

/* Blue Header for Advertisers Grid */
.blueHeaderBar {
    background: -webkit-linear-gradient(#3D8EC7, #2e659d);
    background: -o-linear-gradient(#3D8EC7, #2e659d);
    background: -moz-linear-gradient(#3D8EC7, #2e659d);
    background: linear-gradient(#3D8EC7, #2e659d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D8EC7', endColorstr='#2e659d', GradientType=0);
    color: white;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    text-align: center;
    /* Matching legacy screenshot */
    border: 1px solid #285e8e;
}

/* Square Badge */
.radiusNumberSquare {
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #3b7dc0;
    color: white;
    font-size: 10px;
    width: 20px;
    /* Square dimensions */
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
    border-radius: 0px;
    /* SQUARE as requested */
    font-weight: bold;
    cursor: pointer;
}

/* Logical Paging Styles */
.pagingButton {
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    color: #333;
    padding: 2px 6px;
    text-decoration: none;
    margin: 0 2px;
    font-size: 11px;
    font-family: Tahoma, Arial, sans-serif;
}

.pagingButton:hover {
    background-color: #d0d0d0;
    border-color: #999;
}

.pagingButton.active {
    font-weight: bold;
    color: #000;
    background-color: transparent;
    border: none;
    padding: 2px 6px;
}

/* Shared Date Picker Modal Styles */
.date-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.date-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #999;
    width: 320px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.date-modal-header {
    background: #232360;
    padding: 12px 15px;
    border-bottom: 1px solid #999;
}

.date-modal-title {
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.date-modal-content {
    padding: 20px;
    background: #f5f5f5;
}

.date-modal-field {
    margin-bottom: 15px;
}

.date-modal-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    font-size: 12px;
}

.date-modal-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #999;
    font-size: 13px;
    background: white;
    box-sizing: border-box;
}

.date-modal-footer {
    text-align: right;
}

.date-modal-btn {
    padding: 8px 15px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 2px;
}

.date-modal-btn-cancel {
    background: #e0e0e0;
    border: 1px solid #999;
    margin-right: 8px;
}

.date-modal-btn-submit {
    background: #232360;
    color: white;
    border: 1px solid #232360;
    font-weight: bold;
}