


img#datalumos-logo-small {
	width: 150px;
}

article ul.breadcrumb {
	margin-top: 10px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.no-js-alert {
	padding: 15px;
	background: #fbe319;
	color: #000;
	font-size: 16px;
	z-index: 1000000;
	position: relative;
}

img {
		max-width: 100%;
	}

/* begin structural code */

.navbar-inverse .navbar-form,
.navbar-form {	
	width: auto;
}


body {
	font-family: "Atkinson Hyperlegible",sans-serif;
	font-size: 16px;
	}
	

.hero-bg {
	background: url(https://www.icpsr.umich.edu/files/openICPSR/home_bg_image.png) center center no-repeat;
	background-size: cover;
	min-height: 600px;
	
}

.hero-bg.container-fluid {
	margin-left: -18px;
	margin-right: -18px;
}

.navbar {
	margin-bottom: 0;
	background-color: #CED2D4;
	border-radius: 0;
	
}

.navbar > .container-fluid  {
	border-bottom: 6px solid #9da5aa;

	}

.homepage .navbar > .container-fluid {
	border-bottom: none;
	}


.main-page-subtitle {
	color: #fff;
	font-size: 1.6em;
	padding: 10px 50px 20px 50px;
	text-align: center;
}

#mainContent {position: relative;}


#mainContent a.start-btn {
	background: #803c00;
    color: #ffeecf;
    padding: 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    top: 30px;
    z-index: 100;
}

#mainContent a.start-btn:hover,
#mainContent a.start-btn:focus {
    background-color: #000;
    color: #fff;
}

a.start-btn:hover,
a.start-btn:focus {
	background-color: #000;
    color: #fff;
}



#studiesNavSearch {
    padding-top: 3px;
}

#studiesSearch {
	margin: 100px 35px 150px;
}

#studiesSearch input{
	border: 4px solid #101010;
    font-size: 1.4em;
    padding: 7px;
    color: #101010;
    background: #fffffd;
    border-radius: 13px;
    height: 65px;
	}
	
#studiesSearch input::-webkit-input-placeholder,
#studiesNavSearch input::-webkit-input-placeholder { 
  	color: #101010;
	}

#studiesSearch input::-moz-placeholder,
#studiesNavSearch input::-moz-placeholder { 
  	color: #101010;
	}
#studiesSearch input:-ms-input-placeholder,
#studiesNavSearch input::-moz-placeholder {
  	color: #101010;
	}
#studiesSearch input:-moz-placeholder,
#studiesNavSearch input::-moz-placeholder {
  	color: #101010;
	}
	

#studiesSearch button.btn-primary,
#studiesNavSearch button.btn-primary{
	background: transparent;
	color: #101010;
	position: absolute;
	right: 7px;
    top: 4px;
    border: none;
    z-index: 1000;
    padding: 5px;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search-term-group {
	width: 100%;
}

.repositories-section {
	background-color: #fffffd;
	font-size: 1.5em;
	margin-left: -15px;
    margin-right: -15px;
	}

.row-1 {margin-top: 35px;}

.row-2 {padding-left: 20px; margin-right: 20px;}

.repositories-section img {
	filter: grayscale(100%);
	}
	
	
.repo-aea-logo{	width: 68%; }
.repo-aera-logo{width: 60%; margin-top: 11px;}
.repo-jeh-logo{margin-top: 13px;}
.repo-nanda-logo{    height: 76px; margin-top: -9px;}
.repo-psid-logo{margin-top: 50px; width:85%}
.repo-covid-logo{width: 80%;margin-top:10px;}
.repo-studentdata-logo {width: 60%;margin-top: 36px;margin-bottom: 5px;}
.repo-facts-logo{margin-top: 40px; width: 70%;}
.repo-nacda-oar-logo{margin-top: 22px; height: 55px}
.repo-path-logo{height: 80px;}
.repo-weai-logo {height: 39px; margin-top: 25px;}

a .repo-aea-logo:hover,
a .repo-aera-logo:hover,
a .repo-jeh-logo:hover,
a .repo-nanda-logo:hover,
a .repo-psid-logo:hover, 
a .repo-covid-logo:hover,
a .repo-facts-logo:hover,
a .repo-nacda-oar-logo:hover,
a .repo-path-logo:hover,
a .repo-studentdata-logo:hover,
a .repo-weai-logo:hover,
a:focus .repo-aea-logo,
a:focus .repo-aera-logo,
a:focus .repo-jeh-logo,
a:focus .repo-nanda-logo,
a:focus .repo-psid-logo, 
a:focus .repo-covid-logo,
a:focus .repo-facts-logo,
a:focus .repo-nacda-oar-logo,
a:focus .repo-path-logo,
a:focus .repo-studentdata-logo,
a:focus .repo-weai-logo {
	animation-name: colorMe;
	animation-duration: .5s; 
  	animation-timing-function: ease-in; 
  	animation-delay: 0s;
  	animation-direction: alternate;
  	animation-iteration-count: 1;
  	animation-fill-mode: forwards;
  	animation-play-state: running; 
	}

