/* Fonts */
    .gothamBold20{
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 20px;
    }

    .gothamBold30{
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 20px;
    }

    .gothamBook12{
        font-family: 'Gotham-Book', sans-serif;
        font-weight: 400;
        font-size: 12px;
    }

    .gothamBold10{
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 10px;
    }

    .sspRegular12{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 12px;
    }

    .sspRegular14{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 14px;
    }

    .sspBold16{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 16px;
    }
    
    .sspBold14{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 14px;
    }

    .sspBold20{
        font-family: 'Source Sans Pro', sans-serif;
		font-weight: 700;
		font-size: 20px;

    }
    
    .sspBold28{
        font-family: 'Source Sans Pro', sans-serif;
		font-weight: 700;
		font-size: 28px;

    }
	.blue{
		color: #007CE0;
	}
	.grey{
		color: #888888;
	}
	.black{
		color: #000000;
	}
	.whitebg{
		background-color: #ffffff;
	}

/* END Fonts */



/* Footer */
    .newFooter .span12 > .row {
        vertical-align: middle;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .newFooter .mainLinks{
        margin: 0;
        padding-left: 0;
    }

    .newFooter .mainLinks li a{
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #ffffff;
        text-transform: uppercase;
    }

    .newFooter .titlePlusVersion{
        color: #888888;
    }

    .newFooter .otherLicenseText{
        /*width: 320px;*/
        color: #ffffff;
        font-weight: 300;
    }

    .mailChimpForm .subscribeText{
        color: #888888;
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
    }
    .mailChimpForm input[type="email"] {
        height: 44px;
        border-color: #ffffff;
        box-shadow: none;
        margin: 0;
        padding: 0 0 0 15px;
        line-height: 14px;
        border: 0;
        border-radius: 3px;
    }

    .mailChimpForm form{
        margin: 0;
    }

    .mailChimpForm .response{
        color: #ffffff;
    }

    .newFooter a.social-icon {
		background-image: url("/images/homepage/socialBlog.png");
		background-size: 250px 64px;
        background-color: #404040;
        border-radius: 3px;
        float: left;
        height: 25px;
        list-style: none;
        margin-left: 4px;
        width: 25px;
	}

    .newFooter a.social-icon:hover{
        background-color: #007ce0;
    }

    .newFooter a.social-icon.twitter{
        background-position: -163px -3px;
    }

    .newFooter a.social-icon.github{
        background-position:  -3px -3px;
    }

    .newFooter a.social-icon.email{
        background-position: -67px -36px;
    }

    .newFooter a.social-icon.rss{
        background-position: -224px -4px;
    }

/* END Footer */

/* Fix main content */
    [role=main], .main {
        padding: 0;
        background: none;
    }

    .hdx-wrapper.wrapper {
        background: none;
        border: none;
        box-shadow: 0 0 0 0;
        margin: 0;
    }
/* END Fix main content */

/* Search widget style */
    /*Also used on the homepage*/
    .form-search .input-append .searchInput{
        width: 265px;
        height: 45px;
        border-radius: 6px 0 0 6px;
        background-color: white;
        border: 0;
        padding: 0 0 0 20px;
    }

    .form-search .input-append .searchInput::-webkit-input-placeholder{
        color: #cccccc;
    }

    .form-search .input-append .button{
        width: 50px;
        height: 45px;
        padding: 0;
        background-color: #007ce0;
        border: 0;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
        color: #eeeeee
    }

    .form-search .input-append .button .icon-search{
        font-size: 20px;
        line-height: 100%;
        text-align: right;
        width: 20px;
        color: #ffffff;
    }
/* END Search widget style */

/* Main Content */
    .mainContent > .row{
        background-color: #ffffff;
    }
    .mainContent .module-content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        /*margin-bottom: 0;*/
    }

	.mainContent .module-content.mBottom10 {
	    margin-bottom: 10px;
	    padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 0;
	}

    .mainContent .primary .module:last-child{
        margin-bottom: 0;
    }
/* END Main Content */


