@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400');

@font-face {
    font-family: 'Graphik';
    src: url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.eot'); /* IE9 Compat Modes */
    src: local('Graphik'), local('Graphik'),
    url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.woff2') format('woff2'), /* Super Modern Browsers */
    url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.woff') format('woff'), /* Modern Browsers */
    url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/themes/custom/paychex2/fonts/graphik/Graphik-Regular-Web.svg#Graphik-Regular-Web') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: Graphik-Bold;
    src: url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.eot);
    src: local("Graphik"), local("Graphik"), url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.eot?#iefix) format("embedded-opentype"), url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.woff2) format("woff2"), url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.woff) format("woff"), url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.ttf) format("truetype"), url(/themes/custom/paychex2/fonts/graphik/Graphik-Bold-Web.svg#Graphik-Light-Web) format("svg");
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Publico-old';
    src: url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web.eot'); /* IE9 Compat Modes */
    src: local('Publico'), local('Publico'),
    url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web.woff2') format('woff2'), /* Super Modern Browsers */
    url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web.woff') format('woff'), /* Modern Browsers */
    url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/themes/custom/paychex2/fonts/publico/PublicoBanner-Medium-Web#PublicoBannerWeb-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
  font-family:  'Publico';
  src: url("https://pages.paychex.com/rs/715-YZO-232/images/PublicoHeadline-Roman-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}

/* GENERAL */
html, body{
    font-family: Graphik, sans-serif;
    background-color: #F6FBFC;
    margin: 0px;
    width:100%;
    height: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

g.highcharts-label.highcharts-data-label.highcharts-data-label-color-0 {
  opacity: 1;
}



.pure-g [class *= "pure-u"] {
    font-family: Graphik, sans-serif;
}
.second-ihs-logo{
    width: 80%;
}
h1, h2{color: rgb(0,0,0); font-family: Publico, Georgia,serif;}
h1{margin-bottom: 5px;font-weight:200;font-size:2.5em;}
h2 {font-weight: 300;margin-top: 15px;}
h3{margin-bottom: 2px; color: #000000; margin-top: 50px; margin-bottom: 10px; font-weight: 500;}
h3.h3--padding-left{padding-left: 20px;}
/*h3*/
h2.widget-title, h3.widget-title{
    background-color: #0E2E62;
    margin: 0px;
    padding-left:0px;
    padding-top:16px;
    padding-bottom: 15px;
    color: rgba(255,255,255,1);
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    font-family: Publico, sans-serif;
    border-radius: 10px 10px 0px 0px;
}

.h3--faq{margin: 0px; color: rgb(0,89,162);}

h4{margin-bottom: 0px;color: rgb(66, 140, 215)}

p, li{
    color: #344855;
    line-height: 1.5;
    font-weight: 400;
    font-size: .9em;
}

.sbew-release-date{
  font-family: "Graphik-Bold", sans-serif;
}


p a{
    color: rgb(0,89,162);
}

/* Skip to content link */

.skip-to-content-link {
    display: inline-block;
    position: absolute;
    width: 160px;
    padding: 5px;
    left: -1000px;
    opacity: 0;
    transition-property: opacity, left;
    transition-duration: 600ms, 0ms;
    transition-delay: 1000ms, 1600ms;
}
.skip-to-content-link:focus {
    position: static;
    left: 0;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0ms;
    transition-delay: 0ms;
}


.div_company a{color: #0059A2;}
footer a {color: rgb(14, 46, 98);}

.p-sbew-summary{
    font-size: 26px;
    color: #000000;
    line-height:1.2em;
}

li{
    margin-bottom: 15px;
}

ul{
    padding-right: 20px;
}
.screen-reader-text{
    position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden
}
#core-body{
 display: block;
 padding: 50px 0px 20px 275px;
 /*background-image:url("../images/bottom-facet.png");*/
 background-repeat:no-repeat;
 background-position:150px bottom;
 max-width:1500px;
 min-height: 81%;
    background-color: #F6FBFC;
}

.banner {
    display: block;
    padding: 1em 0 1em 275px;
    background-color: #fff;
}

.banner-container {
    background-image: url("/employment-watch/assets/images/info-circle.png");
    background-repeat: no-repeat;
    background-position-y: center;
    padding: .5em 0 .5em 60px;
}

.banner .thick {
    font-family: Graphik-bold;
    font-size: 1.1em;
    position: relative;
    padding-bottom: .25em;
}

.div-paragraph{
    margin-bottom: 50px;
}

.div--inline-b{
    display: inline-block;
}

.div_stats--container img{
    width: 100%;
}

.inline-block{
    display: inline-block;
}

.div--intro{
    vertical-align: middle;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 50px;
}

.div--faq{
    margin-bottom: 20px;
}

.div--faq h3{
    cursor: pointer;
}

.div--faq h3:hover{
    color: #774F22;
}

.div--faq h3.active{
    color: #774F22;
}

.widget-content table {
	background-color: #FFF;
	width: 60%;
	margin: 0 auto;
}

.widget-content table th {
	color: rgb(0,89,162);
	font-weight: normal;
}

.widget-content table td {
	background-color: #F5FAFE;
	text-align: center;
	padding: 4px;
	font-size: 14px;
	color: rgb(2, 58, 115);
}

.strong {
	font-weight: bold;
}

.select-wrapper {
	padding: 10px;
    text-align: center;
}

.select-wrapper label {
	font-size: 12px;
	color: rgb(2, 58, 115);
}

.tabs {
    background-color: #E8EFF6;
}

.tabs ul {
    list-style: none;
    padding: 4px 0px 4px 0px;
    margin: 0 auto;
    border-bottom:1px solid #e0ebf0;
    height:44px;
    width: fit-content;
}

.tabs ul li {
    float:left;
    margin:0;
}

.tabs ul li a {
    color: #0E2E62;
    cursor: pointer;
    padding: 10px 20px;
    display:inline-block;
}
.tabs ul li.selected{
    margin:1px 0 0 0;
}
.tabs ul li.selected a {
    background-color: #0E2E62;
    color: white;
    border-right:1px solid #e0ebf0;
    border-left:1px solid #e0ebf0;
    border-radius: 5px;
}
.tabs ul li:first a {
    border:none;
}

.span-h2--color{
    color: #000000;
}

/*******************************/
/* NAV STYLING */
#main-nav-div nav{
    text-align: center;
    padding-top: 20px;
    background-color: rgb(255, 255, 255);
    color: rgb(10,49,115);
    border: 1px solid #d2ecee;
}

#main-nav-div nav img{
    padding-bottom: 15px;
}

#mobile-menu button{
    font-size: 18px;
    color: rgba(255,255,255,1);
    font-weight: 300;
    background-color: #0059A2;
    border: none;
    width: 100%;
    height: 100%;
    padding: 10px 0px;
}