@keyframes colorMe {
	0% {filter: grayscale(100%); }
	50% {filter: grayscale(50%);}
	100% {filter: grayscale(0%);  }
	}



.aeaSharePermissionsPic {
	padding-bottom: 20px;
}

.aeaFailedNotice {
	width: 75%;
	padding-bottom: 15px;
}

.aeaUnderline{
	text-decoration:underline;
}

.tenantLogo img[alt^="American Economic Association"],
.tenantLogo img[alt^="AEA Data and Code Repository"],
.tenantLogo img[alt^="ICPSR Student Data Sandbox"] {
	width: 50%;
	}
	
.tenantLogo img[alt^="Panel Study of Income Dynamics"] {
 	width: 80%;
 }
	
.tenantLogo img[alt^="COVID-19 Data Repository"] {
	height: 100px;
}

.tenantLogo img[alt^="NACDA Open Aging Repository"] {
	height: 60px;
}

#workspace .col-sm-12.col-lg-3 img[alt^="ICPSR Student Data Sandbox"] {
	max-height: 95px !important;
}

.share-text {
	line-height: 2;
	margin-top: 100px;
}

.share-text p {
	font-size: 1.2em;
}

.content-to-edge {
	padding-right:0; 
    padding-left: 0; 
    margin-right: 0; 
    margin-left: 0;
}

.stat-wrap {
	margin: 2px 0;
	background: #000;
	padding: 10px;
	word-break: break-word;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

p.project-stats-toggle {
	margin: 10px 0;
}

.stat-wrap img {
	float: left;
    margin: 5px;
    height: 64px;
}

.stat-num {
	font-size: 1.5em;
	padding-top: 4px;
	line-height: 1;
}

.stat-type {
	
}

.stat-1 {
	color: #ffeecf;
}

.stat-2 {
	color: #e7c8c7;
}

.stat-3 {
	color: #bdbbd0;
}

#problemsCheckBox input{
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;    
}



#problemsCheckBox label {
	font-weight: normal;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
	margin-bottom: 15px;
}

/* featured projects */
/*
a.explore-btn.btn {
	background: #363535;
	color: #ffeecf;
	position: absolute;
    bottom: 10px;
    right: 10px;
}

a.explore-btn.btn:hover,
a.explore-btn.btn:focus {
	background: #000;
	color: #fff;
}



.iusds {
	background: url(/openicpsr/resources/images/iusds.jpg;jsessionid=A8E2EEC6A04EE0604636F1A4F6064ED8) center center no-repeat;
}

.nsee {
	background: url(/openicpsr/resources/images/nsee.jpg;jsessionid=A8E2EEC6A04EE0604636F1A4F6064ED8) center center no-repeat;
}

.mppspud {
	background: url(/openicpsr/resources/images/mppspud.jpg;jsessionid=A8E2EEC6A04EE0604636F1A4F6064ED8) center center no-repeat;
}

.featured-projects {
	min-height: 400px;
	background-size: cover;
	display: none;
}

.featured-projects:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d2b63+25,ffffff+100&1+0,0.6+29,0+44,0+100 */
background: -moz-linear-gradient(top, rgba(77,43,99,1) 0%, rgba(77,43,99,0.66) 25%, rgba(86,54,107,0.6) 29%, rgba(122,96,138,0) 44%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,43,99,1) 0%,rgba(77,43,99,0.66) 25%,rgba(86,54,107,0.6) 29%,rgba(122,96,138,0) 44%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,43,99,1) 0%,rgba(77,43,99,0.66) 25%,rgba(86,54,107,0.6) 29%,rgba(122,96,138,0) 44%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2b63', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
opacity: .9;
  }

.featured-projects h2,
.featured-projects .project-heading {
	color: #fff;
	position: relative;
}

.featured-projects h2 {
	text-align: center;
}

.featured-projects .project-heading {
	font-size: 1.5em;
    padding: 10px;
}
*/

.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
    background: #000;
	}

.alert-ie {
	margin-top: 20px;
	color: #000;
}

/* begin new bootstrap column widths */

.col-md-0point5, 
.col-md-11point5,
.col-md-0point25,
.col-md-11point75 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}



/* end new bootstrap column widths */

/* end structural code */

/* begin header */

/* end header */

/***************************************************** begin nav *****************************************************/



header .navbar a.navbar-brand {
	padding: 10px 10px 10px 15px;
	}



