/*-----------------------+
 | Site: PurchasingPoint |
 | Part: Master styles   |
 +-----------------------*/


/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic|Roboto+Slab:400,300,100,700);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css);


/* Fonts
======================================================================*/
.about h3, body, #carousel-home h1, h1 .mute, h2 .mute, h3 .mute,input, .more, select, textarea,
.ui-widget button, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: "Source Sans Pro", Arial, sans-serif;
}

h1, h2, h3, .vendors .discount .value { font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif; }

.highcharts-container * { font-family: "Source Sans Pro", Arial, sans-serif !important; }


/* Basics
======================================================================*/
a { color: #065e93; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }
body { background: #075e94; font-size: 17px; line-height: 1.4; padding-bottom: 30px; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1em; }
dt { margin-top: 1em; }
dt:first-child { margin: 0; }
dt, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { font-size: 38px; font-weight: bold; line-height: 1.2; margin-bottom: 0.7em; }
h2 { font-size: 24px; font-weight: normal; line-height: 1.3; margin-bottom: 0.7em; }
h3 { margin-bottom: 0.3em; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
html { -webkit-text-size-adjust: none; }
img { max-width: 100%; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
sub { top: 0.2em; }
sup, sub { font-size: 0.6em; position: relative; top: -0.4em; vertical-align: baseline; }
table { border-collapse: collapse; width: 100%; }
tbody td { border: 1px solid #ddd; border-width: 1px 0; padding: 0.5em 1em 0.5em 0; vertical-align: top; }
td p { margin: 0; }
thead th { padding: 0 1em 0.5em 0; vertical-align: bottom; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0 0 0.4em 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.cloak { display: none; }
#content, #footer-content, #header-content, #intro-content, #nav-content, #subfooter-content, #testimonials-content { margin: 0 auto; max-width: 1100px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/* Content */
#content { padding-bottom: 40px; }
#content-primary { float: left; width: 74.17%; }
#content-secondary { float: right; width: 22.70%; }
#content-wrapper { background: #fff; padding: 30px 20px 40px; }

    /* Admin */
    .extranet #content-primary { margin: 0 auto; }
    .extranet #content-primary, .extranet #content-secondary { float: none; width: auto; }
    
    /* Full */
    .full #content-primary { margin: 0 auto; }
    .full #content-primary, #full #content-secondary { float: none; width: auto; }
    
    /* Home */
    .home #content-primary, .home #content-secondary { float: none; width: auto; }
    .home #find { margin: 0; }
    
    /* Sign in */
    .signin { background: #fff; }
    .signin #account-nav { display: none; }
    .signin #content { margin: 0 auto; max-width: 350px; padding: 40px 0; text-align: center; }
    .signin #content-primary { background: #f6f6f6; border: 1px solid #dedede; border-radius: 3px; margin-bottom: 30px; padding: 30px; }
    .signin #content-primary, .signin #content-secondary { float: none; width: auto; }
    .signin #content-wrapper { padding: 0 20px; }


/* Content
======================================================================*/

/* About */
.about h2 { font-size: 30px; margin: 0; }
.about h3 { font-size: 30px; font-weight: 300; line-height: 1.2; }
.about .section-header { clear: both; margin: 30px auto 40px; text-align: center; width: 80%; }
.about .section-header .action { font-size: 25px; }
.about .section-header h1 { margin: 0; }
.about-step { clear: both; margin: 80px 0; overflow: hidden; }

/* Account */
.account { overflow: hidden; }
.account h2 { margin-bottom: 0.2em; }
.account-primary { float: left; width: 20.80%; }
.account-secondary { float: right; width: 77.36%; }

    /* Summary */
    #account-summary { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }
    #account-summary li { display: inline; margin-right: 1em; }
    #account-summary ul { list-style: none; margin: 0; }

/* Action */
.action {
    -webkit-appearance: none;
    background: #5db220;
    background: -moz-linear-gradient(top, #5db220 0%, #3e9b16 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db220), color-stop(100%,#3e9b16));
    background: -webkit-linear-gradient(top, #5db220 0%,#3e9b16 100%);
    background: -o-linear-gradient(top, #5db220 0%,#3e9b16 100%);
    background: -ms-linear-gradient(top, #5db220 0%,#3e9b16 100%);
    background: linear-gradient(to bottom, #5db220 0%,#3e9b16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db220', endColorstr='#3e9b16',GradientType=0 );
    border-radius: 3px;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    padding: 0.5em 1em;
}

.action:hover { opacity: 0.7; text-decoration: none; }
.action-select { background: #fff; filter: none; border: 1px solid #86bc6f; color: #3e9b16; font-weight: normal; }
.action-select:hover { opacity: 1; }
.action-select input { display: none; }
.action-select.selected { background: #f1fcec; color: #3e9b16; }

/* Admin */
.extranet h1 { font-size: 28px; }

/* Activity */
    /* Recent */
    .recent-activity { list-style: none; margin-left: 0; overflow: hidden; }
    .recent-activity li { clear: both; margin-bottom: 0.5em; overflow: hidden; }

/* Benefits */
.benefits { text-align: center; }
.benefits-content { border: 9px solid #dfdfdf; border-radius: 19px; padding: 25px 25px 10px; }
.benefits-primary { float: left; width: 30.3%; }
.benefits-primary .benefits-content { border-color: #9dd1f1; }
.benefits-secondary { float: right; width: 65.15%; }

/* Breadcrumbs */
.breadcrumbs { list-style: none; margin-left: 0; }
.breadcrumbs li { display: inline; margin-right: 0.5em; }
.breadcrumbs li:after { content: "\00bb"; padding-left: 0.5em; }

/* Button groups */
.btns { overflow: hidden; }
.btn-group { display: inline-block; list-style: none; margin: 0 1em 0.5em 0; overflow: hidden; padding-right: 1px; }
.btn-group > li { float: left; margin: 0 -1px 0 0; }
.btn-group > li:first-child a { border-radius: 3px 0 0 3px; }
.btn-group > li:last-child a { border-radius: 0 3px 3px 0; }

.btn-group > li > a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    border: 1px solid #ccc;
    display: block;
    padding: 0.5em 1em;
}

.btn-group > li > a:hover { border-color: #aaa; text-decoration: none; }
.btns-primary { float: left; }
.btns-secondary { float: right; }
.btns-secondary .btn-group { margin: 0 0 0.5em 1em; }

/* Callouts */
div.call-c, img.call-c { clear: both; display: block; margin: 1em auto; }
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
div.call-c, div.call-l, div.call-r { font-size: 13px; max-width: 100%; }
.call-c img, .call-l img, .call-r img { display: block; }
.call-c img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call-c p, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Carousels */
.carousel-nav { list-style: none; margin: 0; }
.carousel-nav li { color: #fff; cursor: pointer; font-size: 60px; line-height: 1; padding: 20px 40px; position: absolute; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); top: 37%; z-index: 1000; }
.carousel-nav .cycle-next { right: 0; }
.carousel-nav .cycle-prev { left: 0; }

    /* Home */
    #carousel-home { background: #fff; height: 500px; margin: 0; position: relative; text-align: left; }
    #carousel-home .banner { display: block; width: 100%; }
    #carousel-home .carousel-action { display: none; }
    #carousel-home .carousel-content { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; }
    #carousel-home .overlay { bottom: 30px; font-size: 18px; left: 0; position: absolute; width: 100%; }
    #carousel-home .overlay .fa { color: #088bdd; margin-right: 0.3em; }
    #carousel-home .overlay h2 { font-size: 30px; font-weight: normal; margin-bottom: 0.5em; }
    #carousel-home .overlay li { margin: 0; }
    #carousel-home .overlay p, #carousel-home .overlay ul { margin-bottom: 0.5em; }
    #carousel-home .overlay-content { margin: 0 auto; max-width: 1100px; }
    #carousel-home .overlay-copy { background: rgba(255, 255, 255, 0.95); float: left; padding: 20px 30px 25px; }
    #carousel-home .overlay-copy.testimonial { padding-left: 190px; }
    #carousel-home .overlay-copy.testimonial .vendor-logo { float: left; margin: 5px 0 0 -160px; width: 135px; }
    
    /* Vendors */
    #carousel-vendors { margin-bottom: 80px; }
    #carousel-vendors .carousel-content { width: 100%; }
    #carousel-vendors .carousel-nav li { color: #ddd; text-shadow: none; }

/* Charts */
.highcharts-container * { font-size: 14px !important; }
.stats .chart { height: 300px; }
.sparkline { margin-left: 0.5em; }

/* CMS */
    /* CMS block */
    .cms-block { position: relative; }
    .cms-block:hover { background: #f0f0f0; }
    .cms-block:hover .cms-tasks { display: block; }
    
        /* CMS block tasks */
        .cms-block .cms-tasks {
            background: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            display: none;
            list-style: none;
            margin: 0;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0;
        }
        
        .cms-block .cms-tasks a { display: inline-block; padding: 0.3em 0.5em; }
        .cms-block .cms-tasks a:hover { background: #ddd; text-decoration: none; }
        .cms-block .cms-tasks li { display: inline-block; }

/* DocuSign preview */
#docusign-preview { float: right; margin: 0 0 20px 20px; position: relative; width: 50%; }
#docusign-preview-download { bottom: 70px; left: 0; position: absolute; }

/* Filters */
.filters { margin-left: 0; }
.filters a { display: inline-block; border: 1px solid #ddd; margin-right: 0.2em; padding: 0.3em 0.5em; white-space: nowrap; }
.filters a:hover { background: #f0f0f0; text-decoration: none; }
.filters li { display: inline-block; }

/* Footer */
#footer { padding: 30px; }
#footer, #footer a { color: #fff; }

    /* Credit */
    #credit { float: right; text-align: right; }
    
    /* Colophon */
    #colophon { border-top: 1px solid #2572a1; font-size: 13px; clear: both; padding-top: 20px; }
    #colophon-nav { list-style: none; margin: 0; }
    #colophon-nav li { display: inline; margin-right: 1em; }
    
    /* Subfooter */
    #subfooter { margin-bottom: 10px; }
    #subfooter h6 { font-size: 18px; margin-bottom: 0.4em; }
    #subfooter .phone { font-size: 20px; font-weight: bold; margin-bottom: 0.4em; }
    .subfooter-nav { list-style: none; margin-left: 0; }
    .subfooter-nav li { margin-bottom: 0.4em; }
    #subfooter-primary { float: left; margin-right: 3.19%; width: 21.54%; }
    #subfooter-secondary { float: left; width: 37.10%; }
    #subfooter-tertiary { float: left; width: 34.97%; }

/* Funnels */
.funnel { display: table; font-size: 24px; font-weight: bold; list-style: none; margin: 0 auto; width: 100%; }
.funnel .dir { color: #888; padding: 0 0.5em; width: 5%; }
.funnel li { display: table-cell; text-align: center; vertical-align: middle; }
.funnel .mute { display: block; }
.funnel .step { background: #e9f6fe; padding: 1em; width: 30%; }

    /* Mini funnels */
    .mini-funnel { font-size: 1em; font-weight: normal; width: auto; }
    .mini-funnel .dir { width: auto; }
    .mini-funnel .step { background: none; padding: 0 0.7em; width: 1em; }

/* Header */
#header { background: #fff; overflow: hidden; padding: 30px 20px 25px; }
    
    /* Account nav */
    #account-nav { float: right; list-style: none; margin: 0; text-align: right; width: 45%; }
    #account-nav .action { display: inline; font-size: 1em; padding: 0.3em 0.8em; }
    #account-nav li { display: inline; margin: 0 0 0 1em; white-space: nowrap; }
    
    /* Logo */
    #identity { float: left; max-width: 45%; white-space: nowrap; }
    #identity a { color: #000; }
    #identity a:hover { text-decoration: none; }
    #logo { max-width: 347px; }
    #logo, #network-logo { vertical-align: middle; }
    #network-logo { height: auto; max-height: 50px; max-width: 45%; width: auto; }
    .network #logo { border-left: 1px solid #dfdfdf; margin-left: 20px; padding-left: 20px; max-width: 45%; }

/* Home */
.home h2 { font-size: 30px; margin-bottom: 1em; }
.home h3 { font-size: 20px; font-weight: normal; margin-bottom: 20px; }

    /* Featured */
    #featured { text-align: center; padding-top: 20px; }
    
    /* Intro */
    #intro { background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); padding: 35px 40px; position: relative; }
    #intro .action { margin-right: 10px; }
    .home #intro { padding: 0; }
    .home #intro-content { padding: 30px 20px 20px; text-align: center; }
    .home #intro-content p { margin-bottom 0.5em; }
    
    /* Testimonials */
    .participants { line-height: 145px; list-style: none; margin: 0 0 50px 0; }
    .participants li { display: inline; margin: 0 20px; }
    .participants img { max-height: 80px; max-width: 200px; vertical-align: middle; }
    #testimonials { background: #fff; padding: 0 10% 35px; text-align: center; }
    #testimonials h2 { font-size: 38px; font-weight: bold; }

/* Icons */
.fa-ban { color: #dd222e; }
.fa-building-o { color: #555; }
.fa-certificate, .fa-star { color: #ffb511; }
.fa-check, .fa-leaf { color: #3e9b16; }
.fa-shopping-cart { color: #3e9b16; }
.fa-star-o { color: #999; }
.fa-user { color: #088bdd; }

/* jQuery UI */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0; color: #000; }
.ui-widget { font-family: inherit; font-size: 1em; }
.ui-widget-content { padding: 0; }
.ui-widget-content a { color: #247aad; }
.ui-widget-content .action { color: #fff; }
.ui-widget-content .action-select { color: #3e9b16; }

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    background: #f0f0f0;
    border: 0;
    margin: 0;
    padding: 0;
}

    /* Accordion */
    .ui-accordion .ui-icon { display: none; }
    .ui-accordion { border: 1px solid #ccc; border-radius: 4px; }
    .ui-accordion .ui-accordion-content { border: 1px solid #ccc; border-width: 0 0 1px; padding: 0 35px 20px; }
    .ui-accordion .ui-accordion-header { background: #fff; border-bottom: 1px solid #ccc; border-radius: 0; font-size: 20px; font-weight: 600; margin: 0; padding: 1em 35px; }
    .ui-accordion .ui-accordion-header:hover { background: #e9f6fe; }
    .ui-accordion .ui-accordion-header.ui-state-active { border: 0; }
    .ui-accordion .ui-accordion-header.ui-state-active:hover { background: #fff; }
    
    /* Autocomplete */
    .ui-autocomplete { max-height: 300px; overflow-x: hidden; overflow-y: scroll; width: 300px; }
    .ui-autocomplete a { color: #000; }
    
    /* Dialog w/o title bar */
    .ui-dialog.plain .ui-dialog-content { padding: 25px; }
    .ui-dialog.plain .ui-dialog-title { display: none; }
    .ui-dialog.plain .ui-dialog-titlebar { background: none; border: 0; padding: 0; }
    .ui-dialog.plain .ui-dialog-titlebar-close { margin: 10px 0 0; right: 10px; z-index: 1000; }
    
    /* Sortable */
    .ui-sortable .item { border: 1px solid #ddd; border-radius: 4px; cursor: move; padding: 10px 20px 10px 10px; position: relative; }
    .ui-sortable .item p { margin: 0; }
    .ui-sortable .item .fa-times { position: absolute; right: 10px; top: 10px; }
    .ui-sortable .ui-state-default { background: none; }

    /* Tabs */
    .ui-tabs { border: 0; margin-bottom: 20px; padding: 0; }
    .ui-tabs .ui-tabs-nav { background: none; border: 0; list-style: none; margin: 0 0 -1px; padding: 0; width: 100%; z-index: 1000; }
    .ui-tabs .ui-tabs-nav li { background: none; border: 0; margin: 0; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #fff; border-color: #b2b2b2; border-bottom-color: #fff; color: #000; }
    
    .ui-tabs .ui-tabs-nav li a {
        background: #fcfcfc;
        border: 1px solid #ddd;
        border-bottom-color: #b2b2b2;
        border-radius: 3px 3px 0 0;
        color: #555;
        display: block;
        float: none;
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
        padding: 0.5em 1em;
        text-align: center;
    }
    
    .ui-tabs .ui-tabs-nav li a:hover { background: #fff; text-decoration: none; }
    .ui-tabs .ui-tabs-panel { background: #fff; clear: both; border: 1px solid #b2b2b2; padding: 30px; }

/* Load more */
.load-more a { background: #e9f6fe; border-radius: 4px; display: block; padding: 0.7em 1em; text-align: center; }
.load-more a:hover { text-decoration: none; }

/* More links */
h2 .more { font-size: 17px; margin-left: 0.7em; }

/* Muted */
.mute { color: #777; font-size: 13px; font-weight: normal; }
h1 .mute { margin-left: 0.7em; }

/* Navigation */
#nav { background: #088bdd; clear: both; font-size: 17px; padding: 15px 20px; }
#nav-content { position: relative; }
    
    /* Dropdown */
    .dropdown { background: #fff; display: none; left: -3px; position: absolute; top: 2em; width: 100%; z-index: 10000; }
    .dropdown h2 { font-size: 20px; }
    .dropdown-content { border: 3px solid #088bdd; border-top-width: 0; max-height: 550px; overflow-x: hidden; overflow-y: scroll; padding: 25px 20px 15px; }
    
        /* Browse */
        #browse { float: right; margin-right: 15px; }
        #browse:hover .trigger { background: #fff; }
        #browse:hover .dropdown { display: block; }
        #browse .dropdown-primary { float: left; width: 74.14%; }
        #browse .dropdown-secondary { float: right; width: 22.65%; }
        #browse .trigger { background: #e9f6fe; border-radius: 3px; color: #000; display: block; padding: 0.3em 0.7em 0.4em; }
        #browse .trigger:hover { text-decoration: none; }
        #browse .trigger .fa { color: #666; }
        
            /* Categories */
            #browse .categories h5 { font-size: 18px; }
            #browse .categories h5, #browse .categories li, #browse .categories ul { margin-bottom: 0; }
            #browse .categories a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            #browse .categories a:hover { opacity: 0.6; text-decoration: none; }
            #browse .categories ul { list-style: none; margin: 0; }
            #browse .categories ul a:before { color: #000; content: "\00bb"; margin-right: 0.5em; }
    
    /* Primary */
    #nav-primary { float: left; font-size: 19px; font-weight: 300; list-style: none; margin: 0; padding-top: 5px; text-align: right; }
    #nav-primary a { color: #fff; }
    #nav-primary .current { font-weight: bold; }
    #nav-primary li { display: inline; margin: 0 1em 0 0; }

/* Notes */
.notes { list-style: none; margin-left: 0; }
.notes li { margin-bottom: 1em; overflow: hidden; padding-left: 9em; }
.notes .note-details { float: left; margin: 0 0 0 -9em; }
.notes p { margin-bottom: 0.5em; }

/* Profile header */
#profile-header { line-height: 1.5; margin-bottom: 2em; }
#profile-header h1, #profile-header p, #profile-header ul { margin: 0; }
#profile-header li { display: inline; margin: 0 1em 0 0; white-space: nowrap; }
#profile-header li:last-child { margin: 0; }
#profile-header .thumb { border-right: 1px solid #dfdfdf; margin-right: 10px; max-height: 70px; max-width: 100px; padding-right: 15px; vertical-align: middle; }
#profile-header ul { list-style: none; }
#profile-header-content { display: inline-block; vertical-align: middle; }

/* Register */
.register { margin: 30px auto; }

/* Stats */
.stats-nav { list-style: none; margin-left: 0; }
.stats-nav li a { padding: 0.5em; }
.stats-nav li a:hover { text-decoration: none; }
.stats-nav li a .mute { display: block; }
.stats-nav li a .value { display: block; font-size: 24px; font-weight: bold; line-height: 1; }

/* Steps */
.steps { font-size: 18px; list-style: none; margin-left: 0; text-align: center; }
.steps .current { font-weight: bold; }
.steps li { display: inline; margin: 0 1em; }

/* Tables */
.col-thumb { text-align: center; width: 80px; }
.col-thumb img { height: auto; max-height: 40px; max-width: 70px; width: auto; }
.col-vendors { text-align: center; width: 15em; }
.col-vendors .mute { display: block; }

    /* DataTables */
    .dataTable { clear: both; }
    .dataTable th { white-space: nowrap; }
    .dataTable th .icon-info-sign { color: #cdcdcd; cursor: help; font-size: 13px; }
    .dataTable th .sort { background-repeat: no-repeat; background-position: 0 0; display: inline-block; height: 7px; margin-left: 0.5em; width: 7px; }
    .dataTable th.sorting_asc .sort { background-image: url(/content/images/sort-up.png); }
    .dataTable th.sorting_desc .sort { background-image: url(/content/images/sort-down.png); }
    .dataTables_scroll { margin-bottom: 2em; }
    .dataTables_scroll table { margin: 0; }
    .dataTables_scroll tr:first-child td { border-top-width: 0; }
    .dataTables_scroll tr:last-child td { border-bottom-width: 0; }
    .dataTables_scrollBody { border: 1px solid #ddd; }
    .dataTables_wrapper .dataTables_filter { float: right; margin-bottom: 10px; text-align: right; width: 31.29%; }
    .dataTables_wrapper .dataTables_filter .txt { margin: 0 0 0 0.5em; width: 60%; }
    .dataTables_wrapper .dataTables_length { float: right; }
    .dataTables_wrapper .dataTables_length select { margin-left: 0.5em; }
    .dataTables_wrapper .dataTables_paginate a { cursor: pointer; margin-right: 1em; }
    .dataTables_wrapper .dataTables_paginate a:hover { text-decoration: none; }
    .dataTables_wrapper .dataTables_paginate a.paginate_active { color: #000; cursor: default; font-weight: bold; }
    .dataTables_wrapper .dataTables_paginate a.paginate_button_disabled { color: #666; cursor: default; }
    .dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { color: #0c61af; cursor: pointer; }
    .dataTables_wrapper .ui-sortable-helper { background: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .dataTable .inactive { background: #F5F5F5; }

    /* Added from AIC styles. Not sure why the  paginate styles not kicking in with the .datatable_wrapper -VT */
    .dataTables_filter { display: none; }
    .dataTables_info, .dataTables_length { float: right; }
    .dataTables_info, .dataTables_length, .dataTables_paginate { font-size: 12px; }
    .dataTables_paginate a { margin-right: 0.5em; }
    .dataTables_paginate .paginate_active { color: #000; font-weight: bold; margin-right: 0.5em; }
    .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_disabled_previous { color: #777; cursor: default; }
    .dataTables_paginate span { margin-right: 0.5em; }

    /* Vendors */
    .vendors-table .col-facilities { text-align: center; width: 15em; }
    .vendors-table .col-facilities .mute { display: block; }
    .vendors-table .col-networks, .vendors-table .col-purchase { text-align: center; }

/* Tags */
.tags { font-size: 13px; list-style: none; margin-left: 0; }
.tags li { display: inline; margin-right: 0.7em; }

/* Vendors */
.vendors { list-style: none; margin: 0; text-align: center; }
.vendors .action { display: block; padding: 0.3em 0; }
.vendors .action.enrolled { cursor: default; }
.vendors .category { margin: 0; }
.vendors .category, .vendors .discount, .vendors .discount .value, .vendors .tags, .vendors .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vendors .discount { line-height: 1.1; margin-bottom: 0.7em; }
.vendors .discount .mute { text-transform: uppercase; }
.vendors .discount .value { display: block; font-size: 27px; font-weight: bold; }
.vendors .tags { margin-bottom: 0.75em; }
.vendors li { float: left; margin: 0 3.5% 30px 0; width: 31%; }
.vendors li.clear { float: none; height: auto; margin: 0; width: auto; }
.vendors li.end { float: right; margin-right: 0; }
.vendors li.selected { background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); border-color: #dfdfdf; }
.vendors .logo { box-sizing: border-box; display: block; height: 100px; padding: 10px 20px; width: 100%; }
.vendors .logo img { display: inline; margin: 0 auto; max-height: 100%; max-width: 95%; vertical-align: middle; }
.vendors .logo .shim { display: inline-block; height: 100%; vertical-align: middle; }
.vendors p { margin-bottom: 0.3em; }
.vendors .title { font-size: 18px; font-weight: bold; }
.vendors .vendor-content { border: 1px solid #ddd; padding: 15px; }

    /* Contact */
    .vendor-contact { float: right; margin: 0 0 20px 30px; width: 30.60%; }
    .vendor-contact .logo { display: block; margin-bottom: 15px; }
    .vendor-contact ul { list-style: none; margin-left: 0; }
    
    /* Employee Discount */
    #employee-discount { margin-top: 15px;  }
    #employee-discount .employee-discount-toggle { margin: 1px;  }

    /* Get access */
    #get-access-cart { border: 1px solid #ddd; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); margin-bottom: 20px; padding: 20px; }
    #get-access-cart .action { display: block; padding: 0.4em 0; text-align: center; width: 100%; }
    #get-access-cart h3 { margin-bottom: 0.7em; }
    
    /* Intro */
    .vendor-intro { border-bottom: 1px solid #ddd; font-size: 18px; margin-bottom: 20px; padding-bottom: 10px; }
    .vendor-intro h1 { margin-bottom: 0.2em; }
    .vendor-intro h2 { font-size: 18px; font-weight: normal; }
    
    /* Logos */
    .vendor-logos { line-height: 140px; list-style: none; margin: 0; text-align: center; }
    .vendor-logos img { max-height: 100px; max-width: 200px; vertical-align: middle; }
    .vendor-logos li { display: inline; margin: 0 20px; vertical-align: middle; }
    
    /* Picker */
    #vendor-picker { position: relative; }
    #vendor-picker-primary { float: left; width: 74.17%; }
    #vendor-picker-secondary { float: right; position: absolute; right: 0; width: 22.70%; }
    
    /* Popular */
    .popular-vendors { list-style: none; margin-left: 0; }
    .popular-vendors a { display: block; padding-left: 80px; }
    .popular-vendors a:hover { text-decoration: none; }
    .popular-vendors li { clear: both; margin-bottom: 10px; overflow: hidden; }
    .popular-vendors .mute { display: block; }
    .popular-vendors .thumb { float: left; margin: 2px 0 0 -80px; width: 70px; }
    .popular-vendors .title { display: block; }
    
    /* Quick view */
    .quick-primary { float: left; width: 66.71%; }
    .quick-secondary { float: right; width: 28.63%; }
    .quick-secondary .logo { display: block; margin-bottom: 10px; }
    #quick-view h1 { margin: 0; }
    #quick-view h1 .mute { display: block; margin-right: 0.7em; }
    #quick-view .highlight h3 { font-size: 12px; margin: 0; text-transform: uppercase; }
    
        /* Link */
        .vendors .quick { margin-bottom: 10px; position: relative; }
        .vendors .quick:hover .quicklink { display: block; }
        .vendors .quicklink { display: none; left: 0; position: absolute; top: 34px; width: 100%; }
        .vendors .quicklink a { background: #fff; border: 1px solid #ddd; border-radius: 4px; display: block; margin: 0 auto; padding: 0.3em 0; width: 60%; }
        .vendors .quicklink a:hover { text-decoration: none; }
    
    /* Selected vendors */
    .selected-vendors { border-bottom: 1px solid #ddd; list-style: none; margin: 0 0 60px 0; }
    .selected-vendors .contact { float: right; width: 30.58%; }
    .selected-vendors .description { float: left; width: 65.29%; }
    .selected-vendors h3 { font-size: 24px; margin: 0; }
    .selected-vendors > li { border-top: 1px solid #ddd; clear: both; overflow: hidden; padding: 15px 0 20px 220px; }
    .selected-vendors p { margin-bottom: 0.5em; }
    .selected-vendors .thumb { float: left; margin: 5px 0 0 -220px; width: 200px; }
    .selected-vendors .thumb img { display: block; margin: 0 auto; max-height: 100px; }
    
        /* Active vendors */
        .active-vendors { list-style: none; margin-left: 0; }
        .active-vendors h3 { font-size: 24px; margin: 0; }
        .active-vendors li { margin-bottom: 1.5em; padding-left: 100px; }
        .active-vendors .logo { max-height: 40px; max-width: 70px; }
        .active-vendors p { margin: 0; }
        .active-vendors .thumb { float: left; margin: 3px 0 0 -100px; text-align: center; width: 70px; }
        
        /* Cart */
        .selected-vendors-cart { list-style: none; margin-left: 0; }
        .selected-vendors-cart .fa { float: right; margin: 0 -20px 0 0; }
        .selected-vendors-cart li { padding-right: 20px; }
        
        /* Preview */
        .selected-vendors-preview { border-bottom: 1px solid #ddd; list-style: none; margin: 0 auto 30px; max-width: 60%; }
        .selected-vendors-preview li { border-top: 1px solid #ddd; clear: both; overflow: hidden; padding: 10px 0 0 120px; position: relative; }
        .selected-vendors-preview .remove { position: absolute; right: 0; top: 10px; }
        .selected-vendors-preview .thumb { float: left; margin: 3px 0 0 -120px; width: 100px; }
        .selected-vendors-preview .thumb img { display: block; margin: 0 auto; }
        .selected-vendors-preview .title { display: block; font-weight: bold; }

/* Viewing opions */
.view-time { list-style: none; float: right; font-size: 14px; margin-left: 0; text-align: right; }
.view-time .current a { color: #000; font-weight: bold; }
.view-time li { display: inline; margin: 0 0 0 1em; }


/* Help */
.help { background: #ffc; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 15px; padding: 1em 1em 3px; text-align: left; }
.help .close { float: right; opacity: 0.4; margin: 0 0 10px 10px; }
.help .close:hover { opacity: 1; text-decoration: none; }



.fc-group{ display:flex; flex-wrap: wrap; }

.fc-col3{ flex-grow: 1; margin-bottom: 16px; width: 33%; }