#nav-list{
    text-decoration: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

#nav-list a{
    padding: 18px 0px;
  padding-left: 5px;
}

#nav-list a.mainlink{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #0059A2;
    text-decoration: none;
  padding-right: 5px;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  border: 1px solid #d2ecee;
}

#nav-list a.mainlink:hover{
    padding-left: 20px;
}
#nav-list a.mainlink.active{

  background-color: #F6FBFC !important;
    border-left: 7px solid #18A3A5;
    border-right:none;
}

#nav-list a.sublink{
    display:none;
}

#nav-list a.sublink.active{

}

#nav-list a.sublink.active.onstate{
        background-color:#fff;
}
#nav-list a.sublink.active:hover{
    width:auto;
    color:#bfd6e2;
    color:#bfd6e2;
}

#nav-list div.active a.sublink{
    display: block;
    color: rgb(0,89,162);
    background-color: #F6FBFC;
    /*background-color:#f1f5f9;*/
    font-size:.8em;
    text-decoration:none;

}

#other-links{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}

#other-links a{
    color:rgb(0,89,162);
    font-weight: 400;
}


#scat-nav-div nav a{
    text-decoration: none;
    color: rgb(128, 194, 224);
    width: auto; /*width constraint*/
    display: block;/*width constraint*/
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom-color: rgb(123, 194, 224);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#scat-nav-div nav{
    background-color: rgb(241, 246, 251);
    height: 100%;
    width: 100%;
}