.navbar-nav.navigation-row li a {
	color: #101010;
	font-size: 17px;
	text-decoration: none;
	border: 1px solid transparent;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.navigation-row li {
	margin-right: 35px;
	}

.navigation-row li:last-child {
	margin-right: 15px;
	}
	
.navigation-row li a:hover,
.navigation-row li a:focus,
.navigation-row li a.active, 
.navigation-row li.dropdown ul.dropdown-menu li a:hover {
	border: 1px solid #101010;
	border-radius: 5px;
	background: #fffffd;
	}
	
a.magnifyingGlassSearchNav.active {
	background: #fffffd;
	}
	
	
header .navbar ul.nav li ul.dropdown-menu li > a:hover, 
header .navbar ul.nav li ul.dropdown-menu li > a:focus {
	background-color: #000;
	color: #fffffd;
	background-image: none;
	}

.nav>li>a:focus, 
.nav>li>a:hover {
	background: transparent;
	}
	
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	background: #000;
	color: #ffeecf;
}
	
.header-logo img  {
	margin-top: -2px;
    width: 310px;
}



.navigation-row {    
	margin-top: -24px;
    margin-bottom: 12px;
    }
   
 

.navbar-nav.loginManagement li a,
#login {
	font-size: .9em;
    display: block;
    padding: 2px 15px;
    color: #101010;
    margin: 0 10px;
    text-decoration: none;
	}

.navbar-nav.loginManagement li a:hover,
.navbar-nav.loginManagement li a:focus,
#login:hover,
#login:focus,
#userNameLogin:hover,
#userNameLogin:focus,
#managementLogin:hover,
#managementLogin:focus,
#managementLogin.active {
	background: #101010;
	color: #fffffd;
	}

.icon-bar {
	background-color: #101010;
	}

a#login:hover,
a#login:focus,
a#signup:hover,
a#signup:focus {
	background: #101010;
	color: #fffffd;
}

header .navbar-inverse ul.nav li ul.dropdown-menu li > a {
	color: #101010;
	}
	
	
header .navbar-inverse ul.nav li ul.dropdown-menu li > a:focus {
	color: #fffffd;
	}

.fa-15x {
	font-size: 1.5em;
}


.magnifyingGlassSearchDiv{
	background-color: #53698B;
	padding: 25px;
	color: #fffffd;
	border-bottom-left-radius: 10px; 
   	border-bottom-right-radius: 10px;
   	position: absolute;
   	z-index: 10000;
}

.magnifyingGlassSearchDiv {display:none; }

.magnifyingGlassSearchDiv h2 {
	color: #fffffd;
	}
	
.magnifyingGlassSearchDiv input {
	height: 35px;
	font-size: 16px;
	}

.magnifyingGlassSearchDiv ul li {
	padding-bottom: 7px;
	}


a.magnifyingSearchDivClose {
	color: #fffffd;
	float: right;
	padding: 10px;
	}

a.magnifyingSearchDivClose:hover,
a.magnifyingSearchDivClose:focus {
	background: #fffffd;
	color: #53698B;
	}

.input-group .form-control:first-child {
	border-top-right-radius: 4px; 
   	border-bottom-right-radius: 4px;
	}

#studiesNavSearch input{
	border: 2px solid #101010;
    font-size: 1.4em;
    padding: 7px;
    color: #101010;
    background: #fffffd;
    border-radius: 13px;
    height: 65px;
	}
	
#studiesNavSearch button.btn-primary:hover,
#studiesNavSearch button.btn-primary:focus {
    background-color: #000;
    color: #fff;
    position: absolute;
    right: 6px;
    top: 2px;
    padding: 7px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}	


div#topLevelSearchForm {
	padding: 15px 0 5px;
	}

/****************************************************************  ABOUT Page   ***********************************/
			
.openICPSRStartDepositBTN {
	background-color: #53698B;
    border-radius: 4px;
    border: 1px solid #53698B;
    color: #fffffd;
	}			
			

#mainContent a.openICPSRStartDepositBTN  {
	color: #fffffd;
}

#mainContent a.openICPSRStartDepositBTN:hover,
#mainContent a.openICPSRStartDepositBTN:focus  {
	color: #101010;
}




/********************************************************   Repositories Page    ************************************/

.repositoriesP{
	margin-top: 15px;
	}

.nav-tabs.repositoryTabs li a {
	background: #8193AA;
    background: #fffffd;
    color: #101010;
    padding: 15px;
    text-decoration: none;
    font-size: 1.4em;
	border: 1px solid #ddd;
    border-bottom-color: #eee;
	}
	
.topbar {
	background: #8193AA;
	background: #53698B;
	height:13px;
	margin-left: -10px;
	margin-right: -10px;
	}
	
.nav-tabs.repositoryTabs>li.active>a, 
.nav-tabs.repositoryTabs>li.active>a:focus, 
.nav-tabs.repositoryTabs>li.active>a:hover {
	background: #8193AA;
	background: #53698B;
    color: #101010;
    color: #fffffd;
    border: 1px solid #8193AA;
    border: 1px solid #53698B;
	}
	


