/*
Theme Name: The Association Partner
Theme URI: https://theassociationpartner.net
Template: astra
Author: John Petrosky
Author URI: https://wpastra.com/about/
Description: CHILD THEME specifically for https://portal.theassociationpartnet.net. Astra is fast, fully customizable & beautiful theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,custom-menu,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 2.1.2.1571970709
Updated: 2023-07-25 15:38:43
*/

/* Common Styles */
  .text-left {text-align:right}
  .text-center {text-align:center;margin:0 auto}
  .text-right {text-align:right}
  .gap-double {gap:20px}
  .flex {display:flex}
  .form-checkbox {margin-left:25px}
  .form-control:disabled {background-color:transparent!important;color:#222!important;border:none!important}
   a:focus {color:#007bff}
  .btn-continue {margin-bottom:15px;width:200px;}
  /* .col, .col-2 {border:0px!important} */
  .white-background a:focus {color:#007bff}
  .warning {color:#FFF!important;background-color:#CC0033!important;}
  .site-background {background-color:#edf5f9}  
  #content {background-color:#edf5f9}  
  .site-navigation {font-size:18px}
  .ast-container {font-size:18px}
  .tabcontent h4 {color:#333!important;}
  .inline {display:inline-block!important;width:45%;padding-right:30px}
  
 /* Tooltips */
  .tooltip2 {display:none;position:absolute;background:#f9f9f9;border:1px solid #d3d3d3;padding:10px;z-index:1000;box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
  
/* Dropdown Toggle Div */
.showHidePanel .contentPanel{
  display: none;
}
  
  /* Campaign List Styles */
/*  .clickUrl a {color:#007bff;font-weight:normal;font-size:14px!important;display:inline-block;line-height:1.0em;transition: 0.5s all;}
  .clickUrl a:visited {color:#007bff} */
  .list-head-assoc {width:15%}
  .list-head-campaign {width:22%;white-space:pre-wrap!important}
  .list-head-date {width:9%}
  .list-head-status {width:6%}
  .list-head-imps {width:8%}
  .list-head-yd {width:8%}
  .list-head-ctr {width:6%}
  .list-head-pacing {width:10%}
  .bid-flag {color:#339933}
  .delivery-flag {color:#CC00FF}
  .audience-flag {color:#444444}
  .pacing-yellow {color:#FFCC33}
  .pacing-red {color:red}
  .sortable a {color:#444}
  .print-only {display:none}
  
  /* Printfriendly Plugin */
  .pf-button {padding-top:10px;padding-bottom:25px;background:transparent;margin:0 auto;text-align:center;}
  @media print {
	  .site-header {display:none;}
	  .print-only {display:block!important;}
	  .report-text-header {display:block!important;}
	  .campaign-card {min-width:340px;}
	  #datePicker {display:none!important;}
      .mobile-image a img {max-height:100px!important}
      .pagebreak {page-break-before:always}
	  .print-no {display:none}
      #printfriendly {font-family:"Arial", sans-serif !important;}
      body {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
        print-color-adjust: exact;
      }
	  @page {
		size: letter;
  	  }
	  .ast-container: {
        zoom: 50%;
		margin: 25mm 25mm 25mm 25mm;
		background-color:#FFF!important;
      }
	  .rm-user-row {background-color:#FFF!important;margin-left:25mm;margin-right:25mm;}
	  .site-content {background-color:#FFF!important;}
  }

  
  /* Leads Widget Styles */
  .lead-list-title {border:1px solid #000;margin:0 auto}
  .lead-list {width:100%;text-align:center;color:#212529}
  .lead-wrapper {width:300px;display:inline-block;margin:10px;border 1px color:#555;font-size:0.6rem;padding:10px;border:1px solid #555;vertical-align:top;text-align:left}
  .lead-logo {max-width:15%;display:inline-block;vertical-align:top;object-fit:cover;height:50px;}
  /* .logo-image {max-height:100%;max-width:100%} */
  .lead-name {font-size:1.0rem;width:75%;display:inline-block;margin-left:20px;word-wrap:normal;max-height:45px;overflow:hidden}
  .lead-location {display:inline-block;margin-top:10px}
  .lead-last-visit {display:inline-block;margin-top:10px;float:right}
  .lead-company {display:inline-block}
  .lead-industry {display:inline-block}
  .company-picture {margin:0 10px}
  .company-picture--placeholder::after,.company-picture {width:60px;height:60px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100%;border:1px solid #e6eaec;border-radius:5px;min-width:50px;position:relative;margin-right:5px;}
  .company-picture--placeholder::after {background:url(/assets/images/icons/building-7ebd54a900ad2dc7b7863ea702b15d74.svg) center no-repeat;background-size:36px auto;height:100%;left:0;opacity:.13;top:0;width:100%}
  .lead-detail-name {font-size:22px;font-weight:700;line-height:1.3}
  
  /* Fuel Gauge */
  /* .fuel-gauge {height:110px;} */ 
  /* .metric {padding-left:20px;padding-right:20px} */
  .metric svg {max-width:100%;}
  .metric path {stroke-width:75;stroke:#ecf0f1;fill:none;}
  .metric text {font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;}
  .metric.participation path.data-arc {stroke: #3498db;}
  .metric.participation text {fill:#3498db;}
  .metric.completion path.data-arc {stroke:#27ae60;}
  .metric.completion text {fill: #27ae60;font-family: 'SFProDisplay';}
  .metric.blocked path.data-arc {stroke:#e74c3c;}
  .metric.blocked text {fill:#e74c3c;}
  
  /* Advertiser Portal CSS */
  /* .opportunities {line-height:2;background-color:#C9DAF8;border:1px solid #000;padding:0px 10px 0px 10px;margin-top:20px}
  .opportunities a {color:#212529}
  .opportunities a:hover {color:#212529;text-decoration:none} */
  
  #campaign-list-wrapper {text-align:center;word-wrap:normal}
  #campaign-list {vertical-align:top;margin-top:20px;justify-content:center;}
  #pdf-campaign-list {vertical-align:top;margin-top:20px;justify-content:center;}
  #association-list {vertical-align:top;margin-top:20px;text-align:center;}
  .campaign-list-title {text-align:center;color:#222;position: relative;padding-top:20px;}
  /* .association-wrapper {width:250px;border:1px solid #000;display:inline-block;text-align:center;vertical-align:top;margin:0px 10px 20px 10px;box-shadow:10px 10px 5px grey;border-radius:20px;} */
  /* .association-name {width:100%;min-height:100px;background-color:#e4efff;font-size:20px;letter-spacing:0px;line-height:28px;color:#142f78;font-weight:bold;font-family:'SFProDisplay';text-align:center;display:flex;align-items:center;padding:0 10px;justify-content:center;border-radius:20px 20px 0px 0px;} */
  /* .association-logo {max-width:60%;display:inline-block;vertical-align:top;object-fit:cover;height:80px;padding-top:10px;margin-bottom:10px} */
  .association-list-logo {vertical-align:top;object-fit:cover;width:100px}
  .edit-logo {vertical-align:top;object-fit:cover;width:30px;padding-top:10px}
  .advertiser-logo {max-width:60%;margin:50px auto 50px auto;text-align:center;object-fit:cover;height:100px}
  .loading {max-width:90px;margin:0 auto;text-align:center}
  .report-header-wrapper {color:#212529;margin:0 auto;justify-content:center;align-items:center;page-break-inside:avoid;page-break-after:avoid;page-break-before:avoid;}
  .report-text-header {display:none;}
  /* .report-header {width:60%;margin:0 auto;padding-top:20px;padding-bottom:20px} */
  /* .report-header-name {background-color:#ccc;padding:10px;border:1px solid #000;margin-left:20%;margin-right:20%} */
  /* .report-header-views {display:table;width:100%;margin:0 auto;color:#212529;font-weight:bold} */
  /* .report-header-total {display:inline-block;color:#0099CC} */
  .campaign-impressions {padding:15px 0px 15px 0px;}
  /* .campaign-runtime {padding:15px 0px 30px 0px} */
  /* .campaign-report {width:70%;background-color:#C9DAF8;margin:10px auto;border:1px solid #000;padding:10px 0px 10px 0px} */
  /* .campaign-pdf-report {width:70%;background-color:#C9DAF8;margin:10px auto;border:1px solid #000;padding:10px 0px 10px 0px}
  .campaign-pdf-report a {color:#212529}
  .campaign-pdf-report a:hover {color:#212529}
  #report-content {text-align:center} */
  #report-budget {visibility:hidden}
  #report-views {visibility:hidden}
  #report-clicks {visibility:hidden}
  #report-remaining {visibility:hidden}
  .pdf-logo {padding-bottom:10px;padding-top:10px;width:80%;margin:0 auto}
  
  /* Customer Service CSS */
  .cs-team {text-align:center;padding-top:10px}
  /* .cs-team-title {border:1px solid #000;text-align:center;width:80%;word-wrap:normal;color:#222;margin:0 auto} */
  /* .team-member {min-width:250px;border:1px solid #000;display:inline-block;text-align:center;margin:0px 10px 20px 10px;font-size:smaller;color:#222!important;box-shadow:10px 10px 5px grey;border-radius:20px;} */
  /* .team-member figure img {max-width:150px;border-radius:50%;padding:20px} */
  .team-member-phone {width:70%;background-color:#C9DAF8;margin:10px auto;border:1px solid #000;padding:10px 0px 10px 0px}
  /* .team-member-email {width:70%;background-color:#C9DAF8;margin:10px auto;border:1px solid #000;padding:10px 0px 10px 0px} */
  .team-member-phone a {color:#212529}
  .team-member-phone a:hover {color:#212529}
  /* .team-member-email a {color:#212529}
  .team-member-email a:hover {color:#212529} */
  
  /* Creative Metrics Table */
  /* .creatives-table {display:table;width:100%;margin:0 auto;color:#212529;margin-bottom:30px;vertical-align:middle;margin-bottom: 120px;} */
  /* .active-true {color:#fff;width:50%;margin:0 auto;background-color:green;background-image:radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);box-shadow:inset -3px -3px 9px rgba(255, 255, 255, 0.25), inset 0px 3px 9px rgba(255, 255, 255, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.6), inset 0px -8px 36px rgba(0, 0, 0, 0.3), inset 0px 1px 5px rgba(255, 255, 255, 0.6), 2px 19px 31px rgba(0, 0, 0, 0.2);border-radius:14px;font-weight:bold;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;white-space:-moz-pre-space;-webkit-appearance:button;-moz-appearance:button;appearance:button;margin-top:10px;margin-bottom:10px} */
  /* .active-false {color:#fff;width:50%;margin:0 auto;background-color:red;background-image:radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);box-shadow:inset -3px -3px 9px rgba(255, 255, 255, 0.25), inset 0px 3px 9px rgba(255, 255, 255, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.6), inset 0px -8px 36px rgba(0, 0, 0, 0.3), inset 0px 1px 5px rgba(255, 255, 255, 0.6), 2px 19px 31px rgba(0, 0, 0, 0.2);border-radius:14px;font-weight:bold;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;margin-top:10px;margin-bottom:10px} */
  .creatives-table .row {
    background: white;
    color: #090A2B;
    margin: 0;
	padding-top:10px;
	padding-bottom:10px;
    border-bottom: 1px solid #CFD0E0;
}
	
  .mobile-image {max-width:300px;display:inline-block;vertical-align:top;object-fit:cover;padding-top:10px}
  .mobile-filename {width:25%;margin-right:10px;vertical-align:middle;text-align:center;font-size:18px;line-height:2em}
  .creative-timeline {color:#212529;font-weight:normal;font-size:12px;margin-left:6px;margin-right:6px;margin-top:6px;text-align:center;}
  .table-header {display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:#212529!important;padding-bottom:5px;padding-top:5px;font-weight:bold;font-size:larger;max-height:50px}
  .container {font-size:13px;}
  .row {display:table-row;width:auto;clear:both}
  /* .col {display:table-cell;vertical-align:middle;} */
  .mobile-filename {max-width:200px!important;word-wrap:break-word!important;line-height:1.4em!important}
  .creative-row {display:flex;justify-content:center;align-items:center;padding-bottom:10px;padding-top:10px}
  .creative-row:nth-child(odd) {background:#e0e0e0;}
  .modal-body > .img-responsive {display:block;margin-left:auto;margin-right:auto}
  .imagepop {max-width:200px;max-height:200px;display:inline-block;vertical-align:top;object-fit:cover;padding-top:10px}
  .creativeStats tbody:nth-child(1) tr:nth-child(even){background:#eeeeee;}
  .modal-backdrop {display:none!important;}
  .message-wrapper {min-height:40px;text-align:center;margin:0 auto;padding-bottom:15px;width:100%;font-size:16px;}
  /* div:not(.center)>#creativeUpload {display:none;} */
  
  /* Creative Compare Table */
  .creatives-compare-table {display:table;width:100%;margin:0 auto;line-height:1.2;color:#414141;font-weight:bold;font-family: "SFProDisplay";margin-bottom:30px;font-size:17px;vertical-align:middle;margin-bottom: 120px;}
  .groups {margin-left:20px;line-height:1.2;font-weight:bold;font-family: "SFProDisplay";}  
  .dimensions {line-height:1.2;font-weight:bold;font-family: "SFProDisplay";}
  .dimension-list {font-size:22px;padding-bottom:15px;}
  .group-list {font-size:22px;padding-bottom:15px;}
  .audit-alert {color:#FFFFFF;background-color:#FF0000;}

  
  /* Campaign Map */
  #campaignMap {text-align:center;padding:20px}
  #map {width:800px;height:510px;margin:0 auto}
  .campaign-map-wrapper {color:#212529}
  .campaign-map-data {color:#212529}
  .geo-metrics-wrapper {padding-bottom:20px;width:80%;margin:0 auto;}
  .geo-metrics {display:inline-block;padding:8px;color:#fff;background-color:#212529;border-radius:5px;margin-bottom:10px}
  .tooltip {pointer-events:none;}
  
  /* Modals */
  .edit-button {width:70%;margin:10px auto;padding:10px 0px 10px 0px}
  .association-label {font-weight:bold}
  .association-website {font-size:smaller;margin-left:10px;margin-right:10px;word-wrap:break-word;}
  .modal-logo {display:inline-block;width:40%;padding-right:20px}
  .modal-file {display:inline-block;max-width:50%}
  .modal-dialog {max-width:70%!important;font-family:'Be Vietnam Pro';z-index:9999;}
  #logoUpload {max-width:200px}
  #fileUpload {color:red}
  #uploadButton {margin-top:10px;border-radius:4px}
  #uploadMessage {text-align:center}
  #addNewCreative {width:70%;margin:0 auto}
  #addNewCreative .modal-dialog {width:100%;max-width:100%;margin:0 auto}
  #uploadForm {width:50%;margin-right:10px;display:inline-block}
  #uploadRequirements {width:40%;margin-left:10px;display:inline-block;vertical-align:top}
  .portal-url a {color:rgb(0,102,153);font-size:smaller}
  .portal-url a:hover {color:rgb(0,102,153);font-size:smaller}
  .portal-url a:focus {color:rgb(0,102,153);font-size:smaller}
  .portal-url a:active {color:rgb(0,102,153);font-size:smaller}
  .remove-creative {padding-top:25px}
  .modal-header, modal-body {background-color:#fff;border-radius:20px;border:2px black;}
  .modal-body {margin-left:50px;margin-right:50px;font-size:14px;}
  
  /* Partner Portal Campaigns */
  .association-selector {position:relative;display:inline-block;margin-bottom:10px;width: 100%;}  
  .campaign-list-yd {padding-right:0px!important}
  .campaign-list-ctr {padding-right:0px!important} 
  .campaign-list-pacing {padding-right:0px!important} 
  .association-selector select {display:inline-block;width:100%;cursor:pointer;padding:5px 10px;outline:0;border:1px solid #000000;border-radius:10px;background:transparent;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance: none;}
  .association-selector select::-ms-expand {display:none;}
  .association-selector select:hover, .association-selector select:focus {color:#fff;background: #444}
  .association-selector select:disabled {opacity: 0.5;pointer-events: none;}
  .association-selector_arrow {position:absolute;top:16px;right:15px;pointer-events:none;border-style:solid;border-width:8px 5px 0px 5px;border-color:#7b7b7b transparent transparent transparent;}
  .association-selector select:hover ~ .association-selector_arrow, .association-selector select:focus ~ .association-selector_arrow {border-top-color:#000000;}
  .association-selector select:disabled ~ .association-selector_arrow {border-top-color:#cccccc;}
  .title-header {margin-top:20px;margin-bottom:20px}
  .portal-campaign-list {font-size:13px!important;color:#FFF;background-color:#222}
  .portal-campaign-list td {border:none;overflow-wrap:break-word;}
  .portal-association-list td {border:none;overflow-wrap:break-word;}
  .campaign-list {padding-top:5px;padding-bottom:5px}
  .campaign-list:nth-child(odd) {background:#444;}
  .campaign-list:nth-child(even) {background:#222;}
  .campaign-list-head-assoc {max-height:50px}
  .campaign-list-button {display:inline-block;color:#FFF;background-color:transparent;margin:0 auto;float:none;border:none}
  .pinned-flag {color:rgb(0,255,204);font-size:larger}
  
  /* Portal Campaign Edit Page */
  .tab {float:left;border:1px solid #ccc;background-color:#f1f1f1;width:30%;height:300px;}
  .tab button {display:block;background-color:inherit;color:black;padding:22px 16px;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;}
  .tab button:hover {background-color:#666}
  .tab button.active {background-color:#888}
  .tabcontent {display:none;padding:6px 12px;border:1px solid #ccc;border-top:none;font-size:18px;background-color:#edf5f9}
  #fileUploadButton, #showAssociationCreatives {text-align:center;margin:0 auto;padding-top:5px;padding-bottom:15px}
  .campaign-data-value {margin-top:10px;margin-bottom:10px}
  .campaign-data-label {margin-left:100px;margin-top:10px;margin-bottom:10px}
  .error-message {text-align:center;background-color:red;color:white;font-size:16px;margin:0 auto;width:80%;}
  .success-message {text-align:center;background-color:green;color:white;font-size:16px;margin:0 auto;width:80%;}
  a#removeCreative {color:rgb(255,204,51)!important}
  .scroll-style {max-height:300px;overflow-y:scroll;}
  #logTableWrapper {table-layout:fixed;}

  
  
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<new-custom css>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<advertiser-start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  
  
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<header start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

  .page-template-get_advertiser_campaign_report-php .ast-main-header-nav-open .main-header-bar {
    padding: inherit;
  }
  
  .main-header-bar {
    background-image: url(../../uploads/2023/08/Rectangle-1.jpg);
    background-size: cover;
    padding: 58px 0;
    box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.5);
}

  div#header-btn a{
    transition: 0.6s all;
  }

  div#header-btn a:hover {
    text-decoration: none;
    background-color: #242b66;
}
  

  
  
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<header End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<advertiser-Portal start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  text.percentage {
    font-family: "Metropolis" !important;
}

.filter-show-btn, .arch-btn {
    text-transform: uppercase;
    padding: 6px 15px!important;
    border-radius: 24px!important;
    font-size: 13px!important;
    line-height: 18px!important;
}
  .filter-show-btn:focus, .arch-btn:focus{
	background-color:#090A2B;
}

  input.upload-logo-btn {
    border-radius: 27px;
    background-color: #0c9548;
    padding: 15px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid;
    transition: 0.6s all;
	min-width:100px;
}

  button.upload-logo-btn {
    width: 311px;
    border-radius: 27px;
    background-color: #0c9548;
    padding: 15px 0 15px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid;
    transition: 0.6s all;
}

  button.edit-btn {
    max-width: 120px;
    border-radius: 20px;
    background-color: #2b9b1b;
    padding: 5px 0 5px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    cursor: pointer;
    border: 1px solid;
    transition: 0.6s all;
}

button.upload-logo-btn:hover {
    background-color: #232a66;
}

input.upload-logo-btn:hover {
    background-color: #232a66;
}

button.edit-btn:hover {
    background-color: #232a66;
}

  div#advertiserName h3 {
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #142f78;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    margin: 40px 0;
}

  .campaign-list-title h3 {
    font-size: 53px;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #373738;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    z-index: 0;
    position: relative;
    width: fit-content;
    margin: 0 auto 50px;
    background-color: #edf5f9;
    padding: 0 45px;
}

.campaign-list-title::before{
    content: '';
    position: absolute;
    border: 1px solid #bdcfd9;
    height: 1px;
    width: 100%;
    top: 50%;
    right: 0;
    z-index: -1;
}

.association-logo {
    width: 80%;
    height: 120px;
    margin: 0px auto 0px auto;
}

div#campaign-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 15px;
    /* max-width: 1800px; */
    margin: 0 auto 90px;
}
  
div#pdf-campaign-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 15px;
    max-width: 1800px;
    margin: 0 auto 90px;
}
  
.campaign-wrapper {
	background-color: #ffffff;
	position: relative;
	padding: 20px 0 25px;
	border: 1px solid #919aa5;
    border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	max-width:24%;
}
  
.pdf-wrapper {
	padding-top:0px!important;
	max-width:300px;

}

  img#logoImage {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .campaign-name {
    width: 100%;
    height: 88px;
    background-color: #e4efff;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #142f78;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    display: flex;
    /* margin: 0; */
    align-items: center;
    padding: 0 10px;
    justify-content: center;
   
}

.pdf-campaign {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 1.3;
	min-height:120px!important;
	border: 1px solid #919aa5;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}



.page-template-advertiser_list-php   .campaign-name {
    border-radius: 20px 20px 0 0;
}
  
  .fuel-gauge svg {
      width: 100%;
  }
  
  .fuel-gauge {
    width: 210px;
    margin: 0 auto;
}
  
/* .fuel-gauge img {
    width: 90px;
} */

.campaign-impressions h6 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    color: #777777;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
}
  
.campaign-impressions h5 {
    font-size: 36px;
    line-height: 50px;
    color: #484848;
    font-weight: 800;
    font-family: "Metropolis";
    text-align: center;
    margin-bottom: 20px;
}

.budget-view {
    border-bottom: 1px solid #d9e0e9;
    margin-bottom: 20px;
}

.remaining-view {
    border-bottom: 1px solid #d9e0e9;
}

  .campaign-runtime h6 {
      font-size: 18px;
      line-height: 1.2;
      color: #777777;
      font-weight: bold;
      font-family: 'SFProDisplay';
      text-align: center;
  }

  .campaign-runtime {
    padding: 5px 0px 18px 0px;
}
  
p.runtime-para {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #484848;
    font-weight: 800;
    font-family: 'Metropolis';
    text-align: center;
    text-transform: capitalize;
	margin-left:10px;
	margin-right:10px;
}
  
.campaign-pdf-report {
	width:90%;
    margin: 5px auto 0;
    padding: 16px 0px 16px 0px;
    border-radius: 26px;
    background-color: #f16a2e;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    cursor: pointer;
    transition: 0.6s all;
}

.campaign-pdf-report:hover{
background-color: #232a66;
}
  
  .campaign-pdf-report a {
      color:#fff;
      position: relative;
  }

  .campaign-pdf-report a:hover {
    text-decoration: none !important;
    color: #fff !important;
}

  .campaign-pdf-report a::before {
    position: absolute;
    content: '';
    background-image: url('../../uploads/2023/08/bi_file-pdf.png');
    width: 25px;
    height: 25px;
    left: -30px;
    background-repeat: no-repeat;
}
  
.campaign-report {
	width:90%;
    border-radius: 27px;
    background-color: #2C9B1B;
    padding: 15px 0 15px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    cursor: pointer;
    transition: 0.6s all;
}

.campaign-report:hover {
    background-color: #232a66;
}

.campaign-report span {
position: relative;
}


.campaign-report span::before {
    content: '';
    background-image: url('../../uploads/2023/08/arrow-right-up-svgrepo-com-2.svg');
    position: absolute;
    background-size: contain;
    left: -30px;
    font-size: 14px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    transition: 0.6s all;
}

/* .campaign-report span:hover::before {
    margin-top: -3px;
    margin-left: 4px;
} */
  
  body.page-advertiser-portal {
      background: #edf5f9;
  }

  .adv-logo-image {max-height:100%;max-width:100%} */


  .cs-team-title {
    /* width: fit-content; */
    position: relative;
}

  .cs-team-title h3 {
    font-size: 53px;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #373738;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 0;
    width: fit-content;
    margin: 0 auto 40px;
    background-color: #edf5f9;
    padding: 0 50px;
}

.cs-team-title::before {
    content: '';
    position: absolute;
    border: 0px solid #bdcfd9;
    height: 1px;
    width: 100%;
    top: 50%;
    right: 0;
    z-index: -1;
}


.gauge-complete p {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 28px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SFProDisplay';
    text-align: center;
    margin: 0;
    width: 94px;
    height: 26px;
    border-radius: 10px;
    background-color: #2c9b1c;
    position: absolute;
    top: 18px;
    right: 21px;
}

canvas.greyChart,canvas.myChart {
    width: 210px !important;
}

.metric.completion {
    position: absolute;
    top: 29%;
}

.fuel-gauge {
    width: 210px;
    margin: 0 auto;
    height: 170px;
}

div#footer-text p,div#header-btn span {
    font-family: 'SFProDisplay';
}

.footer-campaign {text-align:center;}

p.creative-timeline {
    white-space: nowrap;
    margin: 0;
    font-size: 22px;
    line-height: 50px;
    color: #575865;
    font-family: "SFProDisplay";
}

p.creative-timeline::before {
    content: '';
    background-image: url('../../uploads/2023/10/clock-three-svgrepo-com.svg');
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
        transform: translateY(5px);
    margin-right: 2px;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<team start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.team-member {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: #fff;
    border-radius: 30px;
    width: 347px;
    border: 1px solid #919aa5;
    padding: 60px 0 20px;
}

.cs-team {
    text-align: center;
    padding-top: 10px;
    display: flex;
    row-gap: 20px;
    column-gap: 20px;
    max-width: 1455px;
    margin: 0 auto 90px;
    flex-wrap: wrap;
    justify-content: center;
}

.team-member figure img {
    width: 182px;
    border-radius: 50%;
    margin-bottom: 20px;
}

h3.team-name {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #142f78;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    margin-bottom: 0;
}

p.team-designation {
    font-size: 17px;
    line-height: 22px;
    color: #525354;
    font-weight: 500;
    font-family: "SFProDisplay";
    text-align: center;
    margin-bottom: 22px;
}

.team-member-email a {
    border-radius: 27px;
    background-color: #0c9548;
    width: 311px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    padding: 16px 0;
    position: relative;
    justify-content: center;
}

.team-member-email a:hover {
    background-color: #232a66;
    text-decoration: none;
    color: #fff;
}

.team-member-email a::before {
    content: '';
    background-image: url('../../uploads/2023/08/mail-filled-svgrepo-com-1.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: cover;
    left: 24%;
    background-repeat: no-repeat;
    margin-top: -5px;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<team End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<advertiser-Portal End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<advertiser-campaign start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

  .checkbox-switch .checkbox-animate:before {
    background-image: url(../../uploads/2023/10/menu-symbol-of-three-parallel-lines-svgrepo-com-1.svg);
  }

  .checkbox-animate::after {
    background-image: url(../../uploads/2023/09/check.png);
  }

  .checkbox-switch .checkbox-animate {
    background-image: url(../../uploads/2023/09/cross-svgrepo-com.svg);
  }

  body.page-template-get_advertiser_campaign_report {
    background-color: #eef5f9;
}

.opportunities a {
    font-size: 20px;
    line-height: 1.3;
    color: #ffffff;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    border-radius: 30px;
    background-color: #f26a2e;
    padding: 17px 55px;
    transition: 0.5s all;
    position: relative;
}

.opportunities a:hover {
    color: #ffffff;
    background-color: #242a66;
    text-decoration: none;
}


.opportunities a::after {
    content: '';
    background-image: url(../../uploads/2023/10/up-right-svgrepo-com.svg);
    /* position: absolute; */
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /* margin-top: 0px; */
    margin-left: 6px;
    transform: translateY(2px);
}

.chartMenu {
    width: 100vw;
    height: 40px;
    background: #1A1A1A;
    color: rgba(54, 162, 235, 1);
  }

  .chartMenu p {
    padding: 10px;
    font-size: 20px;
  }

  .chartCard {
    width: 100vw;
    height: calc(100vh - 40px);
    background: rgba(54, 162, 235, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .chartBox {
    width: 400px;
    padding: 20px;
    border-radius: 20px;
    border: solid 3px rgba(54, 162, 235, 1);
    background: white;
  }

  .report-header-name {
    position: relative;
}

  .report-header-name h3 {
    font-size: 53px;
    letter-spacing: -1px;
    line-height: 1.3;
    color: #373738;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    width: fit-content;
    margin: 65px auto 0;
    padding: 0 45px;
}

.campaign-all-details {
    padding: 40px 0 25px;
}

.campaign-region-details {
    padding: 40px 0 25px;
}

div#reportRuntime p {
    font-size: 25px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #525354;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
/*    padding-bottom: 28px; */
}

.report-header-views {
    width: 1450px;
    margin: 0 auto;
}

.active-true ,.active-false{
    width: 176px;
    border-radius: 27px;
    background-color: #ffffff;
    border: 2px solid #0c9447;
    padding: 13px 0;
    font-size: 20px;
    line-height: 1.2;
    color: #0c9447;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
}

.active-false {
    border-color: #f26a2e;
    color: #f26a2e;
}


.report-header-views-main {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: center;
    gap: 13px;
    margin-bottom: 60px;
}

.report-header-views-box {
    border-radius: 30px;
    background-color: #f26a2e;
    padding: 50px 0 40px;
}

.report-header-views-box:nth-child(2) {
    background-color: #394396;
}

.report-header-views-box:nth-child(3) {
    background-color: #94959e;
}

.report-header-views-box:nth-child(4) {
    background-color: #2b9b1b;
}

.report-header-views-main p {
    font-size: 21px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    margin: 0;
}

.report-header-views-box h3 {
    font-size: 45px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 800;
    font-family: "Metropolis";
    text-align: center;
}

.campaign-details {
    display: flex;
    width: 1450px;
    margin: 0 auto 25px;
    background-color: #fff;
    gap: 35px;
    border-radius: 30px;
    border: 1px solid #919aa5;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	page-break-inside: avoid;
    -webkit-region-break-inside: avoid;
}

.campaign-details-region {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 100%;
    margin: 0 auto 25px;
    background-color: #fff;
    gap: 20px;
    border-radius: 30px;
    border: 1px solid #919aa5;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	page-break-inside: avoid;
    -webkit-region-break-inside: avoid;
}

.campaign-details-img img {
    max-height: 300px;
}

.site-link {min-width:60%;text-align:left;}
.site-link a {
	line-height: 1.2;
    color: #575865;
    font-family: "S FPro Display";
    position: relative;
	text-align:left;
}

.site-link a::before {
    content: '';
    background-image: url('../../uploads/2023/08/material-symbols_tab-new-right-outline-sharp.png');
    position: absolute;
    width: 20px;
    height: 20px;
    left: -28px;
    top: 5px;
}

.ads-details-top-col {
    display: flex;
    width: 675px;
    gap: 65px;
    align-items: center;
    margin-bottom: 30px;
}

.ads-details-heading h6 {
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #030303;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: left;
    margin: 0;
}

.ads-details-bottom {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}

.ads-details-bottom p {
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #414141;
    font-weight: bold;
    font-family: "SFProDisplay";
    text-align: center;
    margin: 0;
}

.ads-details-bottom h3 {
    font-size: 45px;
    line-height: 1.3;
    color: #414141;
    font-weight: 800;
    font-family: "Metropolis";
    text-align: center;
}

.campaign-views {
    background-color: #e8f1fe;
    border: 1px solid #afc4e1;
}

.campaign-clicks {
    background-color: #daf4d6;
    border: 1px solid #a4cc9e;
}

.ads-details-bottom .ctr {
    background-color: #8dffbf;
    border: 1px solid #a4cc9e;
}

.dimensions p {
    font-size: 22px;
    line-height: 1.2;
    color: #575865;
    font-family: "SFProDisplay";
    text-align: left;
    margin-bottom: 0;
}

.campaign-card {
    padding: 55px 76px;
    max-width: 345px;
    border-radius: 30px;
}

.campaign-details-img {
    width: 334px;
    background-color: #ebeff4;
    align-items: center;
    display: flex;
	flex-direction: column;
    padding: 30px 20px 50px 20px;
    border-radius: 30px 0 0 30px;
    height: auto;
    justify-content: center;
}

.campaign-details-edit {
	text-align:center;
	padding-top:10px;
}

.campaign-details-regionname {
    min-width: 400px;
	color: #373738;
    align-items: center;
    display: flex;
    padding: 30px 20px 20px 20px;
    height: auto;
    justify-content: center;
}

.inner-fuel-gauge {
    width: 420px;
    margin: 0 auto;
    height: 420px; 
    margin-top: -70px; 
}

canvas.myChart.inner {
    width: 420px !important;
}


/*.clickUrl a:hover {
    color: #394396;
    text-decoration: none;
	overflow:hidden;
} */

/* .clickUrl {
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} */
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<advertiser-campaign End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<media-query start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

  @media screen and (max-width: 1840px) {
    div#campaign-list{
        max-width: 90%;
        grid-template-columns: repeat(4,1fr);
		/*display:grid */
    }
    div#pdf-campaign-list{
        max-width: 90%;
    }
  }


  @media screen and (max-width:1680px) {

    div#campaign-list {
        /* display: grid; */
        grid-template-columns: repeat(4,1fr);
		place-items:center;
    }

    div#pdf-campaign-list {
        /* display: grid; */
        grid-template-columns: repeat(4,1fr);
		place-items:center;
    }

/*    .campaign-wrapper{
        width: 100%;
		min-width:230px;
    } */

    .campaign-report {
        width: 90%;
        font-size: 16px;
        padding: 12px 0 12px;
    }

    .report-header-wrapper,.creatives-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .report-header-views ,.campaign-details {
        width: 100%;
    }

    .campaign-pdf-report {
        padding: 10px 0px 10px 0px;
        width: 90%;
        font-size: 16px;
    }

    .campaign-name {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.3;
        padding: 0 10px;
    }

    .pef-campaign {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.3;
		min-height:120px!important;
	    border: 1px solid #919aa5!important;
	    border-top-left-radius: 30px!important;
	    border-top-right-radius: 30px!important;
    }

    .campaign-all-details {
        padding: 40px 35px 25px 0;
    }

    .campaign-region-details {
        padding: 40px 35px 25px 40px;
    }

    .campaign-card {
        padding: 40px 76px 23px;
    }

    .checkbox-switch {
        width: 100px;
        height: 40px;
    }

    .checkbox-switch .checkbox-animate:before {
        width: 43px;
        height: 35px;
    }

	.active-text p, .inactive-text p,.dimensions p ,p.creative-timeline {
        font-size: 20px;
    }

    .site-link a {
		font-size:15px;
	}
	
    .campaign-all-details {
        width: 80%;
    }

    .campaign-region-details {
        width: 100%;
    }

    .campaign-details-img {
        width: 20%;
    }
  }

  @media screen and (max-width:1439px) {
    

    .report-header-name h3 {
        font-size: 34px;
        margin-top: 65px;
    }

    .report-header-views-box h3 {
        font-size: 36px;
        line-height: 1.3
    }

    .report-header-views-box {
        padding: 35px 0 25px;
    }

    .active-text p, .inactive-text p {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .dimensions p, p.creative-timeline {
        font-size: 18px;
    }

    .ads-details-top-col {
        gap: 40px;
    }

    .site-link a{
        padding-left: 30px;
    }

    
    .site-link a::before {
        left: 0;
        top: 2px;
    }
  }


  @media screen and (max-width:1279px) {

    button.upload-logo-btn {
        margin-bottom: 50px;
    }
    
    button.edit-btn {
        margin-bottom: 0px;
    }
    
    .campaign-list-title h3 {
        font-size: 40px;
        background-color: #edf5f9;
        padding: 0 30px;
    }

    div#campaign-list {
        /* display: grid; */
        grid-template-columns: repeat(3,1fr);
    }

    div#pdf-campaign-list {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    .campaign-impressions h5{
        margin-bottom: 0;
    }

    .ads-details-top-col {
        gap: 25px;
    }

    .checkbox-switch {
        width: 70px;
        height: 35px;
    }

    .site-link a, .dimensions p, p.creative-timeline {
        font-size: 16px;
    }

    

    .active-text p, .inactive-text p {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .campaign-card {
        padding: 30px 20px 15px;
    }

    .ads-details-bottom h3 {
        font-size: 26px;
        line-height: 1.3;
    }

    .col.creativeStatus {
        padding: 0;
    }


    .campaign-details {
        gap: 20px;
    }

  }



  @media screen and (max-width:1023px) {

    div#campaign-list {
        /* display: grid; */
        grid-template-columns: repeat(2,1fr);
    }

    div#pdf-campaign-list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .campaign-name {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 1.3;
        padding: 0 10px;
    }

    .cs-team-title h3 {
        font-size: 40px;
        padding: 0 20px;
    }

    .team-member-email a{
        font-size: 18px;
        padding: 10px 0;
    }

    button.upload-logo-btn {
        width: 80%;
    }

    button.edit-btn {
        width: 120px;
    }

    .campaign-list-title h3 {
        font-size: 30px;
        background-color: #edf5f9;
        padding: 0 20px;
    }

    .campaign-details-img,.campaign-all-details {
        width: 100%;
    }

    .report-header-views-main {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        margin-bottom: 60px;
    }

    .creatives-table {
        display: block;
    }

    .campaign-details {
        flex-direction: column;
        height: 100%;
    }

    .campaign-all-details {
        padding: 40px 15px 25px 15px;
    }

    .campaign-region-details {
        padding: 40px 15px 25px 15px;
    }

    .ads-details-top-col {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
        width: 100%;
    }

    .active-text p {
        padding-left: 0;
    }

    .campaign-details-img {
        padding: 30px 20px;
        border-radius: 30px 30px 0 0px;
        height: auto;
        justify-content: center;
    }

    .site-link a, .dimensions p, p.creative-timeline {
        font-size: 20px;
    }

    .active-text p {
        padding-left: 0 !important;
    }

    .page-template-get_advertiser_campaign_report .ast-mobile-menu-buttons {
        display: none;
    }
    
    
    .page-template-get_advertiser_campaign_report .main-header-bar-navigation {
        display: block !important;
    }
    
    .page-template-get_advertiser_campaign_report ul#primary-menu {
        justify-content: center;
        margin-top: 20px;
        border: none;
    }
    
    .page-template-get_advertiser_campaign_report .ast-site-identity {
        text-align: center;
    }
    
    .page-template-get_advertiser_campaign_report .opportunities a {
        font-size: 15px;
        line-height: 1.3;
        padding: 12px 20px 12px 20px;
        letter-spacing: 1px;
    }
    
    .page-template-get_advertiser_campaign_report .main-header-bar {
        padding: 20px 0;
    }
  }



  @media screen and (max-width:767px) {

    div#campaign-list {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 50px;
    }

    div#pdf-campaign-list {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 50px;
    }

    .team-member-email a {
        font-size: 16px;
       
    }

    .cs-team-title h3 {
        font-size: 26px;
        margin: 0 auto 20px;
        background-color: #edf5f9;
       
    }

    .campaign-impressions h5 {
        font-size: 32px;
        line-height: 45px;
    }

    p.runtime-para {
        font-size: 22px;
        letter-spacing: -1px;
    }

    .report-header-views-main {
        grid-template-columns: repeat(1,1fr);
    }

    .ads-details-bottom {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .campaign-card {
        width: 100%;
    }

    .campaign-all-details {
        padding: 7px 20px 25px 20px;
    }

    .campaign-region-details {
        padding: 7px 20px 25px 20px;
    }

    .report-header-name h3 {
        font-size: 28px;
        margin-top: 50px;
    }

    .report-header-views-box h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    .report-header-views-main p {
        font-size: 18px;
        line-height: 1.5;
    }

    .report-header-views-box {
        padding: 25px 0 15px;
    }

    .ads-details-top-col {
        flex-direction: column;
    }

    .col.creativeStatus {
        flex-basis: unset;
        justify-content: center;
    }

    .ads-details-heading h6 {
        text-align: center;
        margin-bottom: 5px;
    }

   
  
  }


  @media screen and (max-width:460px) {
    .inner-fuel-gauge {
        width: 100%;
        margin: 0 auto 43px;
        height: 300px;
        margin-top: -70px;
    }
  }

  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<media-query End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.sidebar-menu .item button {
	display: flex;
	align-items: center;
	padding: 16px;
	column-gap: 10px; 
	font-weight:500;
	font-size:0px;
}
.sidebar-menu .item button:active, .sidebar-menu .item button:hover{
	background-color:#3A3B55;
	color:#ffffff;
	position:relative;
	text-decoration:none;
	border:0 none;
}
.sidebar-menu .item button:focus, .sidebar-menu .item button:hover{
	background-color:#3A3B55;
	color:#ffffff;
	position:relative;
	text-decoration:none;
	border:0 none;
}
.sidebar-menu .item button:focus:before, .sidebar-menu .item button:hover:before{
	content:'';
	position:absolute;
	left:0;
	background-color:#F7941D;
	border-radius:0px 10px 10px 0px;
	width:5px;
	height:56px;
	transition:0.5s all; 
}

.sidebar-menu .item button {
    margin: 16px 0;
	width:100%;
	background-color:transparent;
	color:#FFF;
	border:0 none;
}
.sidebar-menu {
    padding: 5px 0;
}

.sidebar-menu .item .sidebar-menu-icon {
    width: 24px;
    height: 24px;
}

.content-wrapper.active .sidebar-menu .item button {
    font-size: 16px;
}