#mobile-menu{
    font-weight: 300;
    font-size: 18px;
    width: 100%;
    background-color: rgb(0,89,162);
}

/* Tool tip, not sure how you want to work for mobile side */
.tool-tip {
    float:right;
    height:7px;
    width:13px;
    padding:10px;
    background-image:url("../images/question-mark-icon.png");
    background-repeat:no-repeat;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    font-family: Graphik, sans-serif;
}
.tool-tip::before {
    display:none;
    opacity:0;
    color:#fff;
    font-size:15px;
    text-align:center;
    padding:30px;
    /*background-color:#23a1d6;*/
    background-color: #000;
    display:inline-block;
    width:400px;
    left:-417px;
    padding:25px;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    position:absolute;
    transition:opacity .3s;
}
.tool-tip::after {
    display:none;
    content:"";
    width:100px;
    height:50px;
    position:absolute;
    top:-22px;
    left:-38px;
    background-image:url("../images/graphic-arrow-tooltip.png");
    background-repeat:no-repeat;
    background-position:top center;
}

.tool-tip:hover {
    overflow:visible;
}
.tool-tip:hover:before, .tool-tip:hover:after {
    display:block;
    opacity:1;
}


/* --tool tips content--*/
/* --home--*/
.tool-tip.sbji-home::before {
    content:"The Small Business Jobs Index analyzes year-over-year worker count changes, trending the results to reveal movement in small business employment.";
    top:-125px;
}

.tool-tip.wage-home::before {
    content:"The Small Business Wage Report analyzes hourly and weekly earnings, as well as weekly hours worked.";
    top:-105px;
    left:-307px;
}

/* --jobs index--*/
.tool-tip.historial-jobs-index::before {
    content:"A monthly, up-to-date measure of change in small business employment in the U.S., the Small Business Jobs Index analyzes year-over-year worker count changes, trending the results to reveal movement in small business employment. An upward trend represents a strengthening job market, while a downward trend is a sign of a slowdown.";
    top:-179px;
}

.tool-tip.regional-jobs-index::before {
    content:"Jobs index data is used to analyze year-over-year regional small business employment across the U.S., providing a gauge of the performance of regional employment. ";
    top:-126px;
}
.tool-tip.state-jobs-index::before {
    content:"Analysis of state data is provided to reveal trends in small business employment from the country's 20 largest states, based on U.S. population.";
    top:-126px;
}

.tool-tip.metro-jobs-index::before {
    content:"Analysis of metro data is provided to reveal trends in small business employment from the country's 20 largest metro areas, based on U.S. population.";
    top:-106px;
}
.tool-tip.industry-jobs-index::before {
    content:"Analysis of industry sector data is provided to reveal trends in small business employment from eight major industry sectors. ";
    top:-106px;
}


/* --wage index--*/
.tool-tip.historical-wage::before {
    content:"Using aggregated payroll data, the Small Business Wage Report analyzes hourly and weekly earnings, as well as weekly hours worked, and their associated annualized growth rates over one, three, and 12 months.";
    top:-143px;
}

.tool-tip.regional-wage::before {
    content:"Analysis of the country’s four regions reveals geographic wage and hours trends.";
    top:-107px;
}
.tool-tip.state-wage::before {
    content:"Analysis of the country's 20 largest states, based on U.S. population, reveals geographic wage and hours trends.";
    top:-106px;
}

.tool-tip.metro-wage::before {
    content:"Analysis of the country's 20 largest metro areas, based on U.S. population, reveals geographic wage and hours trends.";
    top:-106px;
}
.tool-tip.industry-wage::before {
    content:"Analysis of eight major industry sectors reveals wage and hours trends by business segment. ";
    top:-106px;
}

/*******************************/
/* Social Media Styling */
#social-media {
    position:fixed;
    right:0;
    top: 80px;
    z-index: 1;
  display: none;
}
#social-media a {
    display:block;
    height:51px;
    width:50px;
    background-image:url("../images/sprite-social.jpg");
    background-repeat:no-repeat;
}
#social-media #twitter {
    background-position:top center;
}
#social-media #facebook {
    background-position:center -56px;
}
#social-media #linkedin {
    background-position:center -107px;
}
#social-media #pinterest {
    background-position:center -161px;
}
#social-media #mail {
    background-position:center -214px;
}