.nav-tabs.repositoryTabs li a:hover {
	background: #101010;
	color: #fffffd;
	}

.repositoryTabs .tab-pane {
	padding: 0 10px 10px;
	border-left: 1px solid #53698B;
	border-right: 1px solid #53698B;
	}

.nav.nav-tabs.repositoryTabs{
	margin-top: 30px;
	}

.nav-tabs.repositoryTabs > li.col-sm-6:first-child {
	padding-left:0;
	}	
	
.card-title {
    min-height: 55px;
    margin-top: 25px;
    margin-bottom: 2px;
}


.card-small {
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 2px 3px 7px #d4d4d5c2, 0 0 0 1px #d4d4d5c2;
    margin-top: 15px;
    min-height: 100px;
    -moz-box-shadow:    2px 3px 7px #d4d4d5c2, 0 0 0 1px #d4d4d5c2;
  -webkit-box-shadow: 2px 3px 7px #d4d4d5c2, 0 0 0 1px #d4d4d5c2;

}

a .card-small:hover {
	transition: 1s;
    box-shadow: 3px 6px 5px #12121380, 0 0 0 1px #efefef;
    -moz-box-shadow:    3px 6px 5px #12121380, 0 0 0 1px #efefef;
  -webkit-box-shadow: 3px 6px 5px #12121380, 0 0 0 1px #efefef;
}


a:focus .card-small {
	transition: 1s;
    box-shadow: 5px 7px 5px #3f51b578, 0 0 0 1px #efefef;
    -moz-box-shadow:    5px 7px 5px #3f51b578, 0 0 0 1px #efefef;
  	-webkit-box-shadow: 5px 7px 5px #3f51b578, 0 0 0 1px #efefef;
}


.card-block {
    position: relative;
    margin: 0;
    padding: .5em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top{
	padding: 15px;
	max-height: 123px;
    min-height: 123px;
	}

.card-img-top > img {
	display: block;
	margin: 0 auto;
	}
	
.card-title-small {
	font-size: 1em;
	text-align: center;   
	max-height: 40px;
    min-height: 40px;
	margin-top: 10px; 
	margin-bottom: 10px;
	text-decoration: none;
	}

#mainContent .row-cards .col-sm-6.col-md-3 a{text-decoration: none;}	 


img.cardAERALogo,
img.cardJEHLogo,
img.cardPSIDLogo,
img.cardFACTSLogo,
img.cardOARLogo {
	margin-top: 15px; 
	}

.imgTopPSID {
	padding: 15px 9px;
	}

img.cardNANDALogo {
    width: 65%;
}

img.cardAEALogo {
    width: 90%;
}

img.cardPSIDLogo {
    width: 100%;
}

img.cardOARLogo,
img.cardPATHLogo {
    width: 90%;
}

img.cardC19Logo,
img.cardFACTSLogo {
    width: 100%;
}

img.cardWEAILogo {
	margin-top: 25px;
	width: 65%;
}

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

.prices thead tr {
    background: #CED2D4;
    }

/*******************end data user stories page *************/			
			
			
@media (min-width: 768px){
	/* this code makes the main nav menu work on hover */
	.dropdown:hover .dropdown-menu {
	    display: block;
		 }
		 
	}

/* end nav */
	 
/* begin footer */
	 
footer {
	padding-top: 20px;
	background: #101010 !important;
	color: #fff;
	min-height: 100px;
	margin-top: 45px;
	}	
	
footer a:link,
footer a:visited {
	color: #fff;
	text-decoration: none;
	}
	
footer a:hover,
footer a:focus,
footer a.active {
	text-decoration: underline;
	}
	
footer .footerNav {
	text-align:center;
	margin-bottom:25px;	
	}
	
footer #copyrightLine {
	text-align:center;
	}

footer #copyrightLine img {
	padding-right: 10px;
	}
	
footer .container {
	padding: 0 0 20px 0;
}

.footer-logo {
	width: 80%;
    max-width: 190px;
}
	
/* end footer */	 

/* begin page styles */

 a {
	color: #102481;
	text-decoration: underline;
	}
	
section #mainContent {
	min-height: 500px;
}
 
 
 
#mainContent article a.btn,
article a.btn {
	text-decoration: none;
	}
	
#mainContent article .panel-heading .panel-title a,
article .panel-heading .panel-title a {
	text-decoration: none;
	}

h1 {
  font-size: 2em;
  color: #3d3d3d;
  }	

h2 {
  font-size: 1.7em;
  color: #3d3d3d;
  }	
	
h3 {
  font-size: 1.5em;
  color: #3d3d3d;
  }	

h4 {
  font-size: 1.2em;
  color: #3d3d3d;
  }	
  