/* Common Classes */
    .mTop60{
        margin-top: 60px;
    }
    .mTop70{
        margin-top: 70px;
    }
    .mTop110{
        margin-top: 110px;
    }
    .mTop80{
        margin-top: 80px;
    }
    .mTop45{
        margin-top: 45px;
    }

    .mTop40{
        margin-top: 40px;
    }
    .mTop35{
        margin-top: 35px;
    }
    .mTop30{
        margin-top: 30px;
    }
    .mTop23{
        margin-top: 23px;
    }
    .mTop25{
        margin-top: 25px;
    }
    .mTop20{
        margin-top: 20px;
    }
    .mTop15{
        margin-top: 20px;
    }
    .mTop8{
        margin-top: 8px;
    }
    .mTop10{
        margin-top: 10px;
    }
    .mBottom5{
        margin-bottom: 5px;
    }

    .mBottom10{
        margin-bottom: 10px;
    }
    .mBottom15{
        margin-bottom: 15px;
    }
    .mBottom20{
        margin-bottom: 20px;
    }
    .mBottom30{
        margin-bottom: 30px;
    }
    .mBottom35{
        margin-bottom: 35px;
    }
    .mBottom40{
        margin-bottom: 40px;
    }

    .mBottom65{
        margin-bottom: 65px;
    }
    .mBottom100{
        margin-bottom: 100px;
    }
    .mBottom110{
        margin-bottom: 110px;
    }
    .mLR45{
        margin-left: 45px;
        margin-right: 45px;
    }
    .mLR30{
        margin-left: 30px;
        margin-right: 30px;
    }
    .mLR15{
        margin-left: 15px;
        margin-right: 15px;
    }
    .mLR10{
        margin-left: 10px;
        margin-right: 10px;
    }
    .mTB0{
        margin-top: 0;
        margin-bottom: 0;
    }
    .mTB30{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .mTB35{
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .mTB45{
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .mTB15{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .pLR45{
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .pTB15{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pR45{
        padding-right: 45px;
    }
    .pR7{
        padding-right: 7px;
    }
    .pL5{
        padding-left: 5px;
    }

    .pL15{
        padding-left: 15px;
    }

    .pL45{
        padding-left: 45px;
    }

    .pTopBottom5{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pTopBottom10{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pTopBottom15{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pTopBottom35{
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pTopBottom80{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .pTop80{
        padding-top: 80px;
    }
    
    .pBottom80{
        padding-bottom: 80px;
    }
    
    .pBottom35{
        padding-bottom: 35px;
    }

    .mL45{
        margin-left: 45px;
    }
    .mR45{
        margin-right: 45px;
    }
    .mL35{
        margin-left: 35px;
    }
    .mR35{
        margin-right: 35px;
    }
    .mL15{
        margin-left: 15px;
    }
    .mR15{
        margin-right: 15px;
    }
    .mL30{
        margin-left: 30px;
    }
    .mR30{
        margin-right: 30px;
    }
    hr{
        margin: 0;
    }
    hr.dotted{
        border-top:1px dotted #888888;
        border-bottom: none;
    }
    .border-bottom-grey{
    	border-top: none;
    	border-bottom: 1px solid #dddddd;
    }
    .border-grey{
    	border: 1px solid #dddddd;
    }
    .center{
    	text-align: center;
    }
    .no-transform{
    	text-transform: none;
    }
    .txt-justify{
    	text-align:justify;
    }
    
/* END Common Classes */

/* Style Select2 Dropdown */
    .select2-container {
        display: block;
        padding: 0;
    }

    .select2-container.required.error > .select2-choice {
        border-color: red;
    }

    .select2-container .select2-choice{
        background-image: none;
        color: #888888;
        font-family: 'Gotham-Bold', sans-serif;
        font-weight: 400;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding-left: 15px;
        outline: none;
        border-color: #ffffff;
    }

    .select2-container-multi .select2-choices{
        box-shadow: none;
        border-color: #ffffff;
        background-image: none;
    }

    .select2-container-multi .select2-choices .select2-search-choice{
        line-height: 28px;
    }

    .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close{
        top: 14px;
    }

    .select2-dropdown-open .select2-choice{
        background-color: #ffffff;
        border-color: #5897fb;
    }

    .select2-dropdown-open.select2-drop-above .select2-choice{
        background-color: #ffffff;
        background-image: none;
    }

    .select2-container .select2-choice .select2-arrow {
        background-color: #888888;
        background-image: none;
        padding-top: 14px;
        padding-left: 13px;
    }

    .select2-container .select2-choice .select2-arrow b {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid #ffffff;
        display: inline;
        background: none;
        background-image: none !important;
    }


/* END Style Select2 Dropdown */

/* Style Dataset Item */
    .dataset-item {
	    border-bottom: 0;
        margin-top: 35px;
        margin-bottom: 60px;
	    padding-bottom: 0;
	}

	.dataset-item .dataset-heading {
		font-family: 'Source Sans Pro', sans-serif;
	    font-size: 20px;
	    font-weight: 700;
	    margin-bottom: 8px;
	    margin-top: 0;
	}
	/*.dataset-item .dataset-heading a {*/
    	/*color: #007CE0;*/
    	/*text-decoration: none;*/
	/*}*/

    .updatedNameColor, .updatedNameColor a{
		color: #007CE0;
	}

/* END Style Dataset Item */

/* Style default Primary */
    [role=main] .primary{
        /*padding-left: 45px;*/
    }
/* END Style default Primary */

/* Style default Secondary */
    .twoColumnBackground{
        background-image:url('/images/homepage/columnBackground.png');
        background-repeat: repeat-y;
        min-height: 350px;
    }

    .secondary .module-heading{
        background-color: transparent;
        border: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 18px;
        margin: 35px 0;
        padding: 0 0 35px;
        border-bottom: 1px dotted #888888;
    }
    .secondary .pTopBottom35 .module-heading {
        margin: 0;
    }

    .secondary .module-heading i{
        display: none;
    }

    .secondary .module-content{
        padding: 0;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 14px;
    }

    .secondary .module{
        margin-bottom: 20px;
    }

    .secondary .nav-simple .nav-item a{
        color: #ffffff;
    }

    .secondary .nav-simple .nav-item a:hover, .secondary .nav-simple .nav-item a:focus{
        background-color: #888888;
    }

    .module-footer {
        border: 0;
    }
/* END Style default Secondary */

/* Facets fonts */
    .facet-hidden{
        display: none;
    }

    .module-heading.facet-title{
        cursor: pointer;
        font-family: 'Gotham-Black', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #888888;
        border: 0;
    }

    .module-heading .facet-title-counter{
        font-family: 'Gotham-Black', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff;
    }

    .nav-facet .list-items {
	    padding: 7px 10px;
	    border-bottom: none;
    }

    .nav-facet .list-items a{
        color: #ffffff;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 16px;
    }
    .nav-facet .list-items a .float-right {
        font-family: "Gotham-Book", sans-serif;
        font-weight: 400;
        font-size: 14px;
    }
    .nav-facet .list-items a:hover{
        background-color: inherit;
    }

    .list-items.module-narrow .module-heading,
	.list-items.module-narrow .module-content,
	.list-items.module-narrow .module-footer {
		padding: 0;
	}

    .list-items .list-items.action{
        margin-top: 5px;
    }

    .list-items.facet-items {
        border-bottom: 1px solid #888888;
    }
    
    /* overwrite the hover the selected facets - #702*/
    .nav-item.active > a:hover,
	.nav-aside li.active a:hover {
	  color: #ffffff;
	  background-color: #8ca0a6;
	}
	
	/* Followers Count */
    .followers-count {
        font-family: 'Gotham-Light', sans-serif;
        font-weight: 400;
        font-size: 48px;
        line-height: normal;
    }
/* END Followers Count */

/* END Facets fonts */

/* Style Bootstrap Flash messages*/
    .flash-messages{
        background-color: #eeeeee;
        padding-bottom: 1px;
    }
/* END Style Bootstrap Flash messages*/

/* Style Greeting message */
    .greeting-message{
        background-color: #eeeeee;
        padding-top: 45px;
        padding-bottom: 60px;
    }

    .greeting-message .header-user-message {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        text-align: center;
        color: #000000;
        line-height: normal;
    }

    .greeting-message .header-user-message-large {
        font-size: 39px;
        margin-bottom: 25px;
    }

    .greeting-message .header-user-message-small {
        font-size: 20px;
        margin-top: 25px;
    }

    .greeting-message .header-user-message-hr {
        background-color: #999999;
        border: 0 none;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        width: 450px;

    }
    .greeting-message .header-user-message a {
        color: #0B0080;
    }

/* END Style Greeting message */

.content_action {
    /*float: right;*/
    text-align: right;
}


/* Style tabs */
/* END Style tabs*/


/* datasets and orgs view&list */
.itemTitle{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 28px;
    display: inline;
    line-height: 28px;
    color: #333333;
}

.notes.embedded-content{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    max-width: 700px;
}

.org-nums dl{
	margin-bottom: 20px;
	border-bottom: 1px solid #888888;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.org-nums dt{
	font-weight: 300;
}

.org-nums dd{
	font-weight: 300;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.header-user-message-med {
    font-size: 12pt;
    margin-top: 25px;
    margin-bottom: 35px;
    font-weight: bold;
}

/* END STYLE datasets and orgs view&list*/

/* Info snippet style */
    .info-wrapper .info-item-name{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #ffffff;
    }
/* END Info snippet style */

/* FILE upload */
.resource-upload-field input {
    transform: none;
}
/* FILE upload end*/

/* Error messages position above floating elements */
.control-full .error-block{
    position: relative;
    z-index: 1;
}
/* END Error messages position above floating elements */

/* Tooltip style */
    .tooltip{
        text-transform: uppercase;
        font-size: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        letter-spacing: 0.01em;

        /*don't override opacity globally it will cancel the fade effect*/
        /*opacity: 1;*/
    }
    .tooltip .tooltip-inner{
        padding: 10px 15px;
    }
/* END Tooltip style */

/* Highlight Style */
    .highlight{
        font-weight: bold;
    }
/* END Highlight Style */

/* Style indicator graph */
    rect.extent{
        stroke: #1ebfb3;
        stroke-width: 1px;
    }

    rect.background{
        opacity: 0.05;
    }

    g.c3-chart g.c3-chart-bars g.c3-chart-bar.c3-target.c3-target-value[style="opacity: 1;"] path.c3-shape.c3-bar {
        /*fill: #cccccc !important;*/
    }
/* END Style indicator graph */



/* Style Show-more */
span.is-more a.more-link, .more-link {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    margin-left: 0;
    padding: 0;
}
/* END Style Show-more */

/* Fix action buttons in the resource preview page */
.module-resource .actions {
    top: 0;
    right: 0;
}
/* END Fix action buttons in the resource preview page */

/* Login form fix for #2022 */
    .form-horizontal.login-form .control-label{
        width:130px;
    }

    .form-horizontal.login-form .controls{
        margin-left:140px;
    }
/* END Login form fix for #2022 */

/* Fix primary actions on old pages (eg. Add group button on /group ) */
    .page_primary_action {
        margin-left: 45px;
    }
/* END Fix primary actions on old pages (eg. Add group button on /group ) */

/* Private dataset label fix */
    .label-inverse,
    .badge-inverse {
      background-color: #333333;
    }
/* END Private dataset label fix */

/* FIX Org Page */
    .float-right{
        float: right;
    }

    .org-nums dl {
        margin-top: 14px;
        border-bottom: 1px solid #888888;
        padding-bottom: 15px;
    }
    .unstyled {
        margin: 0;
        list-style: none;
    }

/* END FIX Org Page */

.contentBackground {
    background-color: #ffffff;
}

/* OLD Resource Edit Form*/
    .graybg {
        background: #eee;
        padding-top: 20px;
        padding-bottom: 10px;
    }

/* END OLD Resource Edit Form*/

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.secondary .simple-input .field .btn-search {
    margin-right: 12px;
}

.secondary .nav-simple > li, .nav-aside > li {
    padding: 7px 19px;
    width:95%;
}
/* Set page background */
    .contentBackground{
        background-color: #ffffff;
    }
/* END Set page background */

/* Style search widget */
    .module-content:first-child{
        padding-top: 0;
        margin-bottom: 100px;
    }

    .list-items.search-form h2 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 28px;
        color: #000000;
        letter-spacing: 0.01em;
        line-height: 1;

        margin: 35px 0;
    }
/* END Style search widget */

/* Dataset list */
    .search-list .dataset-item {
        border-bottom: 1px solid #cccccc;
        margin: 0;
    }

    .search-list .dataset-item:last-of-type{
        border-bottom: none;
    }

    .search-list .dataset-item .dataset-heading {
        margin-bottom: 0;
        line-height: 1;
        font-size: 14px;
    }
    .search-list .dataset-item .dataset-heading a {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 14px;
        /*color: #007ce0;*/  /*let's try and use default color*/
        letter-spacing: 0.01em;
        line-height: 1;
    }

    .search-list .dataset-item .dataset-updated{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #888888;
        letter-spacing: 0.01em;
    }

    .search-list .dataset-item .updatedNameColor {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        letter-spacing: 0.01em;
    }
    .search-list .dataset-item .dataset-actions img svg{
        height: 15px;
        fill: #007ce0;
    }
    .search-list .dataset-item .dataset-actions > ul {
        display: inline;
        list-style: none;
    }
    .search-list .dataset-item .dataset-actions > ul > li{
        display: inline;
        color: #007ce0;
    }
    .search-list .dataset-item .dataset-actions > ul > li > a{
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 12px;
        color: #007ce0;
        letter-spacing: 0.01em;

    }
    .search-list .dataset-item .dataset-actions > ul > li > a::after{
        margin-left: 7px;
        margin-right: 4px;
    }
    .search-list .dataset-item .dataset-actions > ul > li > a.link-separator::before{
        content: "|";
        margin-left: 7px;
        margin-right: 4px;
    
    }
    
    .search-list .dataset-item .dataset-actions > ul > li:last-child > a::after{
        content: "";
        margin: 0;
    }
    .search-list .dataset-item .dataset-description {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #888888;
        letter-spacing: 0.01em;
    }

    .search-list .dataset-item .dataset-others .list-items {
        margin: 0;
    }
    .search-list .dataset-item .dataset-others .label-size {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 10px;
        color: #888888;
        letter-spacing: 0.01em;
        margin-left: 5px;
    }

    .search-list .dataset-item .hdx-ds-title-icon {
        font-size: 12px;
        margin-left: 5px;
    }
    /* .dataset-item .dataset-others li.label-icons {

    }
    .dataset-item .dataset-others li.label-icons::before {
        content: "|";
        margin-left: 15px;
    } */

    .search-list .dataset-content .pre-icon .icon {
        color: #007ce0;
        font-size: 20px;
        width: 20px;
        margin-top:3px;
    }
/* END Dataset list */

/* Fix search spacing between tabs and results number */
    .search-nav > li > a{
        padding-top: 0;
    }
/* END Fix search spacing between tabs and results number */


/* Show full text on hover over select2 options */
.select2-results .select2-result-label:hover {
    max-height: inherit;
    overflow: inherit;
}
.select2-results .select2-result-label {
    max-height: 2em;
    overflow: hidden;
}


/* END - Show full text on hover over select2 options */

/* Styling search recommendations */

#search-recs {
    margin-top: 25px;
    font-family:'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    letter-spacing: 0.01em;
}

/* END - Styling search recommendations */

/* Styling Predictive search */
#input-search{
    position:relative;

}
.search-ahead{
    position:absolute;
    z-index: 99999999;
    top:42px;
    left:0px;
    background: rgba(255,255,255,1);
  width: 160%;
  border-top: 3px solid #007CE0; /*@blueColor*/
  box-shadow: 5px 5px 5px #ccc;
  display:none;
}

.search-ahead ul{
    list-style: none;
    margin-bottom: 0px
}

.search-ahead li{
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
    margin-left: -35px;
}

.search-ahead li:hover{
    background: #cccccc; /* @lightGrayColor */
}

.ahead-link{
    text-align:left;
    color:#333333; /* @darkGrayColor */
}

.ahead-type{
    float:right;
    text-align: right;
    margin-top:-20px;
}
/* END - Styling predictive search */ 