/* Archive GENERAL Styling */

.p-archive{
    background-color: #ffffff;
    border: solid 1px #ffffff;
    padding: 8px 20px;
    margin: 0px;
    margin-bottom: 7px;
}

/*******************************/
/* Ad Styling */
.ad-notify {
    margin:0 auto;
}


/*******************************/
/* Widget GENERAL Styling */

.widget-container, .text-container {
    padding:0 60px 60px 0;
}
.intro-widget-container{
    padding:0 60px 0 0;
}

.sbji-home .widget-content, .wage-home .widget-content {
    min-height:400px;
}
.ad-notify img {
    max-width:100%;
}

.widget-content{
    /*box-shadow: 0px 0px 20px 7px rgba(10,10,10,.1);*/
    border-radius: 2px;
    padding-bottom: 1px;
	background-color: #FFF;
    min-height: 265px;
  border: 1px #D2ECEE solid;
  border-radius: 10px 10px 0px 0px;
}

.height-equalizer{
  display: flex;
  align-content: center;
  height: 280px;
  flex-direction: column;
}

.widget-author div.div_content-holder p{padding: 10px 35px; font-size :0.9em;}

.div_for--loop{
    display: inline;
}

.div_content-sm{
    width: 100%;
}
.div_content-sm ul li {
    font-size: 15px;
}

.div--highlights{
    margin-bottom: 50px;
}

.div--height-sm{
    height: 200px;
}

/* Stat Widget */

.widget_stats{
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 2px solid rgba(220,220,220, 0.8);
    width: 33.3%;
}

.widget--margin_left{
    margin-left: 20px;
}

.widget--border_left{
    border-left: 1px solid rgba(220,220,220, 0.8);
}
.widget--border_right{
    border-right: 1px solid rgba(220,220,220, 0.8);
}

.widget_p--margin{
    padding-bottom: 15px;
    margin-top: 5px;
    margin-right: 15px;
}

.widget--title{
    font-weight: 300;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 20px;
    color: #035758;
}

.widget--data{
    font-size: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    color: rgb(0,0,0);
}


/* Chart Widget Styling */
.match_stats{
    margin: 14.940px 0px;
    height: 21px;
    text-align: right;
}

.collab-names{
    color: rgb(0,0,0);
    font-family: Publico, Georgia,serif;
}

.small-margin{
    margin-top: 0px;
}

.div_content-holder p{
    padding-left: 15px;
    padding-right: 15px;
}

.div_chart{
    margin-top:15px;
    width: 100%;
}


/* MTKO Subscribe Form */
#subscribe-form{
    padding:0px 20%;
    padding-bottom: 35px;
    padding-top: 35px;
}
#subscribe-form form{
    width:auto!important;
}
#subscribe-form input {
    width:100%!important;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 18px;
    font-size: 1.1em;
    color: #8493b4;
    padding: 10px 13px;
    text-indent: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#subscribe-form label{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
#subscribe-form .mktoFieldDescriptor.mktoFormCol, #subscribe-form .mktoFieldWrap.mktoRequiredField{
    width:100%!important;
}

#subscribe-form .mktoForm .mktoOffset, #subscribe-form .mktoForm .mktoGutter {
    display:none;
}
#subscribe-form .mktoButtonWrap.mktoSimple {
    margin-left:0!important;
}
#subscribe-form .mktoButtonRow{
    display:block!important;
    margin:0 auto!important;
}
#subscribe-form button.mktoButton{
    display:block;
    background-color:rgb(0,96,191)!important;
    background-image:none!important;
    border:none;
    border-bottom:3px solid rgb(0,75,170);
    padding: 20px 20px;
    font-size: 17px;
    width:100%;
    transition: background-color .5s;
}
#subscribe-form button.mktoButton:hover, #subscribe-form button.mktoButton:active{
    background-color:rgb(0,80,180)!important;
}
#subscribe-form .subscribe-success-message h3{
    color:#3486cb;
    line-height:1.7em;
    font-weight:normal;
}