.btn {
	border-radius: 2.4px;
	}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	text-shadow: none;
	box-shadow: none;
	background-image: none;
}


.btn-warning {
	color: #000;
}

.btn-primary,
.actions-btn,
#mainContent .btn-primary,
#mainContent .actions-btn {
	background-color: #53698B;
    text-decoration: none;
    text-transform: uppercase;
    color: #fffffd;
}

.btn.disabled, .btn[disabled] {
	color: #333;
}

.btn-primary:hover,
.btn-primary:focus,
#mainContent .btn-primary:hover,
#mainContent .btn-primary:focus {
    background-color: #000;
    color: #fff;
}

.btn-primary:disabled, .btn-primary[disabled] {
    background-color: #e0e0e0;
    }

div#miscProperties {
	display: none;
	}
	
h1.projectname {
	display: inline;
	}
	
.fake-checkbox {
    background: none;
    border: none;
}

.fake-checkbox:hover,
.fake-checkbox:focus {
	background: none;
	color: #333;
}

/*i.fas.fa-band-aid {
    transform: rotate(-45deg);
}
*/

.info .actions-btn {
    display: none;
}




/*********************************** skip navigation link for accessibility **********************/

#skip a, #skip a:hover, #skip a:visited, .skipNav a, .skipNav a:hover, .skipNav a:visited  { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 

#skip a:active, #skip a:focus, .skipNav a:active, .skipNav a:focus {
	position:static; 
	width:auto; 
	height:auto; 
}
	
/* end skip nav */

/* end page styles */
	






/*********************************** begin search customizations   **********************/

aside h2 {
	font-size: 130%;
	}
	
aside h3 {
	font-size: 110%;
	}
	
div.searchResult:nth-child(odd) {
	background-color: #efefef;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
div.searchResult:nth-child(even)  {
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	}

div.previous-next {
	background-color: #efefef;
	padding: 5px;
	font-size: 90%;
	margin-top: 10px;
	vertical-align: middle;
	margin-left: 0;
    margin-right: 0;
	}
	
div.previous-next label {
	font-weight: normal;
	}
	
div#bannerText {
	display: none;
	background-color: #8dc63f; 
	padding: 5px;
	}	

/* blacklight facet styles */

.list-unstyled {
    padding-left: 0;
    list-style: none;
	}
	
.facet-values {
    display: table;
    width: 100%;
    table-layout: fixed;
	}

.facet-values li {
    display: table-row;
	}

.facet-values .facet-label {
    display: table-cell;
    padding-right: 1em;
    text-indent: -15px;
    padding-left: 15px;
    padding-bottom: 6px;
   }
   
.facet-values .facet-count {
    display: table-cell;
    vertical-align: top;
    text-align: right;
	}
	
.treeview .list-group-item {
	border-radius: 0;
}
	
.panel {
	border-radius: 0;
	box-shadow: none;
}
	
.panel-heading.collapse-toggle .panel-title:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
    font-size: 0.8em;
    line-height: normal;
    }
    
.panel-default>.panel-heading {
	background-image: none;
	border: none;
	} 
    
.panel-heading.collapse-toggle.collapsed .panel-title:after {
  	content: "\e080";
	}   

.facet-values li.overCap {
	display: none;
	}

#viewAllButton {
	margin-left: 10px;
	}

/* end search customizations */

/* deposit styles */

.not-visible {
	display: none;
}

#workspace .panel-heading .row {
    margin-left: 0;
    margin-right: 0;
}

#workspace .breadcrumb {
	margin: 10px 0;
}

#workspace .breadcrumb a {
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}





div#optionsCheckBox label {
    font-weight: normal;
	}

div#optionsCheckBox label[for="optionsCheckBox"]{
	font-weight: 900  ;
	display: block;
	text-align:left;
	padding-bottom: 10px;
	}

/* OLD STYLES
	
p a#ccLink img {
	border-width: 0;
	float: right;
	padding-left: 5px;
}

.instructions {
	vertical-align: top;
	margin-left: 10px;
	color: #666;
	}
	
cite {
	font-style: italic;
	}

}

*/

/* styles from icpsrweb external css */

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
	color: #3d3d3d;
}

h3 {
	font-size: 1.5em;
	color: #3d3d3d;
}

img.feature-icon {
	max-height: 40px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #101010;
}

.orcid-auth {width: 350px;}

.pricing-feature-col {}

.pricing-selfdeposit-col {width: 10%;}

.pricing-professional-col {width: 10%;}

.pricing-fullarchive-col {width: 10%;}

.indent-column {	
	padding-left: 50px;
}
/* This is used by citeproc-js for the citations that are generated via javascript. */
.csl-entry {
	display: inline;
}


/* Study Home Page */

/* removing extra height from heading on page */
div.page-header  {
    margin-top: 0;
}

