/* Typography */
body {
    background: #fff;
    font-family: 'Century Gothic', Arial, sans-serif;
    font-size: 14px;
}
/* Headings */

#header h1 {
    left: -99999px;
    position: absolute;
}
#stats-banner h2 {
	display:table-cell;
    vertical-align: middle;
    font-size: 29px;
    font-weight: 700;
    color: #23527c;
	padding: 4rem 1rem 3rem;
}

h3 {
    font-size: 20px;
    font-weight: 700;
    color: #4a66a0;
    padding-bottom: 12px;
	padding-top: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
}
h4 {
    font-size: 16px;
    padding-bottom: 12px;
    color: #4a66a0;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px dotted #e2e3e3;
}

.footer-items h4 {
    color: white;
    display: inline-block;
    margin-right: 15px;
}
/* Content Area */
#header img {
    max-width: 450px;
    max-height: 53px;
    width: 100%;
	margin-bottom: 5px;
    margin-top: 2px;
}

#main {
	border: 1px solid #dbdbdc;
    border-radius: 6px;
    box-shadow: 0 2px 5px #ccc;
    padding: 30px;
    margin-bottom: 2%;
	margin-right: 4rem;
	margin-left: 4rem;
	position: relative;
}
/* Links */
a {
    color: #2d699e;
    text-decoration: none;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}

.required > label::after {
    content: " *";
}

/* Special Links */
a.registry-form {
    font-size: 120%;
    font-weight: 600;
}

/* Buttons */

.btn.btn-primary, #menu-button {
    background-image: linear-gradient(to bottom, #3A6AE4 0%, #2D498A 100%);
    border: 1px solid #2f4a8b;
    text-shadow: 2px 1px #3c4150;
    border-radius: 40px;
    text-transform: uppercase;
    color: #fff;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, #menu-button:hover, #menu-button:focus {
    background: #282e3e;
}

.btn.btn-default {	
	border-radius: 40px;
}

/* Alert Wells */
/*******HELP*********/
.vc_color-info.vc_message_box {
    color: #5e7f96;
    border-color: #cfebfe;
    background-color: #dff2fe;
	color:#000;
} 	

.vc_message_box-rounded {
    border-radius: 5px;
}

.vc_message_box {
    border: 1px solid transparent;
    display: block;
    overflow: hidden;
    margin: 0 0 21.74px;
    padding: 1em 1em 1em 4em;
    position: relative;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vc_message_box div:before {
   font-family: FontAwesome;
   content: "\f059";
   position:absolute;
   font-size: 1.7em;
   left: 15px;
   top: 35%;
   color: #56b0ee;
}

.vc_message_box a {
	color: #2d699e;	
}


.contact {}				/* the contact box found on... */

/* Hero Image */
#stats-banner {
    background: url("../img/banner-bg.f3f0e4a1aa81.png") no-repeat scroll 0 0 / cover;
    width: 100%;
    margin-bottom: 10px;
	text-align:center;
	display:table;
}

#stats-banner .container {
    display: table-row;
}
	
/***************************/	
/* Footer */
#footer {
	padding:0;	
}

#footer .col-12 {
    background-color: #282e3e;
    color: #a3a3a3;
    text-align: center;
}

#footer .col-12 .container {
    padding: 1.5em 0 .5em;
}

#footer p {
    border-top: 1px solid #d4d5d8;
    padding-top: 20px;
    color: #616464;
    margin-top: 10px;
}

#footer h4 {
    color: white;
    display: inline-block;
    margin-right: 15px;
}

#footer span {
    margin-right: 15px;
    font-size: 1.2em;
}

#footer a {
    color: #a3a3a3;
    text-decoration: none;
	font-weight: bold;
}

#footer a:hover, #footer a:focus {
    color: #fff;
}

#footer p a {
    color: #000;
}

#footer p a:hover, #footer p a:focus {
	color:#616464;	
}

@media (max-width: 998px) {
	#footer span, #footer h4 {
		display: block;
		margin-bottom: 5px;
	}
}

/* Request Header */
.request-header-wrapper {
    position: relative;
    z-index: 10000;
}


/* Main Navigation SmartMenus */
.sm-clean>li { background: inherit; }