/* BUTTON */
.div_view-button--index{
    background-color: rgb(0,89,162);
    width: 225px;
    margin: 0 auto;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 10px;
  transition: all 0.3s ease;
}

.div_view-button--index:hover {
    /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
  background-color: #0E2E62;
}

.div_view-button--index a{
    color: rgba(255,255,255,1);
    text-decoration: none;
    width: 185px;
    height: 100%;
    padding: 20px 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
}

.div_center{
    text-align: center;
}

/******************************/
/* Footer */
.footer--top {
  background-color: rgba(255,255,255,1);
}
.footer--bottom {
  padding-left: 275px;
  padding-right: 75px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #F6FBFC;
  border: 1px solid #d2ecee;
}
    .div_company{
        padding-top: 50px;
    }

    .div_company p{
      color: #202020;
      font-size:.8em;
    }

#div_company--desc{

    /*margin-top: 30px;*/
}

footer{

}

footer p{
    color: rgba(0,0,0,1);
    font-size: .8em;
    text-align: left;
}

.footer--bottom.ng-scope p {
  text-align: center !important;
}
.sbew-ad{
  text-align: center;
  border: 1px solid #18A3A5;
  border-radius: 10px;
  height: 120px
}

.sbew-ad p{
  color: #0E2E62;
  font-size: .9em;
  font-family: Graphik, sans-serif;
  font-weight: 500;
}

.sbew-ad .button{
  border-radius: 8px;
  background-color: #0059A2;
  color: white;
  font-size: 16px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 9px;
  padding-bottom: 9px;
  text-decoration: none;
  transition:  all 0.3s ease;
}

.sbew-ad .button:hover{
  background-color: #0E2E62;
}

/******************************/
/* SIZE SENSETIVE STYLING */


/******
 SMALL PHONES
 ******/
@media screen and (min-width:300px) and (max-width: 420px){
    .tabs ul {
        height:auto;
        border:none;
    }
    .tabs ul li {
        display:block;
        float:none;
        border-bottom:1px solid #e0ebf0;
        text-align:center;
    }
    .tabs ul li a {
        display:block;
        border:none;
    }
}
@media screen and (min-width:701px){
  #menu-list{
    display: block;
  }
}
@media screen and (max-width:700px){

    h1, h2, h3{
      text-align: center;
    }
  .intro-widget-container{
    padding: 0px;
  }
    /** NAVIGATION **/
    #main-nav-div nav div#nav-list, #main-nav-div nav div#other-links{
        text-align: left;
    }

    #main-nav-div nav div#other-links{
        width: 100%;
        margin-top: 0px;
    }

    #menu-list{
        display: none;
    }

    #nav-list a, #other-links a{
        width: 100%;
        display: block;
        font-weight: 300;
        padding-left: 10px;
        background-color: #ffffff;
        border: none;
        padding-top:10px;
        padding-bottom: 10px;
        margin-top: 0px;
        color: #0059A2;
        text-decoration: none;
        text-align: center;
    }

    #nav-list a.mainlink{
        background-color: #ffffff;
        color: #0059A2;
        text-align: center;
    }

    #main-nav-div #collab-logos{
        display: none;
    }

    .ihs-logo-left-nav{
        width: 150px;
    }

    #menu-list a:hover{
        /*color: rgba(70, 217, 139,1);*/
        /*background-color: rgba(255,255,255,1);*/
        color: #000;
        background-color: #DEB88C;
    }


    /** BODY **/

    #core-body{
        padding: 40px 20px 20px 20px;
        background-position:left bottom;
    }

    .banner {
        padding: 1em 0 1em 1em;
    }

    .banner-container {
        padding-right: 60px;
    }

    .widget_stats--date{
        width: 100%;
        background-color: rgb(255,255,255);
    }

    .widget_stats--data{
        width:49.8%;
    }

    .widget-container, .text-container {
        padding:0 0 30px 0;
    }

    .widget--title, .widget--data{
        padding-left: 14px;
        padding-right: 14px;
    }
    .div_stats--container{
        text-align: center;
    }

    /* MTKO Subscribe Form */
    #subscribe-form {
        padding: 25px;
    }
    #subscribe-form input {
        height:auto!important;
    }
    .tool-tip {
        display:none;
    }
    /* FOOTER */
    .footer--bottom {
      padding-left:20px;
      padding-right:20px;
    }
    #div_company--desc{
        background-color: #ffffff;
        /*margin-top: 30px;*/
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20px;
    }
    .historial-widget, .wage-historial-widget {
        margin-top:0px;
    }
    .div--highlights{
        width: 100%;
    }
}