.usageMetricsModalHeadings{
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	}

.pubDownloadWell .btn,
.reportAProblemBTN{
	display: block;
    margin: 0 auto;
    padding: 10px;
    width: 80%;
	}

	
.usageMetrics {
	padding-left: 5px;
	padding-right: 5px;
	}

.asideH2 {
	margin-top:0;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	}
	
.indent {
	margin-left: 20px;
	}

.center {
	text-align: center;
	}
	
.requestInfoWell,
.overallViewsWell,
.overallDowloadWell,
.overallPubsWell{
	margin-bottom:0;
	}
	
.statsWell{
	background-image: none;
	background-color: transparent;
	text-align: center;
	border-radius: 0;
	padding: 7px;
	border-color: transparent;
	box-shadow: none;
	margin-bottom:0;
	}

.statsWell p{
	margin-bottom: 0;
	}
	
.overallDownloadWell,
.overallPubsWell,
.folderDownloadsWell{
	border-left: 1px solid #ccc;
	}
	
.overallPubsWell,
.folderDownloadsWell{
	border-right: none;
	}
	
.statNum{
	font-size: 1.6em;
	font-weight: bold;
	}
	
.downloadDetailedMetrics {
	margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 0px;
	}
	
	
/* toggle switch styles */


/* The switch - the box around the slider */
.related-publications-toggle {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  margin-left: 140px;
  text-indent: -140px;
  margin-top: 5px;
}

.study-homepage-related-publications-toggle {
	margin-left: 155px;
    text-indent: -155px;
    margin-top: 15px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  margin-left: 75px;
  text-indent: -75px;
  margin-top: 5px;
}

.series-homepage-studies-toggle {
	margin-left: 83px;
    text-indent: -83px;
    margin-top: 10px;
}

/* Hide default HTML checkbox */
.toggle-switch input,
.related-publications-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .toggle-slider {
  background-color: #1caa23;
}

input:focus + .toggle-slider {
  outline: 0;
  box-shadow: 0 0 4px 3px rgba(102,175,233,.8);
}

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



/* Rounded sliders */

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

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

.searchResult .collapse.relStudies {
	clear: left;
}

.searchResult.row div.result-summary {
    margin-top: 4px;
}	
	
	
#workspace img[alt^="COVID-19 Data Repository"] {
    max-height: 90px !important;
}	



.faqH2 {
	margin-top: 35px;
	}


	
.checkboxLabel {
	font-weight: normal;
	display: inline;
	
	}
	
img.studyHomePageImage {
	width: 75%;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.14) , 0px 1px 10px 0px rgba(0,0,0,0.12) , 0px 2px 4px -1px rgba(0,0,0,0.2) 
}

.requestAccessBTN {
	background-color: #ddd;
	border:1px solid #ccc;
	font-weight: bold;
	padding: 15px 30px;
	border-radius: 5px;
}

.requestAccessBTN:hover,
.requestAccessBTN:focus {
	background-color: #010101;
	color: #f1f1f1;
}
	
/******************************************************** mobile customizations **************************************************************************/





@media (min-width: 768px) {
	.col-md-0point5, 
    .col-md-11point5,
	.col-md-0point25,
	.col-md-11point75 {
        float: left;
    }
    .col-md-0point25 {
        width: 2.083333333%;
    }
    .col-md-11point75 {
        width: 97.916666667%;
    }
    .col-md-0point5 {
        width: 4.16666667%;
    }
    .col-md-11point5 {
        width: 95.83333333%;
    }
    
	.dropdown:hover .dropdown-menu {
	    display: block;
	}
}



@media (max-width: 1199px) {
	
	.share-text {
    	margin-top: 40px;
    }
    
    


}


@media (max-width: 992px) {

	#studiesSearch button.btn-primary{
		right:10px;
	}
	.radio input[type=radio] {
		margin-left: 0;
	}
	
	.fas.fa-search.fa-3x{
		font-size: 2.2em;
	}
	

	.navigation-row li {
		margin-right: 15px;
		}
	
	.header-logo img {
    	margin-top: 10px;
    	width: 250px;
    	}
	/* logos on home page */
	.repo-aea-logo{	margin-top: 17px; }
	.repo-nanda-logo{height: auto;}
	.repo-psid-logo{margin-top: 43px; width:98%}
	.repo-covid-logo{margin-top:20px;}
	.repo-path-logo{height: auto;}
	
	
	/******** logos on repository page *************/	
	img.cardAEALogo {
	    width: 63%;
	}
	
	img.cardNANDALogo {
	    width: 41%;
	}
	
	img.cardC19Logo {
	    width: 74%;
	    margin-top: -11px;
	}
	

	img.cardOARLogo {
	    width: 57%;
	}
	
	img.cardPATHLogo {
	    width: 50%;
	}


}