.sm {
	margin: 0;
    background-image: -webkit-gradient( linear,	left top,	left bottom,	color-stop(0, #3A6AE4),	color-stop(1, #2D498A));
    background-image: -o-linear-gradient(bottom, #3A6AE4 0%, #2D498A 100%);
    background-image: -moz-linear-gradient(bottom, #3A6AE4 0%, #2D498A 100%);
    background-image: -webkit-linear-gradient(bottom, #3A6AE4 0%, #2D498A 100%);
    background-image: -ms-linear-gradient(bottom, #3A6AE4 0%, #2D498A 100%);
    background-image: linear-gradient(to bottom, #3A6AE4 0%, #2D498A 100%);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #2f4a8b;
    padding-right: 0;
    padding-left: 0;
    width: 100%;	
}

.sm li ul {
	background: #F5F5F5;
    color: #000;	
	max-width:none !important;
	margin-top:0 !important;
	width:100% !important;
	border-radius:0 !important;
}

.sm-clean>li>ul>li {
	padding-left:10px;	
}

.sm-clean>li>ul:before, .sm-clean>li>ul:after {
	border-style:none !important;	
}

.sm-clean>li>ul li a, .sm-clean>li>ul li a:hover, .sm-clean>li>ul li a:focus, .sm-clean>li>ul li a:active {
    background-image: url("../img/list-arrow.d1b412a91740.png");
	background-position:left center;
	background-repeat:no-repeat;
    padding-left: 16px!important;
    display: block;
}

.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.sm a, .sm a:hover, .sm a:focus, .sm a:active {
	color:#fff;
	font-family: 'Century Gothic', Arial, sans-serif;	
}

.sm a:hover, .sm a:focus, .sm a.highlighted {
	color: #fff;
    background-color: #3051a0;	
}

.sm-clean a span.sub-arrow {
	border-color:#fff transparent transparent transparent;	
}

/* BioShare Overwrites */
#header {
	border-top:none;	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Century Gothic', Arial, sans-serif;
}

h1{
    font-size: 2em;
}

small{
    font-size: 0.8em;
}

.breadcrumb i, .breadcrumb span {
	color: #3051a0;	
}

.caret {
    border-top: 4px solid #3051a0;
}


.bioshare-home .nav-home, .bioshare-about .nav-about, .bioshare-requests .nav-requests, .bioshare-studies .nav-studies, .bioshare-specimens .nav-specimens, .bioshare-faq .nav-faq, .bioshare-histology .nav-histology, .bioshare-reports .nav-reports, .bioshare-admin .nav-admin {
	color: #fff !important;
    background-color: #3051a0 !important;
}

.bioshare-home .nav-home span, .bioshare-about .nav-about span, nav-home span, .requests .nav-requests span, .studies .nav-studies span, .specimens .nav-specimens span, .faq .nav-faq span, .histology .nav-histology span, .reports .nav-reports span, .admin .nav-admin span {
	border-bottom:none !important;	
}

@media (min-width: 768px) {
	.sm-clean .sm-nowrap>li>a, .sm-clean .sm-nowrap>li>:not(ul) a {
		white-space: normal;
	}
}
/*********************tables***************************/

.table tr.header td {
    color: #000;
    font-size: 80%;
}

table.registry-form-table {
    margin: 15px 0px;
}

/************Home page request button*****************/
.ctaData .btn.btn-primary>span {
    background: url("../img/data.a89690a1a50a.png") left center no-repeat;
	padding: 1em 0 1em 3em;
}

.ctaData a.btn.btn-primary {
	display:block;	
	padding: 1em 0;
    margin: 10px 0;
}

.registry-name-button{
    display: inline-block;
}

/****************************** Icons ******************************/

.fa.fa-link {
    margin-right: 5px;
    padding: 2px 5px;

    font-size: 120%;

    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}

.fa.fa-pencil {
    padding: 2px 5px;

    font-size: 120%;

    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}

.fa.fa-reply {
    padding: 2px 5px;

    font-size: 120%;

    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}


.modal {
    z-index: 99999 !important;
}

.form-check{
    margin-left: 10px;
}
.form-check.field-nullbooleanfield{
    margin-left: 0px;
}