@media screen and (max-width: 1400px){
  h3.widget-title{
    font-size: 20px;
  }
}
@media screen and (max-width: 1100px){
  h3.widget-title{
    font-size: 18px;
  }
}

/******
 PHONE/TABLET
 ******/

@media screen and (max-width: 700px){
  #main-nav-div nav img{
    max-width:100px;
  }
  .collab-names{
    text-align: center;
  }
}
@media screen and (min-width: 421px) and (max-width:700px){
    /*#core-body{
        padding: 50px;
        padding-top: 15px;
    }*/

    .widget_stats--data{
        width: 49.85%;
    }

    #main-nav-div #collab-logos{
        display: none;
    }
    /*******************************/
    /* Ad Styling */
    .ad-notify {
        display:block;
        margin:0 auto;
        width:276px;
    }
}


@media screen and (min-width: 701px) and (max-width: 800px){
    #core-body{padding: 20px 35px 20px 235px;}

    .widget--title, .widget--data{padding-left: 14px;padding-right: 14px;}
     /*******************************/
    /* Ad Styling */
    .ad-notify {
        display:block;
        margin:0 auto;
        width:276px;
    }
}


/*****
COMPUTERS
 *****/

@media screen and (min-width: 701px){

    #main-nav-div{
        height: 100%;
        float:left;
        position: fixed;
    }
    #main-nav-div nav{
        height: 100%;
        float: left;
        min-width: 200px;
        /*background-image:url("../images/background-leftbar.jpg");*/
        background-repeat: repeat-y;
        background-size:cover;
    }

    #nav-list a{
        width: 100%;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        padding-left: 0px;
        display: block;
    }

    #main-nav-div nav #nav-list a:hover{
        width: 115%;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        color: #000;
        /*background-color:#1b67a8;*/
        /*color:#fff;*/
    }
    .tool-tip::before {
       display:block;
    }
    #main-nav-div #collab-logos{
        position: absolute;
        bottom: 0px;
        margin: 0 auto;
        width: 200px;
    }
    #mobile-menu{display: none;}

    #scat-nav-div nav a{
        width: auto;
        display: inline-block;
        border-bottom: none;
        padding-left: 50px;
    }
    #other-links a{
        padding:.8em 0 .8em .5em;
        text-decoration: none;
        color: rgb(0,89,162);
        display: block;
    }
    #other-links a.active {
      background-color: #F6FBFC;
      border-left: 7px solid #18A3A5;
    }
    #other-links a:hover{
        color: #0E2E62;
        /*color:#eb5810;*/
        text-decoration:none;
        transition: color 0.3s ease;
    }

    .div_stats--container{text-align: center;}
    .div_stats--container hr{
        width:80%;
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #c8d7df;
        margin: 0 auto;
        padding: 0;
    }
    .widget--chart{
        width: 550px;
        display: inline-block;
        vertical-align: top;
    }

    .widget--stats{
        width: 500px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .widget_stats--date{width: 100%;background-color: #ffffff;}
    .widget_stats--data{width:49.8%;}
    /*
    .widget_stats{
        width: 175px;
    }

    .widget--border_right{
        border-left: 1px solid rgba(220,220,220, 0.8);
    }
    .widget_stats--date{
        border-right: 1px solid rgba(220,220,220,0.8);
    }*/

    #n-chart{width: 100%;min-height: 270px;}


    /** FOOTER **/
    #div_company--desc{
        background-color: rgb(255,255,255);
        /*margin-top: 30px;*/
        padding-left: 200px;
        padding-bottom: 50px;
        padding-right: 75px;
    }
    .div_company{padding-left: 75px;}
    .div--highlights{width: 90%;}

    #nav-list #nav-jobs {
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/job-index-icon.png");
        background-repeat:no-repeat;
        background-position:22px center;
        background-size: auto 24px;
        z-index: 10;
        position: relative;
        border-right: 0px;
        background-color: white;
    }
    #nav-list #nav-jobs:hover, #nav-list #nav-jobs.mainlink.active:hover {
        background-position:42px center;
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/job-index-icon.png");
    }
    #nav-list #nav-jobs.mainlink.active{
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/job-index-icon.png");
        background-position: 5px;
    }
    #nav-list #nav-wage {
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/wage-icon.png");
        background-repeat:no-repeat;
        background-position:22px center;
        background-size: auto 24px;
        z-index: 10;
        position: relative;
        border-right: 0px;
        background-color: white;
    }
    #nav-list #nav-wage:hover, #nav-list #nav-wage.mainlink.active:hover{
        background-position:42px center;
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/wage-icon.png");
    }
    #nav-list #nav-wage.mainlink.active{
        background-image:url("https://www.paychex.com/sites/default/files/image/2023-09/wage-icon.png");
      background-position: 5px;
    }

    .unconsistent-design-1{
        margin-left: 57px;
    }
    .unconsistent-design-2{
        margin-left: 30px;
    }
}