@media (max-width: 768px) {
	/* small screens */
	
	
	.footer-content img {
		margin-bottom: 20px;
	}
	
	.dropdown:hover .dropdown-menu {
	    display: block;
		 }
		 
	
	header .navbar a.navbar-brand {
		padding: 0;
	}
		
	.stat-wrap img {
		float: none;
	}
	a.start-btn {
		display: block;
	}

	
	.navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}	
	
	#studiesSearch input {
		font-size: 1.2em;
		padding-left: 4px;
	}
	
	#studiesSearch {
		margin: 45px 0;
	}
	
	.hero-bg {
		padding-top: 10px;
	}
	
	/* #studiesSearch button.btn-primary {
		right: 6px;
	} */
	
	.navbar-toggle {
		padding-top: 10px;
		}
	
	.navbar-toggle .icon-bar+.icon-bar {
    	margin-top: 6px;
		}
		
	.main-page-subtitle {
		font-size: 1.3em;
		padding: 10px 15px 20px 15px;
	}
	
	.hero-bg {
		min-height: 400px;
		}
	.repo-covid-logo {
		height: auto;
		}
		.nav-tabs.repositoryTabs {
		    display: block;
		    min-width: 100%;
		}

		.nav-tabs.repositoryTabs > li.col-sm-6:first-child {
			padding-left:15px;
			display: block;
    min-width: 100%;
	}
		.topbar {display: none;}	
		
}

@media (max-width: 767px) {
	.header-logo img {
		margin-top: 0;
		width: 250px;
	}
	
	.main-page-subtitle {
	    font-size: 1.1em;
	    padding: 10px 15px 20px 15px;
	}
	.navigation-row {margin-top: 15px;}
	
	.navigation-row li{
		margin-left: 15px;
		text-align: center;
	}
	
	.navbar-nav.loginManagement li a{
		padding: 15px;
		
	}
	.indent {margin-left:initial;}
	
	
	/*************  logos on home page   *************************/
	.repo-aea-logo{ margin-top: 0;	 height: 60px; width: auto; }
	.repo-aera-logo{margin-top: 23px; height: 36px; width: auto;}
	.repo-jeh-logo{margin-top: 23px; height: 50px; width: auto;}
	.repo-nanda-logo{margin-top: 15px; height: 72px; width: auto;}
	.repo-psid-logo{margin-top: 20px; width:110%}
	.repo-covid-logo{margin-top: 15px;}
	.repo-facts-logo{ width: 60%;}
	.repo-nacda-oar-logo{padding-top: 15px; width: 60%;}
	.repo-path-logo{height: 80px; margin-top: 15px;}
	
	
	/******** logos on repository page *************/	
	img.cardAEALogo {
	    width: 40%;
	    margin-top:5px;
	}
	
	img.cardNANDALogo {
	    width: 27%;
	}
	img.cardPSIDLogo {
	    width: 80%;
	}
	
	img.cardC19Logo {
	    width: 50%;
	    margin-top: -15px;
	}
	

	img.cardOARLogo {
	    width: 40%;
	}
	
	img.cardPATHLogo {
	    width: 34%;
	}

}

@media (max-width: 670px) {

	#studiesSearch button.btn-primary{
		right:9px;
	}
}

@media(min-width:1400px){
	/******** logos on repository page *************/	
	img.cardAEALogo {
	    width: 63%;
	}
	
	img.cardNANDALogo {
	    width: 41%;
	}
	
	img.cardC19Logo {
	    width: 74%;
	    margin-top: -11px;
	}
	
	
	
	img.cardOARLogo {
	    width: 57%;
	}
	
	img.cardPATHLogo {
	    width: 50%;
	}

}

@media (min-width: 1499px){
	.container {
    	width: 1450px;
	}	
}

@media (min-width: 1599px){
	/* extra large screens */
	.container {
    	width: 1550px;
	}	
}


/* end mobile customizations */


.line-1, .line-2, .line-3 {

	cursor: pointer;
	border-radius: 4px;
	height: 5px;
	width: 60px;
	background: #000;
	position: relative;
	display: block;
	content: '';

}

.navbar-toggle:hover span {
	cursor: pointer;
}


.line-1, .line-2, .line-3 {
	transition: all 300ms ease-in;
}

.navbar-toggle.active .line-2 {
	background-color: transparent;
}

.navbar-toggle.active .line-1 {
  top: 10px;
  position: absolute;
}

.navbar-toggle.active .line-3 {
  bottom: 15px;
  position: absolute;	
}

.navbar-toggle.active .line-1 {
	transform: rotate(45deg);
 	top: 16px;
}

.navbar-toggle.active .line-3 {
	transform: rotate(-45deg);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: transparent;
}

.navbar-toggle.active {
	height: 35px;
}


ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	display: none !important;
	visibility: hidden;
}

/***** new code for updating styles to DM3 ******/





header div#ir-bar ul.nav li a,  
header div#ir-bar a:not(.logo-anchor-tag) {
    color: #424242;
    border-radius: 0;
    font-family: IBM Plex Sans, sans-serif;
    font-weight: 600;
    line-height: 2;
    margin-top: 0;
    padding: 24px 16px;
    text-decoration: none;
}


header .navbar-nav li a:hover,
header .navbar-nav li a:focus {
    color: #fff;
    background-color: #696969;
}

header .navbar-nav li a.contactUs:hover, 
header .navbar-nav li a.contactUs:focus {
	padding-top: 8px;
    padding-bottom: 8px;}

.irNavLogo {
	max-height: 64px;
    width: auto !important;
    margin: 8px 0;
	}
	

.irNavLogoMobile{
	display: none;
}


.navbar-nav {
    display: flex;
    list-style-type: none; 
    margin: 0;
    padding: 0;
    margin-right: -30px;
}

.navbar-nav.loginManagement li a, #login{
	background: #757575;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
    font-family: IBM Plex Sans, sans-serif;
    text-decoration: none;
}
.nav-item {
    margin-right: 15px; 
}

.nav-link {
    text-decoration: none; 
    color: #000; 
}

.topbar * {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.topbar {
	display: flex;
    align-items: center; 
    justify-content: end;
	height: 36px;
	margin-left: -30px;
    margin-right: -39px;	
}

.topbar a {
	color: #fff;
	vertical-align: middle;
}


.topbar #newLoginDropdown {
	z-index: 100000;
	text-align: right;
}

.topbar #newLoginDropdown .dropdown-menu a {
	color: #000;
	padding: 4px;
}


header  {
	margin-bottom: 20px;
	border-bottom: none;
	background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    background: transparent;
	}
	
header .navbar-inverse .navbar-nav>li>a {
	color: #424242;
    border-radius: 0;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    margin-top: 0;
    }
    
header .navbar-inverse .navbar-nav>li>a:hover,
header .navbar-inverse .navbar-nav>li>a:focus,
header div#ir-bar ul.nav li a:hover,
header div#ir-bar ul.nav li a:focus {
	background: #424242;
	color: #fff;
	text-decoration: none;
}    

header div#ir-bar a.logo-anchor-tag:hover
header div#ir-bar a.logo-anchor-tag:focus { background: transparent;}


header #newLoginDropdown .dropdown-menu a {
	background: none;
	padding: 4px;
	color: #000;
}
header #newLoginDropdown .dropdown-toggle:focus {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
header .navbar-inverse a.navbar-brand img {
	width: 93px;
}
header .navbar-brand {	
	align-items: center;
    padding: .5rem 1rem;
    display: flex;
	}
	
.navbar {
    margin-bottom: 0;
    background-color: #FFF;
    border-radius: 0;
}	

.navbar > .container-fluid  {
	border-bottom: none;

	}
	

footer {
	background-color: #424242 !important;
	padding-top: 0;
    color: #fff;
    min-height: initial;
    margin-top: 20px;
}

footer .container {
	padding: 0;
}

.footer-action-bar {
	color: #fff;
	text-align: center;
	margin-left: -15px;
    margin-right: -15px;
    padding-top: 13px;
    padding-bottom:13px;
}

.footer-action-bar ul li {
	display: inline-block;
    list-style: none;
    padding: 8px 4px;
    color: #fff;	
}

.footer-action-bar ul li a{
	text-decoration: underline;
}

ul.footer-links {
	margin-bottom: 0;
	padding-left: 0;
}

.footer-content.container {
	padding: 24px 12px;
}

@media(max-width: 768px) {
	.irNavLogo {
		display:none;
	}
	
	 .irNavLogoMobile {
        display: inline-block;
        max-height: 38px;
        margin-top: 8px;
        margin-left: 15px;
    }
    
    nav.navbar ul li {
    	display:block;
    	
    }
    .topbar,
    .topbar a, .navbar-nav.loginManagement li a, #login {
    	display: block;
    	background: none;
 
    	text-align: left;
    	color: #424242;
    border-radius: 0;
    font-family: IBM Plex Sans, sans-serif;
    font-weight: 600;
    margin: 0 -7px;
    text-decoration: none;
    }
    
    .navbar-nav,
    header div#ir-bar ul.nav li a {
    	display: block;
    	list-style-type: none;
    	margin: 0;
    	padding: 6px 0;
    	text-align: left;
	}
	.navbar {
		background-color: transparent;
		}
	
	div.navbar-inner-ir {
  		background-image: none;
    	margin-top: 56px;
		}

	
	.topbar #newLoginDropdown {
		z-index: 0;
		text-align: left;
		background: transparent;
		color: #424242;
		margin: 0;
		padding: 0;
	}
}