@media screen and (min-width: 1000px){
    .div_company{
        width: 39%;
        display: inline-block;
        vertical-align: top;
    }
    /*.widget-container{width: 90%;}*/
    .widget--two-col{width: 45%;}
    .div--highlights{ width: 90%;}
    .div--highlights-sm{width: 41%;}

    .div--intro{
        width: 60%;
    }
    .tool-tip::before {
        left:-217px;
    }

    .widget-author div.div_content-holder {min-height: 555px;}
}

@media screen and (min-width: 1200px){
    .div_company{
        width: 39%;
        display: inline-block;
        vertical-align: top;
    }
    .div--highlights{width: 37%;}
    .div--highlights-sm{width: 41%;}

    .widget-author div.div_content-holder {min-height: 415px;}

}

@media screen and (min-width: 1400px){
    .widget-author div.div_content-holder {min-height: 320px;}
}

@media screen and (min-width: 1600px){
    .widget-author div.div_content-holder {min-height: 295px;}
}

@media screen and (max-height: 680px){
    #main-nav-div #collab-logos{
        position:relative!important;
    }
}

.pure-u-lg-16-24, .pure-u-lg-2-3 {
  width: 100%;
}
.pure-u-lg-1-3, .pure-u-lg-8-24 {
  width: 100%;
}

@media screen and (min-width: 66em) {
  .pure-u-lg-16-24, .pure-u-lg-2-3 {
    width: 66.6667%;
  }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 96em) {
  .pure-u-lg-16-24, .pure-u-lg-2-3 {
    width: 74%;
  }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 25%;
  }
}

.share-icons-wrap a{
  display: inline-block;
  text-align: center;
  border: solid 1px #e0e9ee;
  border-radius: 7.5px;
  padding: .75rem;
  margin: 0px 6px 0px 6px;
}
.share-icons-wrap p.label{
  display: none;
}

.share-icon-image {
  align-items: center;
  display: flex;
}

.share-icon-image img{
  width: 35px;
  height: 35px;
}

/*.mail img{
  height: 45px;
}*/

.highcharts-label.highcharts-data-label.highcharts-data-label-color-undefined.highcharts-tracker span{
    background-color: #035758;
    color: white !important;
    padding-right: 5px;
    height: 23px !important;
    align-items: center !important;
    display: flex !important;
}

@media screen and (min-width:1250px) {
  .highcharts-legend-title span {
    margin-top: 0px !important;
    left: -105px !important;
    top: 33px !important;
  }
}

.highcharts-legend-item text{
  /*font-size: 15px !important;*/
}

h3.h3--padding-left.widget-title {
    padding-left: 7px;
    padding-right: 7px;
}